/* GENERAL */

* {padding: 0; margin: 0; font-weight: normal;}
html {font-size: 20px;}
body {font-family: "fs_joeyregular"; line-height: 1.4em; color: #666; background: #ddd; background: #f7f7f7;}
.innerbody {
    background: white;
    position: relative;
    max-width: 2500px; margin: 0 auto;
    /*
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    */
}
.section > div.gray {background: #f7f7f7;}
.container {max-width: 940px; margin: 0 auto; padding: 0 1.4%; width: 85%;}
.container.wide {max-width: 1200px;}
a {cursor: pointer;}
p, ol, ul {margin-bottom: 1.4em;}
input:not([type="radio"], [type="checkbox"]), textarea, select {border-radius: 0;}
input:not([type="radio"], [type="checkbox"]), textarea {-webkit-appearance: none;}

/* set responsive defaults */
.mobile {display: none;}
.tablet {display: none;}
.desktop {display: inline; display: initial;}
/* tablet width */
@media (max-width: 1050px) {
    .desktop {display: none;}
    .tablet {display: inline; display: initial;}
}
/* mobile width */
@media (max-width: 600px) {
    .desktop {display: none;}
    .tablet {display: none;}
    .mobile {display: inline; display: initial;}
}
.de {background-image: url('/img/de.png')!important;}
.nl {background-image: url('/img/nl.png')!important;}
.fr {background-image: url('/img/fr.png')!important;}
.be {background-image: url('/img/be.png')!important;}
.no {background-image: url('/img/no.png')!important;}
.at {background-image: url('/img/at.png')!important;}
.pt {background-image: url('/img/pt.png')!important;}
.ch {background-image: url('/img/ch.png')!important;}
.us {background-image: url('/img/us.png')!important;}
.gb {background-image: url('/img/gb.png')!important;}
.es {background-image: url('/img/es.png')!important;}
.dk {background-image: url('/img/dk.png')!important;}
.fi {background-image: url('/img/fi.png')!important;}
.it {background-image: url('/img/it.png')!important;}
.se {background-image: url('/img/se.png')!important;}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
 }

.section > div {padding: 70px 0; background-color: white; overflow: auto;}
h1, .h1 {
    font-family:'fs_joeylight';
    font-size: 60px;
    line-height: 65px;
    color: #000;
    margin-bottom: 50px;
}
.text-center h1 {max-width: 710px; margin: 0 auto 0.35em;}
.category.blog.post h1 a {color: black;}
h2, .h2 {
    font-family:'fs_joeylight';
    font-size: 60px;
    line-height: 70px;
    color: #000;
    margin-bottom: 45px;
}
h3, .h3, .fsRow h2 {
    font-family: "fs_joeybold";
    font-size: 30px;
    line-height: 35px;
    color: #000;
    margin-bottom: 15px;
}
h4, .h4 {
    font-family: "fs_joeymedium";
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin-bottom: 15px;
}
h5 {
    font-family: "fs_joeybold";
    font-size: 30px;
    line-height: 30px;
    padding-top: 7px;
}
hr {margin: 30px 0 30px; border: none; height: 1px; color: #dfdfdf; background-color: #dfdfdf;}
h1 + h5 {position: relative; bottom: 25px;}
h1 + h4 {position: relative; bottom: 15px;}
h2.underline, h3.underline, h4.underline {padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
h4.tickmark {background: url('/img/ICON _ check _ green.svg') left 70% no-repeat; background-size: 15px auto; margin-left: -25px; padding-left: 25px;}
.ultickmarks ul {margin-left: 25px!important;}
.ultickmarks ul li {list-style: none!important; background: url('/img/ICON _ check _ green.svg') left 10px no-repeat; background-size: 15px auto; margin-left: -25px; padding-left: 25px;}
.vertical-align-middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

p.tickmark {background: url('/img/ICON _ check _ green.svg') left 20% no-repeat; background-size: 15px auto; margin-left: -25px; padding-left: 25px; }

a {color: #009ac7; text-decoration: none;}
.arrow_up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: -40px;
    z-index: 1;
}
.arrow_up_shadow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 0 52px;
    border-color: transparent transparent transparent rgba(0,0,0,0.1);
    position: absolute;
    top: -43px;
    margin-left: -1px;
}
.arrow_up.mirrored {
    border-width: 40px 50px 0 0;
    border-color: transparent #fff transparent transparent;
}
.arrow_up_shadow.mirrored {
    border-width: 43px 52px 0 0;
    border-color: transparent rgba(0,0,0,0.1) transparent transparent;
}
.withleftmargin {margin-left: 320px;}
.withleftmargin + h3 {padding-top: 30px;}
.withleftmargin .noleftmargin {margin-left: -320px; position: absolute;}
@media (max-width: 780px) {
    .withleftmargin {margin-left: 0px;}
    .withleftmargin .noleftmargin {margin-left: 0px; position: relative;}
    h4.tickmark {margin-left: 0px;}
    p.tickmark {margin-left: 0px;}
}
.small {font-size: 13px;}
.large {
font-size: 30px;
line-height: 34px;
}
.medium {font-family: "fs_joeymedium";}
.bold {font-family: "fs_joeybold";}
.nomaxwidth {max-width: none;}
p {max-width: 710px; margin: 0 auto 1.4em;}
.larger {font-size: 20px; line-height: 1.4em;}
.half {width: calc(50% - 15px); padding-right: 30px; float: left;}
.half p {}

.onethird {width: calc(33.33% - 15px); padding-right: 30px; float: left;}
.twothird {width: calc(66.66% - 15px); padding-right: 30px; float: left;}
.onethird:last-child, .twothird:last-child {padding-right: 0;}
.onethird.minus {width: calc(30% - 15px);}
.twothird.plus {width: calc(70% - 15px);}

.half:nth-of-type(even) {padding-right: 0;}
.half:nth-of-type(odd) {clear: left;}
.half.plus {width: calc(55% - 15px);}
.half.minus {width: calc(45% - 15px);}
.lead {font-family: "fs_joeylight"; font-size: 40px; line-height: 50px; margin-bottom: 40px;}
img {max-width: 100%;}
strong, b {font-family: "fs_joeybold";}
.text-center {text-align: center;}
.text-left {text-align: left;}
#content .section > .first, #content .section.first {padding-top: 208px;}
#content ul {margin-left: 20px;}
#content ol {margin-left: 25px;}
h1 a {color: black;}
#content ol li {margin-bottom: 0.5em;}
#content ul li {list-style-type: square; margin-bottom: 0.5em;}

.half.push-half {position: relative; left: 50%;}
.half.pull-half {position: relative; right: 50%;}
.half.plus.push-half {left: calc(45% - 15); padding-right: 0px;}
.half.minus.pull-half {right: calc(55% - 15px); padding-right: 30px;}

@media (max-width: 780px) {
    .half {width: 100%!important; float: none; padding-right: 0px!important; margin-left: 0%!important;}
    .half.push-half {left: 0;}
    .half.pull-half {right: 0;}
    .half.plus.push-half {left: 0;}
    .half.minus.pull-half {right: 0;}
    .half img {float: none!important;}
}
.light li, .light h1, .light h5, .light p {color: white!important;}
.light .fullblock p {color: #666!important;}

@media (max-width: 780px) {
    #content .section.first > div > ul + ul {padding-top: 0; margin-top: -20px;}
}

.btn {
border: 1px solid #007BB1;
color: #fff;
font-size: 24px;
font-family: "fs_joeyheavy";
text-transform: uppercase;
height: 40px;
outline: 0;
background: #007BB1;
vertical-align: top;
cursor: pointer;
line-height: 38px;
display: inline-block;
padding: 0 15px;
position: relative;
top: 5px;
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
user-select: none;          /* Likely future */
}
.btn.green {border-color: #8dc63f; background: #8dc63f;}
.btn.btn-sm {
    height: 30px;
    top: 0px;
    line-height: 28px;
    font-size: 17px;
}


/* HEADER */
header {
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    width: 100%;
    max-width: 2500px;
    position: fixed;
    z-index: 11;
    background: white;
    font-size: 16px;
    -webkit-transition: margin-top .5s ease-in-out;
    -moz-transition: margin-top .5s ease-in-out;
    -o-transition: margin-top .5s ease-in-out;
    transition: margin-top .5s ease-in-out;
}
@media (min-width: 1530px) {
    body.scrolled header {margin-top: -101px;}
}
header div.container {height: 100px; position: relative;}
#header-logo {float: left; width: 80px; margin-top: 14px; margin-right: 0px;}
#header-logo-text {
    float: left;
    color: #9b9b9b;
    font-size: 13px;
    margin-top: 12px;
    line-height: 13px;
    margin-left: 20px;
    padding: 27px 0 0px 10px;
    line-height: 15px;
    font-family: "fs_joeylight";
    border-left: 1px solid #d4d4d4;
    width: 135px;
}
#header-logo2 {position: absolute; height: 39px; overflow: hidden; width: 39px;}
#header-logo2 img {height: 39px; position: relative; bottom: 39px;}
#header-logo2 img, #header-cart2 img, #header-search2 img, #header-user2 img {
    -webkit-transition: bottom .5s ease-in-out;
    -moz-transition: bottom .5s ease-in-out;
    -o-transition: bottom .5s ease-in-out;
    transition: bottom .5s ease-in-out;
}
#header-cart2 {position: absolute; height: 39px; overflow: hidden; width: 39px; right: 39px;}
#header-cart2 img {height: 39px; position: relative; bottom: 39px; width: 18px; margin: -1px 0px 0 10px; opacity: 0.6;}
#header-search2 {position: absolute; height: 39px; overflow: hidden; width: 39px; right: 0px;}
#header-search2 img {height: 39px; position: relative; bottom: 39px; width: 22px; margin: -1px 0px 0 8px; opacity: 0.6;}
#header-user2 {position: absolute; height: 39px; overflow: hidden; width: 39px; right: 78px;}
#header-user2 img {height: 39px; position: relative; bottom: 39px; width: 18px; margin: -2px 0px 0 8px; opacity: 0.6;}
body #header-menu > a {pointer-events: none; opacity: 0;}

@media (min-width: 1530px) {
    body.scrolled #header-cart2 img,
    body.scrolled #header-search2 img,
    body.scrolled #header-user2 img,
    body.scrolled #header-logo2 img {bottom: 0;}
    body #header-menu > a {pointer-events: auto; opacity: 1;}
}
#header-phone-number {
    font-family: "fs_joeyregular";
    color: #87be3d;
    font-size: 20px;
    line-height: 19px;
    position: absolute;
    right: 0px;
    bottom: 14px;
    text-align: right;
}
#header-phone-number a {color: #87be3d; text-decoration: none;}
#header-secondmenu {position: absolute; right: 0px; width: 600px; overflow: hidden; padding-top: 12px; margin-right: -5px;}
#header-secondmenu li {float: right; list-style: none; padding: 0 5px;}
#header-secondmenu li a {text-decoration: none; color: #666; line-height: 20px; height: 23px; display: inline-block; vertical-align: top;}
#header-secondmenu li a img {display: block; opacity: 0.6;}
#header-secondmenu li .separator {
    border-left: 1px solid #d4d4d4;
    height: 20px;
    margin-top: 3px;
}
@media (min-width: 900px) {
    #header-secondmenu .desktop {display: block;}
}
@media (max-width: 780px) {
    header {position: absolute;}
    #header-secondmenu {width: 400px;}
}
#header-menu {
    border-top: 1px solid #d4d4d4;
    height: 38px;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
#header-menu ul {}
#header-menu ul li {float: left; list-style: none; }
#header-menu ul li a {height: 36px; margin-right: 25px; border-top: 3px solid white; line-height: 30px; display: inline-block; text-decoration: none; font-size: 18px; color: #009ac7; colfor: #000;}
#header-menu ul li:last-child a {margin-right: 0;}
#header-menu ul li.active a {border-color: #000; color: #000;}
#header-menu .cartnumber, #header-secondmenu .cartnumber {position: absolute; background: #e21a23;; color: white; z-index: 5; width: 18px; height: 18px; line-height: 16px;
    font-size: 12px; text-align: center; border-radius: 12px; font-family:'fs_joeyheavy'; margin: -8px 0 0 8px; border: 2px solid white; display: none;}
#header-menu .cartnumber {margin: -43px 0 0 16px;
    -webkit-transition: margin-top .5s ease-in-out;
    -moz-transition: margin-top .5s ease-in-out;
    -o-transition: margin-top .5s ease-in-out;
    transition: margin-top .5s ease-in-out;
}
.scrolled #header-menu .cartnumber {margin: -1px 0 0 16px;}







#mobile-menu-toggler {
    display: none;
    top: 100px;
    right: 0;
    position: absolute;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    background: #e21a23;
    color: white!important;
    z-index: 999;
    padding: 0 10px;
}

#mobile-menu {
    /* display: none; */
    border-top: 1px solid #d4d4d4;
    position: relative;
    width: 100%;
    background: white;

    /* pieter */
    overflow-y: hidden;
	max-height: none;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    /* pieter */
}
#mobile-menu .container {max-width: 100%;}
#mobile-menu a {padding: 2px 0;}
#mobile-menu.closed {
    max-height: 0;
}



#mobile-menu .container {height: auto; position: relative;}
#mobile-menu ul {margin: 10px 0 20px 0; overflow: auto;}
/* #mobile-menu ul + ul li {width: 50%; float: left;} */
#mobile-menu li {list-style: none; text-align: center;}
#mobile-menu li a {display: block; line-height: 30px; font-size: 18px;}

.mobile-menu-tabled ul li {width: 50%; float: left;}
.mobile-menu-tabled ul li a {color: #666; padding: 5px 0; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.mobile-menu-tabled ul li:nth-child(odd) a {border-right: 1px solid #d4d4d4;}
.mobile-menu-tabled ul {border-bottom: 1px solid #d4d4d4;}

@media (min-width: 481px) {
    /*#mobile-menu {display: none!important;}*/
}
@media (max-width: 900px) {
    #mobile-menu-toggler {display: block;}
}











/* SEARCH */
.searchoverlay {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    height: 100px;
    line-height: 100px;
    z-index: 9999;
    background: white;
    text-align: center;
    margin-top: -101px;
    -webkit-transition: margin-top .3s ease-in-out;
    -moz-transition: margin-top .3s ease-in-out;
    -o-transition: margin-top .3s ease-in-out;
    transition: margin-top .3s ease-in-out;
    overflow: hidden;
    opacity: 0;
}
.searchoverlay form {display: inline;}
.searchoverlay.open {margin-top: 0; opacity: 1;}
.searchoverlay img:nth-child(2) {cursor: pointer; vertical-align: middle; width: 25px; position: relative; bottom: 0px; left: 7px;}
.searchoverlay label {display: inline-block; padding-right: 10px;}
@media (max-width: 725px) {
    .searchoverlay label {display: none;}
}
.searchoverlay input {
    height: 42px;
    line-height: 42px;
    border: none;
    background: white;
    width: 500px;
    max-width: calc(100% - 152px);
    padding: 0 10px;
    vertical-align: top;
    font-family: "fs_joeymedium";
    font-size: 18px;
    color: black;
    border: 1px solid rgba(0,0,0,0.2);
    margin-top: 29px;
    border-right: 0;
}

#searchButton {
    border: 1px solid #007BB1;
    color: #fff;
    font-size: 24px;
    font-family: "fs_joeyheavy";
    height: 44px;
    outline: 0;
    background: #007BB1;
    vertical-align: top;
    line-height: 40px;
    width: 100px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.2);
    border-left: 0;
    margin-top: 29px;
    margin-left: -5px;
}

/* IMAGEHEADER */
#imageheader {padding: 0;}
.topgradient {margin-top: 0px; padding-top: 188px; padding-bottom: 65px;}
.topgradient.pattern {background-image: url("/img/rubber-grip.png");}
.topgradient.gray {background: #f7f7f7; padding-top: 1px!important;}
.topgradient.gray .gradient_pattern > div.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor */
background: -moz-linear-gradient(top, rgba(9,22,29,0) 0%, rgba(9,22,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(9,22,29,0) 0%,rgba(9,22,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(9,22,29,0) 0%,rgba(9,22,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0009161d', endColorstr='#09161d',GradientType=0 ); /* IE6-9 */
}
.topgradient.gray .gradient_pattern .pattern {background-image: url(/img/pattern.png);}
.hasnoimage .topgradient .gradient_pattern > div:first-child {background: #f7f7f7;}
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop {padding-top: 175px!important; padding-bottom: 80px!important;}
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop > div:first-child a,
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop > div:first-child {color: #009AC7;}
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop h1 {color: #000;}
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop > div:nth-child(3) {color: #666;}
.hasnoimage .topgradient .gradient_pattern .container.extrapaddingtop > div:nth-child(3) a {color: #009AC7;}
#numberboxes.hasnoimage .fullblock {margin-top: -65px!important;}
#numberboxes .withleftmargin p a {color: white; text-decoration: underline;}


#imageheader h1 {font-family: "fs_joeyheavy"; position: relative; top: 20px;}
#imageheader .quartblock {
    width: calc(25% - 55px);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    background: #FFF;
    position: relative;
    padding: 20px;
    margin: 20px 0 20px 20px;
    text-align: left;
    display: none;
    color: #666;
    vertical-align: top;
}
#imageheader .quartblock:nth-child(1),
#imageheader .quartblock:nth-child(2),
#imageheader .quartblock:nth-child(3),
#imageheader .quartblock:nth-child(4) {display: inline-block;}
#imageheader .quartblock:first-of-type {margin-left: 0;}
#imageheader .quartblock p {margin-bottom: 37px; color: #666!important;}
#imageheader .quartblock div:last-child p {margin-bottom: 0;}
#imageheader .quartblock h2 {margin-bottom: 0; font-family: "fs_joeyheavy"; font-size: 40px; line-height: 32px; margin-bottom: 5px;}
#imageheader .quartblock h2 a {color: #009ac7; text-decoration: none;}
#imageheader .quartblock h3 {margin-bottom: 0; font-family: "fs_joeybold"; text-transform: uppercase; font-size: 16px; line-height: 23px; color: #666;}
#imageheader .quartblock.show4 li, #imageheader .quartblock.show8 li {display: none;}
#imageheader .quartblock.show4 li:nth-child(1),
#imageheader .quartblock.show4 li:nth-child(2),
#imageheader .quartblock.show4 li:nth-child(3),
#imageheader .quartblock.show4 li:nth-child(4) {display: block;}

#imageheader .quartblock.show8 li:nth-child(1),
#imageheader .quartblock.show8 li:nth-child(2),
#imageheader .quartblock.show8 li:nth-child(3),
#imageheader .quartblock.show8 li:nth-child(4),
#imageheader .quartblock.show8 li:nth-child(5),
#imageheader .quartblock.show8 li:nth-child(6),
#imageheader .quartblock.show8 li:nth-child(7),
#imageheader .quartblock.show8 li:nth-child(8) {display: block;}




/* tablet width */
@media (max-width: 780px) {
    #imageheader .quartblock {width: calc(50% - 51px);}
    #imageheader .quartblock:nth-of-type(3) {margin-left: 0; clear: left;}
}
/* mobile width */
@media (max-width: 480px) {
    #imageheader .quartblock {width: calc(100% - 41px); margin-left: 0;}
}

#imageheader > div > div > ul {margin-left: 0;}
#imageheader > div > div > ul li {padding-left: 30px; font-size: 22px; line-height: 30px; margin-bottom: 8px; list-style: none; background: url('/img/ICON _ check _ green.svg') left center no-repeat; background-size: 22px auto;}


/* FUNCTIONS NEW */
#functionsnew .block {background: #f7f7f7; width: calc(33.3% - 50px); margin-top: 70px; margin-bottom: 10px; font-size: 17px; line-height: 1.4em; padding: 0 15px 0; margin-left: 20px; float: left; position: relative; min-height: 450px; cursor: pointer;}
#functionsnew .block .circle {position: relative; margin: 0!important; bottom: 50px; display: inline-block; color: white;}
#functionsnew .block h5 {margin-top: -35px; color: #009ac7; font-size: 23px; font-weight: normal; margin-bottom: 15px; line-height: 1.1em; font-family: "fs_joeyregular";}
#functionsnew .block p {height: 14em; overflow: hidden;}
#functionsnew .row {margin-left: -20px;}
#functionsnew .row:after {content: ""; clear: both; display: block;}
#functionsnew .colorgradient {position: absolute; left: 0; height: 10px; width: 100%; top: auto; bottom: 0; opacity: 0.1;}
#functionsnew .block:hover {background: #003753; padding: 10px 25px; margin: 60px -10px 0px 10px;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
#functionsnew .block:hover .colorgradient {margin: 0 10px; width: calc(100% - 20px); bottom: 10px; opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#functionsnew .block:hover p {color: white;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media (max-width: 850px) {
    #functionsnew .block {width: calc(50% - 50px);}
}
@media (max-width: 500px) {
    #functionsnew .block {width: calc(100% - 50px);}
}


/* COUNTRIES NEW */
#countriesnew .block {background: #f7f7f7; width: calc(33% - 48px); margin-top: 70px; margin-bottom: 10px; font-size: 17px; line-height: 1.4em; padding: 0 15px 0;
    margin-left: 20px; float: left; position: relative; min-height: 220px; cursor: pointer;}
#countriesnew .block .circle {
    position: relative;
    margin: 0!important;
    bottom: 50px;
    display: inline-block;
    color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 4px solid white;
}
#countriesnew .block h5 {margin-top: -45px; color: #009ac7; font-size: 23px; font-weight: normal; margin-bottom: 10px; line-height: 1.1em; font-family: "fs_joeyregular";}
#countriesnew .block p {height: 7em; overflow: hidden; margin-bottom: 0;}
#countriesnew .row {margin-left: -20px;}
#countriesnew .row:after {content: ""; clear: both; display: block;}
#countriesnew .block:hover {background: #003753; padding: 10px 25px; margin: 60px -10px 0px 10px;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
#countriesnew .block:hover .colorgradient {margin: 0 10px; width: calc(100% - 20px); bottom: 10px; opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#countriesnew .block:hover p {color: white;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media (max-width: 780px) {
    #countriesnew .row {width: calc(100% + 40px); position: relative;}
    #countriesnew .block {width: calc(100% - 70px);}
}



/* SECTIONS */
div.section.home-voordelen {border-bottom: 1px solid #dfdfdf;}
div.section.home-voordelen #textplusimage {border-bottom: 10px solid #8ec449;}


/* COUNTRIESLIST */
#countrieslist h2.underline {margin-bottom: 0px;}
#countrieslist #numberboxes .container {width: 100%; padding: 0;}
#countrieslist #numberboxes .fullblock {margin: 0; padding-left: 0; padding-right: 0; border-bottom: 1px solid #D4D4D4;}
#countrieslist #numberboxes #number-1 .fullblock .twothird h3,
#countrieslist #numberboxes #number-1 .fullblock .numbers.third h2 {text-transform: none; color: #000; font-size: 23px; font-weight: normal; margin-bottom: 10px; line-height: 1.1em; font-family: "fs_joeyregular";}
#countrieslist #numberboxes #number-1 .fullblock .twothird h3 {line-height: 45px; color: black;}
#countrieslist #numberboxes .fullblock .numbers.third {padding-top: 20px;}
#countrieslist #numberboxes .fullblock .numbers.third p {font-size: 17px; line-height: 1.4em;}
#countrieslist #numberboxes #number-1 .fullblock .twothird p:nth-child(2) {
    position: absolute;
    margin-left: -220px;
    height: 45px;
    line-height: 1.4em;
    border: 0;
    padding: 45px 0 0;
    font-size: 17px;
}


/* ADVANTAGES */
#advantages .half div {margin-top: 40px; padding-left: 60px; background: url('/img/ICON _ check _ green.svg') left top no-repeat; background-size: 34px auto;}



/* PRICE */
#price {background: #f7f7f7; padding-bottom: 90px;}
#price p.large {font-family: "fs_joeybold"; color: #8bc831; margin: 0px auto!important; font-size: 80px; line-height: 1em; position: relative;}
#price .small {position: absolute; top: 15px; font-family: "fs_joeyregular"; line-height: 1.4em; color: #666; margin-left: -24px;}
#content #price ul {margin: 20px 0 0 0;}
#content #price ul li {list-style-type: square; margin-bottom: 0.5em;}
@media (max-width: 780px) {
    #content #price ul {margin: 20px 0 0 20px;}
}



/* CALCULATOR */
#calculator {background: #009AC7; color: white;}
#calculator h2 {color: white;}
#calculator h2.underline {border-bottom: 1px solid #fff;}
#calculator ul {display: block; margin: 0;}
#calculator ul li {display: inline;}
#calculator ul li a {font-size: 23px; color: white; background: #004766; display: inline-block;
    padding: 15px 50px; font-family: "fs_joeymedium";}
@media (max-width: 900px) {
    #calculator ul li a {font-size: 18px; padding: 10px 20px;}
}
#calculator ul li.active a {color: #000; background: white;}
#calculator .rangeslider {color: #666; background: white; padding: 30px 10px;}
#calculator ol {margin-left: 15px;}
#calculator ol li {list-style-type: upper-alpha;}
#calculator form {width: calc(100% - 102px); margin-top: 35px;}
#calculator input {width: calc(100% - 10px); margin: 0 5px; height: 30px;}
#calculator #euro_min {float: left; line-height: 1em; margin-left: 64px; font-size: 12px;}
#calculator #euro_max {float: right; line-height: 1em; margin-right: 64px; font-size: 12px;}
#calculator #euro {
    margin-left: 64px; position: absolute; margin-top: -5px;
    color: white; background: #009AC7; padding: 0px 20px 2px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 18px;
}
#calculator #euro::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #009AC7 transparent;
    display: block;
    width: 0;
}
#calculator form, #calculator input {display: inline-block;}
#calculator .btn {top: 0; text-align: center; padding: 0; border: 0; width: 50px;
    height: 30px; background: white; color: #666; margin-top: 35px; line-height: 25px;}
#calculator .btn.min {border-right: 1px solid #ccc;}
#calculator .btn.plus {border-left: 1px solid #ccc;}
#calculator #payout_piek {font-weight: bold;}
#calculator #payout_dal {font-weight: bold;}
#calculator .rangeslider p {line-height: 1.4em; clear: both; margin: 0; padding: 0 15px; text-align: center; max-width: 100%;}
#calculator .rangeslider {margin-bottom: 1.4em;}
#calculator .smaller {font-size: 16px; line-height: 1.4em;}
#calculator h4 {color: white; margin-bottom: 25px;}



.section.general-numberformaddon > div.id-numberform {color: black; background: #f7f7f7; padding-top: 30px!important;}
.section.general-numberformaddon > div.id-numberform a {font-size: 14px;color: #666;}
.general-numberform .form-number input[type="submit"] {border-color: #007BB1;}
.general-numberform .form-number .edit-prefix {border-color: #fff;}
.general-numberform .form-number input[type="text"] {border-color: #fff;}
.general-references + .section.general-numberformaddon > div.id-numberform {background: white;}

/* GRADIENTS */
.colorgradient {width: calc(50% - 550px); height: 100%; top: 0; position: absolute;}
.section > div.intro {position: relative; padding: 200px 0 1px;}
.section > div.intro.extrapadding {padding: 260px 0 60px;}
.intro.gray {background: #F7F7F7;}
.intro.blue {background: #003753; color: white;}
.intro.blue h1 {color: white;}
.circle, .circle * {width: 83px; height: 83px; border-radius: 100%;}
.circle {position: absolute; margin-left: -129px; margin-top: -13px; border: 8px solid rgba(0,0,0,0.1); z-index: 3;}
.circle > div {padding: 6px; width: 71px; height: 71px;}
.circle > div > div {width: 71px; height: 71px; line-height: 68px; font-family: "fs_joeybold"; font-size: 28px; text-align: center;}
.circle div.white {background: white;}
.circle div.blue {background: #003753;}
.circle > div > div img {border-radius: 0; width: 48px; vertical-align: middle; position: relative; bottom: 3px;}



/* COLOR GRADIENTS */
.circle .colorgradient1 {background: radial-gradient(circle at 60px 60px, #74FC0C, rgb(0,192,255) 60px);}
.colorgradient.colorgradient1 {background: radial-gradient(circle at 90% 90%, #74FC0C, rgb(0,192,255) 62%);}
.colorgradient.colorgradient1.horizontal {background: linear-gradient(to right, #74FC0C, rgb(0,192,255));}

.circle .colorgradient2 {background: radial-gradient(circle at 60px 60px, #25F7D0, #52E586, #8B1CE9 70px);}
.colorgradient.colorgradient2 {background: linear-gradient(to bottom, #25F7D0 25%, #52E586, #8B1CE9);}
.colorgradient.colorgradient2.horizontal {background: linear-gradient(to right, #25F7D0, #52E586, #8B1CE9);}

.circle .colorgradient3 {background: radial-gradient(circle at 20px 65px, #ff0492, rgba(255,4,146,0) 60px), radial-gradient(circle at 75px 45px, #FF7805, #c100b7 80px);}
.colorgradient.colorgradient3 {background: linear-gradient(to bottom, #FF7805 25%, #ff0492, #c100b7);}
.colorgradient.colorgradient3.horizontal {background: linear-gradient(to right, #FF7805, #ff0492, #c100b7);}

.circle .colorgradient4 {background: radial-gradient(circle at 10px 10px, #00C2FE 15%, rgba(0,194,254,0) 60px), radial-gradient(circle at 75px 75px, #F1C12E 15%, #c100b7 65px);}
.colorgradient.colorgradient4 {background: linear-gradient(to bottom, #F1C12E 35%, #c100b7, #00C2FE);}
.colorgradient.colorgradient4.horizontal {background: linear-gradient(to right, #00C2FE, #c100b7, #F1C12E);}

.circle .colorgradient5 {background: radial-gradient(circle at 15px 75px, #ff0000 15%, rgba(255,0,0,0) 60px), radial-gradient(circle at 75px 35px, #3E00BA 15%, #c100b7 65px);}
.colorgradient.colorgradient5 {background: linear-gradient(to bottom, #3E00BA 35%, #c100b7, #ff0000);}
.colorgradient.colorgradient5.horizontal {background: linear-gradient(to right, #ff0000, #c100b7, #3E00BA);}

.circle .colorgradient6 {background: radial-gradient(circle at 20px 65px, #F7007D, rgba(255,4,146,0) 60px), radial-gradient(circle at 20px 25px, #ffb805 15%, #B003E0 70px);}
.colorgradient.colorgradient6 {background: linear-gradient(to bottom, #ffb805 25%, #F7007D, #B003E0);}
.colorgradient.colorgradient6.horizontal {background: linear-gradient(to right, #ffb805, #F7007D, #B003E0);}

.circle .colorgradient7 {background: radial-gradient(circle at 15px 60px, #5aff94, rgba(82,229,134,0) 45px), radial-gradient(circle at 35px 75px, #00C2FE 5%, rgba(0,194,254,0) 50px), radial-gradient(circle at 20px 20px, #ffbb00 5%, #bf02f3 70px);}
.colorgradient.colorgradient7 {background: linear-gradient(to bottom, #5aff94 25%,#00C2FE,#bf02f3,#ffbb00);}
.colorgradient.colorgradient7.horizontal {background: linear-gradient(to right, #5aff94, #00C2FE, #bf02f3, #ffbb00);}

.circle .colorgradient8 {background: radial-gradient(circle at -15px 35px, #ff6600, #ff660000 35px), radial-gradient(circle at 0px 65px, #bf02f3, #ca02f200 45px), radial-gradient(circle at 50px 75px, #7339FF 5%, rgba(115,57,255,0) 50px), radial-gradient(circle at 20px 25px, #ffbb00 15%, #00C2FE 60px);}
.colorgradient.colorgradient8 {background: linear-gradient(to bottom, #00C2FE 25%,#7339FF,#bf02f3,#ff6600,#ffbb00);}
.colorgradient.colorgradient8.horizontal {background: linear-gradient(to right, #ff6600, #ffbb00, #00C2FE, #7339FF, #bf02f3);}

.circle .colorgradient9 {background: radial-gradient(circle at 20px 75px, rgb(5, 184, 255) 5%, rgba(5, 163, 255,0) 60px), radial-gradient(circle at 25px 25px, rgb(195, 0, 255) 10%, #1D2BFF 65px);}
.colorgradient.colorgradient9 {background: linear-gradient(to bottom, #1D2BFF 35%, #05b8ff, #c300ff);}
.colorgradient.colorgradient9.horizontal {background: linear-gradient(to right, #c300ff, #05b8ff, #1D2BFF);}

.circle .colorgradient10 {background: radial-gradient(circle at 20px 65px, #05b8ff 0%, rgba(5, 163, 255,0) 60px), radial-gradient(circle at 25px 25px, #c300ff 10%, #72FB0E 65px);}
.colorgradient.colorgradient10 {background: linear-gradient(to bottom, #05b8ff 35%, #c300ff, #72FB0E);}
.colorgradient.colorgradient10.horizontal {background: linear-gradient(to right, #05b8ff, #c300ff, #72FB0E);}

.circle .colorgradient11 {background: radial-gradient(circle at 20px 85px, #25f0f7 0%, rgba(5, 163, 255,0) 80px), radial-gradient(circle at 15px 25px, #0b5fcc 10%, #72FB0E 65px);}
.colorgradient.colorgradient11 {background: linear-gradient(to bottom, #72FB0E 35%, #0b5fcc, #25f0f7);}
.colorgradient.colorgradient11.horizontal {background: linear-gradient(to right, #25f0f7, #0b5fcc, #72FB0E);}

.circle .colorgradient12 {background: radial-gradient(circle at 25px 75px, #ff0000 2%, rgba(255,0,0,0) 70px), radial-gradient(circle at 15px 15px, #ffee00 20%, #18FF09 85px);}
.colorgradient.colorgradient12 {background: linear-gradient(to bottom, #18FF09 35%, #ffee00, #ff0000);}
.colorgradient.colorgradient12.horizontal {background: linear-gradient(to right, #ff0000, #ffee00, #18FF09);}

.circle .colorgradient13 {background:
    radial-gradient(circle at 20px 75px, #ff0000 0%, rgba(255,0,0,0) 60px),
    radial-gradient(circle at 75px 55px, #05b8ff 2%, #05b8ff00 70px),
    radial-gradient(circle at 65px 85px, #bf02f3 0%, #bf02f300 40px),
    radial-gradient(circle at 15px 25px, #ffee00 25%, #18FF09 85px);
}
.colorgradient.colorgradient13 {background: linear-gradient(to bottom, #05b8ff 20%, #18FF09, #ffee00, #ff0000);}
.colorgradient.colorgradient13.horizontal {background: linear-gradient(to right, #18FF09, #ffee00, #ff0000, #bf02f3, #05b8ff);}

.circle .colorgradient14 {background: radial-gradient(circle at 20px 85px, #bf02f3 0%, #bf02f300 80px), radial-gradient(circle at 15px 25px, #ff0000 10%, #72FB0E 65px);}
.colorgradient.colorgradient14 {background: linear-gradient(to bottom, #72FB0E 35%, #0b5fcc, #25f0f7);}
.colorgradient.colorgradient14.horizontal {background: linear-gradient(to right, #bf02f3, #0b5fcc, #72FB0E);}




/* FORM SECTION */
#form.section p.lead {font-size: 20px; line-height: 26px; max-width: 800px; margin: 0 auto 1.5em; font-family: "fs_joeyregular";}



.overons-intro + .overons-onvergetelijk > div {padding-top: 0; margin-top: -70px;}


/* NUMBERBOXES */
#numberboxes, .headerimage {
padding:0;
color:#000;
overflow: hidden;
text-align: center;
background: #f7f7f7;
}
#numberboxes .form-number {margin-top: 5px;}
.topgradient {
margin-top:0;
padding-top:188px;
padding-bottom:65px
}
.topgradient.pattern {
background-image:url(/img/pattern.png);
}
#numberboxes h1, .headerimage h1 {
position:relative;
top:20px;
}
#numberboxes .numbers.third h2 {
    font-family: 'fs_joeyheavy';
    font-size: 40px;
    line-height: 32px;
    color: #009ac7;
    text-decoration: none;
    margin-bottom: 5px;
}
#numberboxes .quartblock {
width:calc(25% - 55px);
box-shadow:0 0 3px 0 rgba(0,0,0,.3);
-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.3);
-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);
background:#FFF;
position:relative;
padding:20px;
margin:20px 0 20px 20px;
text-align:left;
display:none;
color:#666;
vertical-align:top
}
#numberboxes .quartblock:nth-child(1),#numberboxes .quartblock:nth-child(2),#numberboxes .quartblock:nth-child(3),#numberboxes .quartblock:nth-child(4) {
display:inline-block
}
#numberboxes .quartblock:first-of-type {
margin-left:0
}
#numberboxes .quartblock p {
margin-bottom:37px;
color:#666!important
}
#numberboxes .quartblock div:last-child p {
margin-bottom:0
}
#numberboxes .quartblock h2 {
margin-bottom:0;
font-family: 'fs_joeyheavy';
font-size:40px;
line-height:32px;
margin-bottom:5px;
}
#numberboxes .quartblock h2 a {
color:#009ac7;
text-decoration:none
}
#numberboxes .quartblock h3 {
margin-bottom:0;
font-family:fs_joeybold;
text-transform:uppercase;
font-size:16px;
line-height:23px;
color:#666
}
#numberboxes h5 {
margin-top: 50px;
bottom: 5px;
}
#numberboxes .quartblock.show4 li,#numberboxes .quartblock.show8 li {
display:none
}
#numberboxes .quartblock.show4 li:nth-child(1),#numberboxes .quartblock.show4 li:nth-child(2),#numberboxes .quartblock.show4 li:nth-child(3),#numberboxes .quartblock.show4 li:nth-child(4) {
display:block
}
#numberboxes .quartblock.show8 li:nth-child(1),#numberboxes .quartblock.show8 li:nth-child(2),#numberboxes .quartblock.show8 li:nth-child(3),#numberboxes .quartblock.show8 li:nth-child(4),#numberboxes .quartblock.show8 li:nth-child(5),#numberboxes .quartblock.show8 li:nth-child(6),#numberboxes .quartblock.show8 li:nth-child(7),#numberboxes .quartblock.show8 li:nth-child(8) {
display:block
}
#numberboxes .gray .container, .headerimage .gray .container {padding: 215px 0 200px;}
#numberboxes .gray .container.extrapaddingtop, .headerimage .gray .container.extrapaddingtop {padding: 375px 0 200px;}
.headerimage .gray .container.extrapaddingtop {padding: 410px 0 135px;}
#numberboxes .gray, .headerimage .gray {text-align: left;}
#numberboxes h4 {margin-bottom: 30px; color: white; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px;}
#numberboxes .fullblock, .headerimage .fullblock {margin-top: -185px; padding-top: 20px; padding-bottom: 35px;}
.headerimage .fullblock {box-shadow: none; margin-top: -120px; padding-top: 65px;}
.headerimage .topgradient {padding-bottom: 0;}
#numberboxes .fullblock > div {border-top: 1px solid #D4D4D4;margin-top: 0px;}
#numberboxes .fullblock > div:nth-child(3) {margin-top: 0;}
#numberboxes .fullblock > div:last-child, #numberboxes .fullblock > div:nth-child(3) {border-top: 0;}
#numberboxes .fullblock .numbers.third {padding-top: 40px; padding-bottom: 40px;}
#numberboxes .fullblock .numbers.third p {margin: 0;}
#numberboxes .fullblock .numbers.third p a {display: block;}

#numberboxes .fullblock .numbers.third:nth-child(2) {border-left: 1px solid #D4D4D4;}
#numberboxes .fullblock .numbers.third {width: calc(50% - 141px); padding-left: 60px;}
#numberboxes .fullblock .numbers.third.hasshort {width: calc(33.33% - 115px); padding-left: 60px;}
#numberboxes .fullblock .numbers.third:first-child {width: 160px; padding-left: 0px;}
#numberboxes .fullblock .numbers.third:first-child > * {padding-right: 20px;}
#numberboxes .type2list li {display: none;}
#numberboxes .type2list li:nth-child(1),
#numberboxes .type2list li:nth-child(2),
#numberboxes .type2list li:nth-child(3),
#numberboxes .type2list li:nth-child(4) {display: block;}
#numberboxes .twocols .type2list li:nth-child(5),
#numberboxes .twocols .type2list li:nth-child(6),
#numberboxes .twocols .type2list li:nth-child(7),
#numberboxes .twocols .type2list li:nth-child(8) {display: block;}

#numberboxes .twocols .type2list li {float: left; width: calc(50% - 30px); margin-right: 60px;}
#numberboxes .twocols .type2list li:nth-child(even) {margin-right: 0;}
#numberboxes .twocols ul.type2list {border-bottom: 0;}
#numberboxes .fullblock .numbers.third.twocols {width: calc(100% - 223px);}

/* NUMBER */
#numberboxes {color: #000; padding: 0;}
#numberboxes h1 {position: relative; top: 20px;}
#numberboxes .half:nth-child(1) {border-right: 1px solid rgba(255,255,255,1); width: calc(50% - 46px); padding-right: 60px;}
#numberboxes ul.usps {margin-left: 0; margin-top: -20px;}
#numberboxes ul.usps li {padding-left: 25px; font-size: 22px; line-height: 30px; margin-bottom: 8px; list-style: none; background: url('/img/ICON _ check _ green.svg') left 11px no-repeat; background-size: 15px auto;}
#numberboxes.light ul.usps  li {background: url('/img/ICON _ check _ green.svg') left 11px no-repeat; background-size: 15px auto;}

@media (max-width:780px) {
    #numberboxes .quartblock {
        width:calc(50% - 51px)
    }
    #numberboxes .gray .container.extrapaddingtop, .headerimage .gray .container.extrapaddingtop {padding-top: 275px;}
    #numberboxes .quartblock:nth-of-type(3) {
        margin-left:0;
        clear:left
    }
}
@media (max-width:480px) {
    #numberboxes .quartblock {
        width:calc(100% - 41px);
        margin-left:0
    }
    #numberboxes .gray .container.extrapaddingtop, .headerimage .gray .container.extrapaddingtop {padding-top: 175px;}
}

#numberboxes #number-1 .fullblock .numbers.third:first-child {width: 279px;}
#numberboxes #number-1 .fullblock .twothird {margin: 10px 0; padding-left: 25px; margin-left: 34px; width: calc(100% - 340px); border-left: 1px solid #D4D4D4;}
#numberboxes #number-1 .fullblock .twothird .numbers {padding-left: 220px; padding-bottom: 20px; border-bottom: 1px solid #D4D4D4; margin-bottom: 20px;}
#numberboxes #number-1 .fullblock .twothird .numbers:last-child {border: 0; padding-bottom: 0; margin-bottom: 0;}
#numberboxes #number-1 .fullblock .twothird p,
#numberboxes #number-1 .fullblock .twothird ul {border-left: 1px solid #e9e9e9; padding-left: 20px;}
#numberboxes #number-1 .fullblock .twothird p a {display: block; border-top: 1px solid #e9e9e9; margin-bottom: 15px;}
#numberboxes #number-1 .fullblock .twothird ul.type2list li:first-child {border-top: 1px solid transparent;}
#numberboxes #number-1 .fullblock .twothird ul.type2list li:last-child {border-bottom: 1px solid transparent;}
#numberboxes #number-1 .fullblock .twothird h3 {position: absolute; margin-left: -220px; height: 45px; line-height: 45px;}
#numberboxes #number-1 .fullblock .numbers.third h2 {font-family: "fs_joeybold"; font-size: 30px; line-height: 31px; color: #000; margin-bottom: 15px;}
.numbers.twocols .small {clear: both; float; left;}

@media (max-width:1000px) {
    #numberboxes #number-1 .fullblock .twothird h3 {position: relative; margin-left: 0px; height: auto; line-height: 23px;}
    #numberboxes #number-1 .fullblock .twothird .numbers {padding-left: 0px;}
    #numberboxes #number-1 .fullblock .twothird p, #numberboxes #number-1 .fullblock .twothird ul {border-left: 0; padding-left: 0px;}
}
@media (max-width:780px) {
    #numberboxes #number-1 .fullblock .twothird {margin: 10px 0; padding-left: 0px; margin-left: 0px; width: 100%; border-left: 0;}
    #numberboxes #number-1 .fullblock .twothird .numbers {border-bottom: 0;}
}



/* TEXT PLUS IMAGE */
@media (max-width: 780px) {#textplusimage {background: white!important;}}
#textplusimage h2 {margin-bottom: 25px;}
#textplusimage .container {}



/* USPS */
#usps h4 {margin-bottom: 3px;}
#usps ul li {background: url('/img/ICON _ check _ green.svg') left 10px no-repeat; background-size: 15px auto; list-style: none; margin-left: -25px; padding-left: 25px;}
#usps ul {margin: 0; padding: 0;}
@media (max-width: 780px) {
    #usps ul li {margin-left: 0;}
}


/* ABOUT */
#about {padding: 0;}
#about > div:first-child {position: relative; overflow: auto; background: #4C9909; color: white; padding: 70px 0;}
#about > div:last-child {background: white; color: #666; padding: 30px 0 70px;}
#about > div:first-child strong {font-size: 45px; display: block; line-height: 1em;}
#about h2 {color: white;}
#about .third {width: calc(33.33% - 15px); padding-right: 22px; float: left;}
#about .third:last-child {padding-right: 0;}
#about .downarrowoverlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0px;
    background-color: rgb(255, 255, 255);
}
#about .downarrowoverlay:before, #about .downarrowoverlay:after {
    content:'';
    position: absolute;
    bottom: 100%;
    box-sizing: border-box;
}
#about .downarrowoverlay:before {
    right: 70%;
    border-bottom: 40px solid rgb(255, 255, 255);
    border-right: 40px solid transparent;
    width: 30%;
}
#about .downarrowoverlay:after {
    left: 30%;
    border-bottom: 40px solid rgb(255, 255, 255);
    width: 70%;
}



/* COMPANIES */
#companies .img {position: absolute; margin-left: -320px; width: 300px; height: 180px; text-align: center;}
#companies .img img {height: 120px; margin: 30px 0; display: inline-block;}
#companies ul {margin: 0; padding: 0;}
#companies ul li {list-style: none; line-height: 180px; border-bottom: 1px solid #dfdfdf; margin-left: -320px; padding-left: 320px;}
#companies ul li:last-child {border-bottom: 0;}
#companies ul li p {margin: 0; padding: 0 0 13px; line-height: 1.4em; display: inline-block; vertical-align: middle;}
@media (max-width: 780px) {
    #companies .img {position: relative; margin-left: 0px; width: 100%; text-align: left;}
    #companies ul li {margin: 0; padding: 0; line-height: 1.4em;}
}



/* HOME 3 */
#bluebulletlist {background-color: #009ac7; color: white;}
#bluebulletlist h2 {padding-bottom: 20px; text-align: left; color: white;}
#bluebulletlist h2.underline {border-color: rgba(255,255,255,0.6);}
#bluebulletlist .lead {padding-right: 70px;}
@media (max-width: 780px) {#bluebulletlist .lead {padding-right: 0px;}}
#bluebulletlist li {list-style-type: square; margin-bottom: 0.5em;}

#customerreviews {background: #daeff9; padding: 0;}
#customerreviews .withiconabove {position: relative; height:100px; display: inline-block; vertical-align:bottom; line-height:171px}
#customerreviews .withiconabove.waardering {background: url('/img/ICON _ Stats _ Stars.svg') center top no-repeat; background-size: auto 60px;}
#customerreviews .withiconabove.beoordelingen {background: url('/img/ICON _ Stats _ Comments.svg') center top no-repeat; background-size: auto 60px;}
#customerreviews .withiconabove.aanbevelingen {background: url('/img/ICON _ Stats _ Heart.svg') center top no-repeat; background-size: auto 60px;}

#customerreviews .excerpt {color: white; overflow: auto;}
#customerreviews .innerexcerpt {position: relative; background: rgba(5, 54, 81,0.9); padding: 60px 0 120px;}
#customerreviews .excerpt .row {border-top: 1px solid rgba(255,255,255,0.3);}
#customerreviews .excerpt .third {border-right: 1px solid rgba(255,255,255,0.3);
display: inline-block; width: auto; padding: 40px 20px 0;}
#customerreviews .excerpt .third:nth-child(2) {border: 0;}
#customerreviews .excerpt .third:last-child {border: 0; border-left: 1px solid rgba(255,255,255,0.3);}
#customerreviews .excerpt .third strong.large {font-size: 60px;}
#customerreviews .excerpt h2 {color: white;}
#customerreviews .speechballoon {background: white; margin: 40px -80px 25px; padding: 40px 80px;}
#customerreviews .speechballoon:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0 ;
border-color: #fff transparent transparent transparent ;
position: absolute;
margin-top: 40px;
z-index: 1;
}
.speechballoon#loadmorereviews {padding-top: 12px!important; padding-bottom: 15px!important; cursor: pointer;}
.speechballoon#loadmorereviews:after {content: none;}
@media (max-width: 1100px) {
    #customerreviews .speechballoon  {background: white; margin: 40px -4.5vw 25px; padding: 40px 4.5vw;}
}
#customerreviews .speechballoon p {margin-bottom: 5px; font-style: italic;}
#customerreviews .speechballoon p.small {margin-bottom: 0; font-style: normal;}
#customerreviews .author {font-family: "fs_joeybold";}
#customerreviews .date {position: relative; bottom: 5px;}
#customerreviews .stars {float: right; margin-top: 5px;}
#customerreviews .star {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 4px; background: #107d4e; display: inline-block; color: white; float: left; margin-left: 3px;}
#customerreviews .star.rank9 {background: #73b143;}
#customerreviews .star.rank9:nth-child(5) {
background: rgb(115,177,67); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(115,177,67,1) 0%, rgba(115,177,67,1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(115,177,67,1) 0%,rgba(115,177,67,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(115,177,67,1) 0%,rgba(115,177,67,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b143', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-9 */
}
#customerreviews .star.rank8 {background: rgb(115,177,67);}
#customerreviews .star.rank8:nth-child(5) {background: rgba(200,200,200,1);}
#customerreviews .star.rank7 {background: rgb(248, 204, 24);}
#customerreviews .star.rank7:nth-child(4) {
background: rgb(248, 204, 24); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(248, 204, 24,1) 0%, rgba(248, 204, 24,1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(248, 204, 24,1) 0%,rgba(248, 204, 24,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(248, 204, 24,1) 0%,rgba(248, 204, 24,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b143', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-9 */
}
#customerreviews .star.rank7:nth-child(5) {background: rgba(200,200,200,1);}
#customerreviews .star.rank6 {background: rgb(248, 204, 24);}
#customerreviews .star.rank6:nth-child(4),
#customerreviews .star.rank6:nth-child(5) {background: rgba(200,200,200,1);}
#customerreviews .star.rank5 {background: rgb(244, 115, 36);}
#customerreviews .star.rank5:nth-child(3) {
background: rgb(244, 115, 36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(244, 115, 36,1) 0%, rgba(244, 115, 36,1) 50%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(244, 115, 36,1) 0%,rgba(244, 115, 36,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(244, 115, 36,1) 0%,rgba(244, 115, 36,1) 50%,rgba(200,200,200,1) 50%,rgba(200,200,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b143', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-9 */
}
#customerreviews .star.rank5:nth-child(4),
#customerreviews .star.rank5:nth-child(5) {background: rgba(200,200,200,1);}
#customerreviews .star.rank4 {background: rgb(244, 115, 36);}
#customerreviews .star.rank4:nth-child(3),
#customerreviews .star.rank4:nth-child(4),
#customerreviews .star.rank4:nth-child(5) {background: rgba(200,200,200,1);}
#customerreviews .downarrowoverlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0px;
    background-color: rgb(229, 245, 250);
}
#customerreviews .downarrowoverlay:before, #customerreviews .downarrowoverlay:after {
    content:'';
    position: absolute;
    bottom: 100%;
    box-sizing: border-box;
}
#customerreviews .downarrowoverlay:before {
    right: 70%;
    border-bottom: 40px solid rgb(218, 239, 249);
    border-right: 40px solid transparent;
    width: 30%;
}
#customerreviews .downarrowoverlay:after {
    left: 30%;
    border-bottom: 40px solid rgb(218, 239, 249);
    width: 70%;
}
@media (max-width: 900px) {
    #customerreviews .excerpt .third {border: 0!important;}
}



/* HOME 4 */
#functionsblock {text-align: left;}
#functionsblock h2 {margin-bottom: 45px;}
#functionsblock .half.minus {padding-top: 12px;}
#functionsblock .half.minus > * {margin-right: 50px;}
#functionsblock a {width: auto; display: block; overflow: hidden; text-overflow: ellipsis;}
#functionsblock hr {margin: 45px 0 30px 0;}
#functionsblock table {width: 100%;}
#functionsblock table b {color:#000;}
#functionsblock .lead {margin-bottom: 70px;}
#functionsblock th {font-family: "fs_joeybold"; text-transform: none; border-top: 1px solid #dfdfdf; border-bottom: 3px solid #dfdfdf!important; color: #000; font-size: 23px;}
#functionsblock tr {overflow: hidden;}
#functionsblock td, #functionsblock th {padding: 14px 14px 14px 20px; border-bottom: 1px solid #dfdfdf;}
#functionsblock td:nth-child(1), #functionsblock th:nth-child(1) {padding: 14px 10px 14px 0;border-right: 1px solid #dfdfdf; border-top: 0;}
#functionsblock td:nth-child(2), #functionsblock th:nth-child(2) {white-space: nowrap; text-align: left;border-right: 1px solid #dfdfdf;}
#functionsblock td:nth-child(3), #functionsblock th:nth-child(3) {white-space: nowrap; text-align: left; border-right: 1px solid #dfdfdf;}
#functionsblock td:nth-child(2) img {width: 16px; margin-right: 5px;}
#functionsblock td:nth-child(3) img {width: 14px; margin-right: 5px; position: relative; top: 2px;}
#functionsblock td:nth-child(3) img:nth-child(2) {display: none;}
#functionsblock tr:hover td:nth-child(3) img:nth-child(2) {display: inline;}
#functionsblock tr:hover td:nth-child(3) img:nth-child(1) {display: none;}
#functionsblock td:nth-child(2), #functionsblock td:nth-child(3) {text-transform: uppercase; font-size: 14px;}
#functionsblock tr:last-child td {color: #000; font-family: "fs_joeybold"; border-bottom: 1px solid #dfdfdf; border-top:2px solid #dfdfdf;font-size: 23px}
#functionsblock tr:last-child td:nth-child(2) {text-transform: lowercase;}
#functionsblock tr:last-child td:nth-child(3) {text-transform: lowercase;}
#functionsblock tr:hover{background: #eee;}
#functionsblock tr:hover td:first-child, #functionsblock tr:last-child:hover {background: #fff;}
#functionsblock thead tr {border-bottom: 0; border-top:0}
#functionsblock thead tr:nth-child(2) th {border-bottom: 1px solid #dfdfdf !important; border-top:0 !important;}
#functionsblock thead tr:nth-child(2) th:nth-child(1), #functionsblock thead tr:nth-child(2) th:nth-child(2), #functionsblock thead tr:nth-child(2) th:nth-child(3){border-right:0 !important;}
#functionsblock thead tr:hover {background: #fff;}




@media (max-width: 780px) {
    #functionsblock .half.minus > * {margin-right: 0px;}
    #functionsblock th:nth-child(2), #functionsblock th:nth-child(3),
    #functionsblock td:nth-child(2), #functionsblock td:nth-child(3) {text-align: center;}
}




/* FORM */
body .fsBody .fsForm {padding: 0 20px 0 0;}
.gray .fsBody .fsForm {background-color: #f7f7f7;}
.fsFieldAddress2, a[title="Powered by Formstack"] {display: none;}
.wf-active #content .fsBody, .wf-active #content .fsBody input {font-family: "fs_joeyregular"}
#content .fsLabelVertical .fsLabel {margin-bottom: 5px;}
body .fsBody .fsRowBody {margin-bottom: 0!important;}
body .fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameFirst,
body .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameFirst,
body .fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameLast,
body .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameLast,
body .fsFieldRow .fsFieldCell.fsSpan50 {width: calc(49%);}
body .fsFieldRow .fsFieldCell {margin: 0 1%;}
body .fsBody .fsSubField {margin-right: 2%;}
@media (max-width: 700px) {
    body .fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameFirst,
    body .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameFirst,
    body .fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameLast,
    body .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameLast,
    body .fsFieldRow .fsFieldCell.fsSpan50 {width: calc(100%);}
    body .fsBody .fsFieldRow {margin-bottom: 0px!important;}
    body .fsBody .fsRowBody {margin-bottom: 10px!important;}
    body .fsSubFieldGroup .fsSubField:not(:last-child) {margin-bottom: 15px!important;}
    body .fsSignature + div {margin-top: 10px; margin-bottom: 10px;}
}
body .fsRequiredMarker {display: none;}

.form-number {position: relative; margin: 55px 0 55px;}
.form-number div {display: inline-block;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
max-width: 100%;
}
.large ~ .form-number {top: auto; bottom: 17px; margin-top: 0px;}
.form-number input[type="text"] {
    height: 42px;
    line-height: 42px;
    border: none;
    background: white;
    width: calc(100vw - 15vw - 134px);
    max-width: 818px;
    padding: 0 10px;
    vertical-align: top;
    font-family: "fs_joeymedium";
    font-size: 18px;
    text-indent: 100px;
    border: 1px solid rgba(0,0,0,0.2);
}
.form-number input[type="submit"] {
    border: 1px solid #007BB1;
    color: #fff;
    font-size: 24px;
    font-family: "fs_joeyheavy";
    text-transform: uppercase;
    height: 44px;
    outline: 0;
    background: #007BB1;
    vertical-align: top;
    line-height: 40px;
    width: 100px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.2);
    border-left: 0;
}
.form-number .edit-prefix {
    position: absolute;
    border:0;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    font-family: "fs_joeybold";
    width: 100px;
    padding: 0 10px;
    background: white;
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/arrow_down_gr.svg) 90% / 17px no-repeat #fff;
    -webkit-border-radius: :0px;
    -moz-border-radius: :0px;
    border-radius: 0px;
    color: #666;

}

.form-number .edit-prefix option {width: 480px; padding: 0 10px;}

/* CAUTION: IE hack */
.form-number .edit-prefix::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media .form-number .edit-prefix and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}




.fullblock {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    background: #FFF;
    position: relative;
    padding: 35px 80px 40px;
    margin: 60px -80px 20px;
    text-align: left;
    color: #666;

}
.fullblock > div:after {
    content: '';
    display: block;
    clear: both;
}
.fullblock h3 {font-family: "fs_joeybold"; font-size: 20px; line-height: 1.8em; color: #000; margin-bottom: 5px;}
.fullblock h2 {font-family: "fs_joeymedium"; font-size: 24px; line-height: 30px; margin-bottom: 12px;}
.fullblock h6 {text-transform:uppercase; margin-top:20px;}
.fullblock p {margin-bottom: 0px;}
.fullblock .third {position: relative; width: calc(33.33% - 14px); float: left; padding-left: 20px; overflow: visible; }
.fullblock .half {position: relative; width: calc(50% - 14px); float: left; padding-left: 20px; overflow: visible; padding-right: 0;}
.fullblock .third:first-child {padding-left: 0;}
.fullblock .half:first-child {padding-left: 0;}
.fullblock .threecols {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.fullblock .threecols ul.type2list li a {padding-bottom: 1px;}
.fullblock .threecols ul.type2list li a:hover {padding-bottom: 0px;}
.fullblock .rss_mail, .fullblock .latest_news {padding: 20px 0px 40px; border-bottom: 1px solid #D4D4D4;}
.fullblock .onethird.minus {line-height:1.8em;}
.fullblock.contact .large {margin-top: 15px; font-size: 38px; font-family: "fs_joeybold"; line-height: 1.4em;}.fullblock.contact .large p {margin-bottom: 20px;}
.fullblock.contact .large a, #numberboxes .fullblock.contact .large a {color: #009ac7; text-decoration: none;}
.fullblock.contact p {margin-bottom: 1.4em;}
.fullblock.contact p strong, .fullblock.contact p b {color: #000; font-family: "fs_joeymedium";}
.fullblock.contact .large p {margin-bottom: 0;}
.fullblock.contact h3 {margin-top: 0; color: #666!important; line-height: 1.4em; font-size: 22px; margin-bottom: 1.1em; margin-top: -3px;}
.fullblock.contact > div {padding-top: 20px;}
#numberboxes .fullblock.contact > div:last-child {border-top: 1px solid #D4D4D4;}

@media (max-width: 1100px) {
    #numberboxes .fullblock .numbers.third.hasshort {width: calc(50% - 141px);}
    #numberboxes .fullblock .numbers.third.hasshort:nth-child(4) {border-left: 1px solid #D4D4D4; margin-left: 160px; clear: left;}
    #numberboxes .fullblock .numbers.third.hasshort:nth-child(2), #numberboxes .fullblock .numbers.third.hasshort:nth-child(3) {padding-bottom: 0px!important;}
}
@media (max-width: 1000px) {
#numbers-1 .twothird {float: none; width: 100%; padding-right: 0px;}
}
@media (max-width: 780px) {
    #numberboxes .fullblock .numbers.third.hasshort,
    #numberboxes .fullblock .numbers.third {width: calc(100% - 221px);}
    #numberboxes .fullblock .numbers.third:nth-child(2), #numberboxes .fullblock .numbers.third.hasshort:nth-child(3) {padding-bottom: 0px!important;}
    #numberboxes .fullblock .numbers.third:nth-child(2) .type2list {margin-bottom: 0px; border-bottom: 0;}
    #numberboxes .fullblock .numbers.third:nth-child(3) {margin-left: 160px; border-left: 1px solid #D4D4D4; clear: left;}
    #numberboxes .offset4 h3 {display: none;}
    #numberboxes .mobile {display: inline; display: initial;}
    #numberboxes .fullblock .threecols {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
    #numberboxes .twocols .type2list li {
        float: none;
        margin-right: 0px;
    }
    #numberboxes .twocols {
        width: calc(50% - 14px);
    }
    #numberboxes .twocols .type2list li {width: 100%;}
}
@media (max-width: 480px) {
    .fullblock .third {width:100%!important; margin: 0!important; padding: 20px 0 30px!important; border: 0!important;}
    .fullblock .third:last-child {padding-bottom: 0!important;}
    #numberboxes .fullblock .numbers.third:last-child {padding-bottom: 20px!important;}
    .fullblock .threecols {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}

ul.type2list {margin: 0; margin-left: 0!important; position: relative;}
ul.type2list li {
    list-style: none;
    width: 100%;
    line-height: 45px;
    height: 50px;
    border-top: 1px solid #e9e9e9;
    position: relative;
    margin-bottom: 0!important;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display: table;                      /* Actually FF 20+ */
}
ul.type2list li a {
    color: #009ac7;
    text-decoration: none;
    text-decoration: none;
    color: #666;
    display: block;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    line-height: 45px;
    height: 50px;
    font-family: "fs_joeybold";
}
ul.type2list li a.flag {padding-left: 25px;}
ul.type2list li a.selected, ul.type2list li a:hover {background-color: #e5f4f9; background-position: 10px center; margin: -1px -10px; padding: 0 10px 0 10px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
ul.type2list li a.flag:hover, ul.type2list li a.flag.selected {padding-left: 35px;}
ul.type2list li img {position: absolute; right: 0px; top: 0; width: 16px; margin: 17px 0px 0;}
ul.type2list li img:last-child {display: none; width: 13px; margin: 18px 2px 0;}
ul.type2list li a.selected img {display: none;}
ul.type2list li a.selected img:last-child {display: block;}
ul.type2list li a.selected {color: white!important; background-color: #4cb8d6!important; background-position: 10px center;}

ul.type1list {border-bottom: 1px solid #e9e9e9; margin: 0 0 5px;}
ul.type1list li {list-style: none; font-size: 16px; line-height: 29px; height: 29px; border-top: 1px solid #e9e9e9;}
ul.type1list li a {color: #009ac7; text-decoration: none; text-decoration: none; color: #666; display: block; line-height: 26px; height: 29px;}
ul.type1list li a.selected, ul.type1list li a:hover {background: #e5f4f9; margin: -1px -10px; padding: 0 10px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
ul.type1list li img {position: absolute; right: 0px; width: 16px; margin: 7px 0px 0;}
ul.type1list li a.selected {color: white!important; background-color: #4cb8d6!important;}


ul.faqs {margin: 0!important; padding: 0; max-width: 800px;}
ul.faqs li { padding: 15px 0 20px; margin: 0!important; list-style: none!important;; border-bottom: 1px solid rgba(0,0,0,0.1);}
ul.faqs li h3 { font-size:20px!important;}
ul.faqs li a {color: #666!important;}
ul.faqs li a:hover {color: #222!important;}
ul.faqs li.active > a {color: #000!important; font-family: "fs_joeybold"; padding-bottom: 12px; display: block;}
ul.faqs li.active p {margin: 0 0 10px; max-width: 100%;}
ul.faqs li.active p a {color: #009ac7!important;}
ul.faqs li.active div p {margin-bottom: 1.4em;}


#fullcontrol {padding-bottom: 0; overflow: hidden; border-bottom: 1px solid #D4D4D4;}
#fullcontrol:after {content:""; width: 100%; margin-top: -10px; z-index: 0; height: 10px; background: #81BE41; position: absolute;}
#fullcontrol p {}
#fullcontrol h2 {}
#fullcontrol img {display: block; margin: 0 auto; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);}
#fullcontrol ul {overflow: visible; margin: 50px 0 50px; text-align: center;}
#fullcontrol ul li {list-style: none; background: white; font-family: "fs_joeybold"; font-size: 16px; width: calc(20% - 1px); display: inline-block; position: relative;}
#fullcontrol ul li a {display: block; color: #666; text-decoration: none; border: solid 1px #dfdfdf; border-left: 0; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 15px 5px; position: relative;}
#fullcontrol ul li:first-child a {border: solid 1px #dfdfdf;}
#fullcontrol ul li.selected:before {content:""; width: 100%; position: absolute; height: 10px; background: #81BE41; left: 0; bottom: 0; margin-bottom: -10px;}
#fullcontrol ul li.selected a {color: black;}
#fullcontrol .carouselimg {overflow: visible; margin-bottom: 0px;}
#fullcontrol .carouselimg img {position: absolute; opacity: 0; pointer-events: none; width: 0; position: relative; z-index: 1;}
#fullcontrol .carouselimg img.selected {position: relative; opacity: 1; width: auto;}
@media (max-width: 600px) {
    #fullcontrol {display: none;}
}

.results-1 {padding: 0;}
.results-1 #resultlist {background: white; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);}
.results-1 #resultlist .numbers ul {margin: 0; padding: 0;}
.results-1 #resultlist .numbers .number,
.results-1 #resultlist > div.not_available,
.results-1 #resultlist > div.available > div {list-style: none; padding: 1em 0 1.1em 45px; border-top: 1px solid #E9E9E9; position: relative;}
.results-1 #resultlist > div.available > span {display: block; padding: 1em 1em 1.1em 45px; background-color: rgba(0,0,0,0.05)!important;}
.results-1 #resultlist > div.not_available {border-bottom: 1px solid #E9E9E9;}
.results-1 #resultlist > div.available > div, .results-1 #resultlist .numbers .number {cursor: pointer;}
.results-1 #resultlist > div.available > div:hover,
.results-1 #resultlist .numbers .number:hover {background: url('/img/ICON _ check _ green.svg') 15px 1.3em no-repeat; background-size: 18px auto;}
.results-1 #resultlist > div.available > span,
.results-1 #resultlist > div.not_available:first-child {border-top: 0; background: url('/img/info_grey_new.png') 15px 1.2em no-repeat; background-size: 18px auto; padding-right: 15px;}
.results-1 #resultlist .numbers {padding-right: 0; border-top: 0;}
.results-1 #resultlist .numbers > div:first-child {border-top: 0;}
.results-1 #resultlist span.green {color: #8dc63f; font-family: "fs_joeybold"; text-transform: uppercase; position: absolute; left: 19em;}
.results-1 #resultlist span.green > img {width: 18px; position: relative; top: 1px;}
.results-1 #resultlist .numbers .number > img,
.results-1 #resultlist > div.not_available > img,
.results-1 #resultlist > div.available > div > img {position: absolute; right: 15px; width: 16px; margin: 5px 2px 0;}
.results-1 .not_available, .results-1 .available {display: none;}
.results-1 #resultlist > div.not_available {background-color: rgba(0,0,0,0.05)!important;}

.results-1 .cart {background-color: #009ac7; color: white; min-height: 160px; position: relative; padding-bottom: 80px;}
.results-1 .cart img {width: 16px; margin-left: 3px; position: relative; top: 1px;}
.results-1 .cart strong {text-transform: uppercase;}
.results-1 .cart > div {padding: 17px;}
.results-1 .cart div a {position: absolute; bottom: 17px; width: calc(100% - 34px); border: 1px solid #8dc63f; color: #fff; font-size: 24px; font-family: "fs_joeyheavy"; text-transform: uppercase; line-height: 40px; height: 44px; outline: 0; background: #8dc63f; display: none; text-align: center;}
.results-1 .cart div #cartlist {margin-top: 2px; border-top: 1px solid white; padding-top: 2px;}
.results-1 .cart div #cartlist > div {
    margin-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
    padding-bottom: 2px;
    position: relative;
    padding-left: 25px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}
.results-1 #resultlist > div.available > div.selected,
.results-1 #resultlist .numbers .number.selected {background: #8dc63f; color: white;}
.results-1 .cart div #cartlist > div span {position: absolute; right: 0;}
.results-1 .onethird.minus {width: 255px; max-width: 100%;}
.results-1 .twothird.plus {width: calc(100% - 285px);}
.results-1  #cartlist > div {pointer-events: none;}


#numbers-1 .fullblock {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    background: #FFF;
    position: relative;
    padding: 25px 20px;
    margin: 0 0 20px;
    text-align: left;
    color: #666;
}


/* CART */
*[class$="-checkout"], .general-cart {background: white;}
*[class$="-checkout"] > .container, .general-cart > .container {padding-top:0;}
*[class$="-checkout"] h3 img, .general-cart h3 img {display: inline-block; height: 30px; position: relative; top: 2px; margin-right: 5px;}
*[class$="-checkout"] .cart > div, .general-cart .cart > div {margin-bottom: 60px;}
*[class$="-checkout"] #cartlist, .general-cart #cartlist {margin-bottom: 10px;}
*[class$="-checkout"] #cartlist > div, .general-cart #cartlist > div {
    padding: 15px 0;
    border-top: 1px solid #dfdfdf;
    color: black;
    font-family: "fs_joeybold";
    line-height: 50px;
    pointer-events: none;
    padding-left: 25px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    white-space: nowrap;
    position: relative;
}
*[class$="-checkout"] #cartlist > div {border-top: 0; border-bottom: 1px solid #dfdfdf;}
*[class$="-checkout"] #cartlist > div:last-child, .general-cart #cartlist > div:last-child {border-bottom: 1px solid #dfdfdf;}
*[class$="-checkout"] #cartlist > div > span, .general-cart #cartlist > div > span {
    font-size: 25px;
    font-family:'fs_joeylight';
    display: inline-block;
    border-left: 1px solid #dfdfdf;
    padding: 10px 0 0 15px;
    line-height: 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    background: white;
}
*[class$="-checkout"] #cartlist > div > span:before, .general-cart #cartlist > div > span:before {content:"per maand"; font-size: 11px; position: absolute; margin-top: 20px; font-family: "fs_joeyregular";}
*[class$="-checkout"] #cartlist > div > span:after, .general-cart #cartlist > div > span:after {color: #999; cursor: pointer; content:"x"; font-family: "fs_joeybold"; display: inline-block; font-size: 18px; vertical-align: top; border-left: 1px solid #dfdfdf; padding: 11px 0 19px 15px;  margin-top: -10px; line-height: 20px; margin-left: 15px; pointer-events: initial;}
*[class$="-checkout"] .notice, .general-cart .notice {background: #E5F5FA; border-radius: 0px; padding: 23px 25px 25px;}
*[class$="-checkout"] .carttotal, .general-cart .carttotal {text-align: right;}
*[class$="-checkout"] .carttotal .h3, .general-cart .carttotal .h3 {margin: 2px 0;}
*[class$="-checkout"] p, .general-cart p {font-size: 15px; line-height: 1.4em; max-width: 100%;}
*[class$="-checkout"] .cart h3, .general-cart .cart h3 {margin-top: 5px; margin-bottom: 15px;}
*[class$="-checkout"] hr, .general-cart hr {margin: 60px 0 60px;}
*[class$="-checkout"] h4, .general-cart h4 {margin-bottom: 25px;}


.general-cart #cartlist > div {background-position: 0px 22px;}
#tocheckout {display: none;}

/* CART FORM */
.form > form {margin-right: 40px;}
.form > form > div {border-radius: 7px; margin-bottom: 40px; padding: 43px 25px; background: none; padding: 0;}
.form > form h2 {margin-top: -20px; margin-bottom: 20px; font-size: 50px;}
.form > form h2 span {position: relative; bottom: 3px; font-size: 26px; background: #8dc63f; color: white; display: inline-block; vertical-align: middle; height: 40px; width: 40px; line-height: 35px; text-align: center; border-radius: 20px; font-family: "fs_joeybold"; margin-right: 20px;}
.form > form input[type="text"], .form > form select,
.form > form input[type="number"], .form > form input[type="email"], .form > form textarea,
.form > form input[type="text"], .form > form select {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    min-width: calc(100% - 32px);
    background: white;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family:'fs_joeyregular';
    font-size: 14px;
    padding: 7px;
    line-height: 26px;
    color: #000;
}
.form > form select {width: 100%; max-width: 100%; min-width: 100%; border-radius: 0px; padding: 10px 15px 10px;}
.form > form textarea {height: 200px;}
.form > form #signature {background: white; border: 1px solid #ddd;}
.form > form > div div {clear: left; margin-bottom: 25px; position: relative;}
.form > form > div > div:last-child {margin-bottom: 0;}
.form > form > div div.half {clear: none; width: 48.5%; float: left; position: relative; padding: 0;}
.form > form > div div.half + div.half {margin-left: 3%;}
.form > form > div div label {display: block; position: relative; margin-bottom: 5px; font-size: 16px; color: #000000;}


.form > form > div > div label.checkbox, .form > form > div > div label.radio {color: #666; margin: 0; position: relative; pointer-events: auto; margin-right: 30px;}
.form > form input[type="submit"] {
    border: 0px solid #007BB1;
    color: #fff;
    font-size: 24px;
    font-family: "fs_joeyheavy";
    text-transform: uppercase;
    height: 64px;
    outline: 0;
    background: #007BB1;
    vertical-align: top;
    width: 100%;
    cursor: pointer;
    background: #007BB1; /*fallback*/
    background: #007BB1 url('/img/arrow.svg') right center no-repeat;
}
.gray .form > form input[type="submit"] {
    background-image: url('/img/arrow_gray.svg');
}

.form > form > div div.hasfocus label {font-size: 11px; margin-top: -3px; color: #999;}
.form > form input[type="number"].isvalid, .form > form input[type="email"].isvalid, .form > form textarea.isvalid, .form > form input[type="text"].isvalid, .form > form select.isvalid {
    background: white url('/img/ICON _ check _ green.svg') calc(100% - 10px) center no-repeat; background-size: 22px auto;
    padding: 15px 45px 5px 15px!important;
    width: calc(100% - 62px)!important;
    max-width: calc(100% - 62px)!important;
    min-width: calc(100% - 62px)!important;
}
.form > form input[type="number"]:focus, .form > form input[type="email"]:focus, .form > form textarea:focus, .form > form input[type="text"]:focus, .form > form select:focus {
    -moz-box-shadow: 0 0 5px rgba(135, 190, 61, 1);
    -webkit-box-shadow: 0 0 5px rgba(135, 190, 61, 1);
    box-shadow: 0 0 5px rgba(135, 190, 61, 1);
}
.form > form input[type="number"]:-moz-submit-invalid,
.form > form input[type="email"]:-moz-submit-invalid,
.form > form textarea:-moz-submit-invalid,
.form > form input[type="text"]:-moz-submit-invalid,
.form > form select:-moz-submit-invalid,
.form > form input:-moz-ui-invalid {
    -moz-box-shadow: 0 0 2px 1px #e21a23;
    -webkit-box-shadow: 0 0 2px 1px #e21a23;
    box-shadow: 0 0 2px 1px #e21a23;
    border: 1px solid #ddd;
}
#signature.error, .error {
    -moz-box-shadow: 0 0 2px 1px #e21a23;
    -webkit-box-shadow: 0 0 2px 1px #e21a23;
    box-shadow: 0 0 2px 1px #e21a23;
    border: 1px solid #ddd;
}


/* tablet width */
@media (max-width: 950px) {
    *[class$="-checkout"] .onethird {float: none!important; width: 100%;}
    *[class$="-checkout"] .twothird {width: 100%; padding-right: 0px;}
    .form > form {margin-right: 0px;}
    *[class$="-checkout"] .hidden-collapsed {display: none;}
}

#advanced {float: none; display: none; clear: both; margin-bottom: 6px; margin-top: -10px;}
#advanced input[type="radio"] {position: relative; top: 2px;}
#advanced, #advanced div {box-shadow: none; -moz-box-shadow: none; -box-shadow: none;}
#advanced > div {display: none;}
#advanced a {font-size: 14px;}
#advanced span {margin-right: 20px;}
#open_advanced {display: inline;}
#close_advanced {display: none;}


/* NUMBERFORM */
.section > div.id-numberform {background: #009AC7; text-align: center; color: #fff; padding-bottom: 30px;}
.section > div.id-numberform p {max-width: none;}
.section > div.id-numberform a {color: white; text-decoration: underline;}
.section > div.id-numberform h3 a {text-decoration: none;}
.section > div.id-numberform p.small {position: relative; bottom: 1.4em; font-family: "fs_joeyregular"; font-size: 14px; color: white; line-height: 1.4em;}
.section.general-numberformaddon > div.id-numberform p.small {color: #666;}
.section > div.id-numberform .form-number {margin-bottom: 10px;}
.section > div.id-numberform .form-number > div {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}



/* COUNTRIES */
#countries-1 {padding: 0; color: #000;}
#countries-1.light {color: white;}
#countries-1 h1 {position: relative; top: 20px;}
#countries-1 h5 {margin-bottom: 10px; padding-top: 5px;}
#countries-1 ul {margin-left:0;}
#countries-1 ul li {
    padding-left:30px;
    font-size:22px;
    line-height:30px;
    margin-bottom:8px;
    width:100%;
    list-style:none;
    background:url(//d1qmdf3vop2l07.cloudfront.net/saucy-clam.cloudvent.net/compressed/98fb3296fa6dd6e4281eac47f39dec18.png) left center no-repeat;
    background-size:22px auto
}
#countries-1.light ul li {
background: url('/img/ICON _ check _ white.svg') left 60% no-repeat;
background-size: auto auto;
background-size: 15px auto;
padding-left: 25px;
}
.countrylist {margin: 0!important; overflow: auto; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}
.countrylist li img {width: 16px; vertical-align: middle; position: relative; bottom: 1px; margin-right: 4px;}
.countrylist li {padding-bottom: 3px; list-style: none;}
.countrylist li > * {color: #666666; padding-left: 41px;}
#othercountries {background: white;}

.bigbuttons {overflow: hidden; width: calc(100% - 1px); border-left: solid 1px #ccc; border-top: 1px solid #CCC;}
.bigbutton {cursor: pointer; float: left; padding: 35px 40px 30px; width: calc(33.33% - 81px); border-right: solid 1px #ccc; border-bottom: 1px solid #CCC;
    -webkit-transition: box-shadow .25s ease-in-out;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
}
.bigbutton img {float: left; margin-top: -5px; margin-right: 10px;}
.bigbutton .country_name {font-family: "fs_joeybold"; font-size: 20px; line-height: 25px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bigbutton .price {color: #5e9732; font-family: "fs_joeyregular"; font-size: 16px;}
.bigbutton:hover {
    -moz-box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2);
}

#country-1 {color: #000; text-align: center;}
#country-1 * {color: inherit;}
#country-2 .fullblock {margin: 10px 0 60px;}


/* FUNCTION */
.function #content .section.first {background: #e7f3f8;}
.function #content .section {font-size: 20px; line-height: 26px;}
.page #content .section.first img,
.function #content .section.first img {margin: 27px 0 20px; display: inline-block;}
.function #content .section p {max-width: 710px; margin: 0 auto 1.4em;;}
.advantages #content .section.first p.lead,
.advantagess #content .section.first p.lead,
.contact #content .section.first .lead p,
.function #content .section.first p.lead {max-width: 100%; font-size: 28px; line-height: 35px; margin: 0;}
.page #content .advantages ul,
.function #content .advantages ul {overflow: hidden; margin: 0;}
.page #content .advantages li,
.function #content .advantages li {text-align: left; list-style: none; margin: 0; background: url('/img/ICON _ check _ green.svg') left 5px no-repeat; position: relative; top: 40px; margin-bottom: 40px;}
.page #content .advantages li > *,
.function #content .advantages li > * {padding-left: 55px;}

a.next {position: absolute; right: 0; margin-top: 175px; font-family: "fs_joeybold";}
a.next:hover {padding-left: 30px;}
a.next span {display: none;}
a.next:hover span {display: inline-block;}
a.prev {position: absolute; left: 0; margin-top: 175px; font-family: "fs_joeybold";}
a.prev:hover {padding-right: 30px;}
a.prev span {display: none;}
a.prev:hover span {display: inline-block;}
a.next:hover, a.prev:hover {background: white;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}
a.next img {width: 60px; vertical-align: middle; margin: 20px 20px 20px 0px!important;}
a.prev img {width: 60px; vertical-align: middle; margin: 20px 0px 20px 20px!important;}




/* advantagesS */
.advantagess h1, .advantages h1 {text-align: center;}
.advantagess #content .section li, .advantages #content .section li {list-style: none; padding-left: 20px; padding-bottom: 1.4em;}
.advantagess #content .section li.active a, .advantages #content .section li.active a {font-family: "fs_joeybold"; color: #666;}
.advantagess #content .section li.active a, .advantages #content .section li.active a:before {position: relative; bottom: 3px; border-left: 5px solid #666; border-top: 5px solid #666; border-right: 0; border-bottom: 0;}
.advantagess #content .section li.active div, .advantages #content .section li.active div {position: relative; top: 0.1em;}
.advantagess #content .section li.active div p, .advantages #content .section li.active div p {margin-bottom: 0.2em;}
.advantagess #content .section li a::before,
.advantages #content .section li a::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-left: -15px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #009ac7;
}




/* COMAPRE */
#content .compare-table table {border-top: 1px solid #fff; width: 100%;}
#content .compare-table table td {
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
font-size: 17px;
line-height: 1.3em;
}
#content .compare-table table td:first-child {border-left: 1px solid #eeeeee;}
#content .compare-table table tr:first-child td {
    background-color: #fff;
    font-size: 30px;
    font-family: "fs_joeyheavy";
    color: black;
    line-height: 30px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}
#content .compare-table table tr:first-child td.small {font-size: 15px; line-height: 1.3em;}
#content .compare-table table tr.title td,
#content .compare-table table tr:first-child td:first-child {
    font-family: "fs_joeybold";
    font-size: 22px;
    line-height: 1.1em;
    text-shadow: none;
    color: black;
    letter-spacing: 0px;
}
#content .compare-table table tr:nth-child(1) td:first-child,
#content .compare-table table tr:nth-child(2) td {
border-color: white;
background: white;
border-right: 1px solid #eeeeee;
padding: 0 16px;
}
#content .compare-table table tr:nth-child(1) td {
    padding: 16px 16px 2px;
}
#content .compare-table table tr:nth-child(3) td:first-child {border-left-color: white;}
#content .compare-table table tr.title td {padding: 16px 16px 20px; border-top: 2px solid #ccc;}
#content .compare-table table tr td {width: 80px; padding: 12px 16px 16px;}
#content .compare-table table tr td:first-child {text-align: left; width: auto;}
#content .compare-table table tr td span.circle {
    font-size: 16px;
    display: block;
    font-family: "fs_joeybold";
    text-align: center;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    color: white;
    background: silver;
    position: relative;
    vertical-align: top;
    border: 0;
    margin: 2px 0 0;
    z-index: 1;
    float: right;
    margin-left: 8px;
}
#content .compare-table table tr td span.circle.info {cursor: pointer; background: #009AE9 url(/img/info.svg) center center no-repeat; background-size: auto 10px;}
#content .compare-table table tr td span.circle.euro {background: #CC8500;}
#content .compare-table table tr td:first-child .arrow_box {
    display: none;
    font-family: "fs_joeyregular";
    position: absolute;
    line-height: 18px;
    padding: 17px 20px 19px;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    background: #8dc63f;
    height: auto;
    width: 230px;
    left: 40px;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3));
    z-index: 10;
    margin-top: -17px;
    border-radius: 0;
    z-index: 9999;
}
#content .compare-table table tr td:first-child .arrow_box::after {
    right: 100%;
    border: solid transparent;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(141, 198, 63, 0);
    border-right-color: rgba(141, 198, 63, 0);
    border-right-color: #8dc63f;
    border-width: 15px;
    top: 13px;
    z-index: 9999;
}
#content .compare-table table tr td.check {background: url('/img/ICON _ check _ green.svg') 16px center no-repeat; background-size: 13px auto;}
#content .compare-table table tr td a {
    font-family: "fs_joeyheavy";
    font-size: 16px;
    color: #ffffff;
    text-shadow: none;
    display: inline-block;
    margin: 0 auto;
    background: #007BB1;
    text-transform: uppercase;
    height: 28px;
    padding: 3px 0 0;
    text-align: center;
    width: 100%;
}
@media (max-width:1050px) {
    #content .section.compare-table .mobile {display: block!important; text-align: center; margin-bottom: 10px;}
    #content .section.compare-table .mobile a {display: inline-block; margin: 0 0 0 10px;}
    #content .section.compare-table .mobile a.active {color: black!important;}
    #content .compare-table table tr td {display: none;}
    #content .compare-table table tr td:nth-child(1),
    #content .compare-table table tr td:nth-child(2) {display: table-cell;}
}



/* EXPANDFORM */
#expandform {display: none;}
#expandform .form-number input[type="text"] {width: calc(100% - 22px); text-indent: 0; max-width: 300px;}
#expandform .form-number input[type="submit"] {max-width: 322px; display: block; width: 100%; margin-top: 5px;}




/* BLOG */
.blog h1, .post h1 {margin: 0 auto 30px;}
.blog .lead, .post .lead  {text-align: center; font-size: 28px; line-height: 35px; margin: 0 0 1.7em; font-family: "fs_joeylight";}
.blog h2 {margin-bottom: 15px; line-height: 1.1em;}
.blog h2 a {display: block;}
.post h2 {font-size: 30px; line-height: 1.1em;}
.blog .article {margin-bottom: 70px;}
.icon {background: silver; display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; margin: 0 5px 5px 0; vertical-align: middle;}
.icon img {width: 15px; vertical-align: bottom; position: relative; bottom: 5px;}
.icon.round {border-radius: 100%; width: 40px; height: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.icon.round img {width: auto; height: 20px; bottom: 0px; top: 5px;}
.icon.round:hover {background: black!important;}
.post .topgradient, .post .topgradient h1, .post .topgradient, .post .topgradient a {text-align: left; color: white;}
.blog.post .topgradient {color: #666;}
.blog.post .topgradient h1 {color: #000;}
.blog.post .topgradient a {color: #009ac7;}
.blog.post .topgradient p {max-width: 100%; font-size: 22px;}
.post #numberboxes .topgradient h1 {top: 0px;}
.post .topgradient div {font-size: 14px;}
.post #numberboxes, .post #numberboxes .gray {background: white;}
.post #numberboxes .gray .container.extrapaddingtop,
.post .headerimage .gray .container.extrapaddingtop {padding: 450px 0 140px;}
.post .onethird {font-size: 20px;}
.post .twothird {width: calc(70% - 71px); padding-right: 25px; margin-right: 60px; border-right: 1px solid #D4D4D4;}
.post .fullblock {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.post .fullblock p {margin: 0 auto 1.4em;}
@media (min-width:1430px) {
    .post .twothird.plus .has_img {margin-left: -130px!important;}
}
@media (max-width:1260px) {
    .post .twothird.plus .has_img {margin-left: 0px!important;}
}
@media (max-width:780px) {
    .post .twothird {padding:0; margin: 0; width: 100%; border: 0;}
    .post .onethird {padding:0; margin: 0; width: 100%;}
    .post #numberboxes .gray .container.extrapaddingtop, .post .headerimage .gray .container.extrapaddingtop {padding-top: 275px;}
}
@media (max-width:480px) {
    .post #numberboxes .gray .container.extrapaddingtop, .post .headerimage .gray .container.extrapaddingtop {padding-top: 175px;}
}
.blog.post #numberboxes .gray .container.extrapaddingtop {padding: 200px 0 55px;}
.blog.post #numberboxes .fullblock, .blog.post .headerimage .fullblock {margin-top: -65px;}
@media (min-width:1380px) {
.blog.post #numberboxes h2 {position: relative; background: white; margin: -54px 0 0 -20px; padding: 13px 0 0 20px;}
.blog.post #numberboxes .article > div:nth-child(1) {margin: 0 0 13px -160px!important;}
}
.post .twothird.plus table {margin-bottom: 1.4em; border-collapse: collapse;}
.post .twothird.plus td, .post .twothird.plus th {padding: 0 10px; text-align: center;}
.post .twothird.plus td:first-child, .post .twothird.plus th:first-child {text-align: left; padding: 0 20px 0 0;}
.post .twothird.plus th {font-family: "fs_joeybold";}
.post .twothird.plus tr {border-top: 1px solid #dfdfdf;}
.post .twothird.plus tr:first-child {border: 0;}



/* EBOOK */
#ebook {text-align: left; padding: 0; background: #009AC7;}
#ebook h2 {color: white; margin-top: 90px;}
@media (max-width: 780px) {#ebook h2 {margin-top: 0px;}}
#ebook > div {padding: 70px 0; color: white;}
#ebook > div a {
    background-color: #007BB1;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-family: "fs_joeyheavy";
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 8px 14px 12px 20px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    min-width: 25px;
    display: inline-block;
}
#ebook .form-number input[type="submit"] {width: 300px; background: #007BB1; border-color: #007bb1; text-transform: none;}
#ebook .form-number input[type="text"] {text-indent: 0px; max-width: 600px; width: calc(100vw - 15vw - 335px); border-color: white;}
#ebook .form-number {margin: 15px 0 5px;}
@media (max-width: 650px) {
    #ebook .form-number input[type="submit"] {width: 100%; max-width: 100%;}
    #ebook .form-number input[type="text"] {width: calc(100% - 20px);}
}




.section > div.typeselectorbar {padding: 5px 0 0; border-bottom: 1px solid #dfdfdf; color: black; font-family:'fs_joeymedium';}
.typeselectorbar a {display: inline-block; padding: 7px 0 7px; margin: 0 0 0 15px; border-bottom: 3px solid white;}
.typeselectorbar a.selected {color: black; border-color: black;}
.searchsuccess {display: none;}
.section.upgrade-header + .section.general-price h2 {display: none;}
.section.upgrade-header + .section.general-price > div {padding-top: 0;}




/* FOOTER */
footer {color: #666; border-top: 0px solid #dfdfdf; font-size: 16px; line-height: 1.5em;}
footer li {list-style: none;}
footer li a {color: #666; text-decoration: none;}
footer ul {margin-bottom: 30px;}
footer .section {background: #f7f7f7;}
footer .section > div {background: #f7f7f7; padding: 10px 15px 40px;}
footer .section:last-child {background: white;}
footer .section:last-child > div {background: white; padding: 20px 15px 34px;}
footer .section:last-child > div a {color: #009ac7; text-decoration: none;}
footer .section h2 {font-size: 20px; line-height: 23px; color: #666; font-family: "fs_joeybold"; margin: 25px 0 8px;}
footer .section h3 {color: #666; font-family: "fs_joeybold"; margin-bottom: 8px;}
#footer-social {float: right;}
#footer-social img {opacity: 0.2;}
#footer-social img:hover {opacity: 0.6;}
#footer-bar {text-align: left; padding: 13px 0 6px; font-size: 14px; border-bottom: 1px solid #dfdfdf;}
#footer-bar p {max-width: 100%; margin-left: 0; margin-right: 0;}
footer .quart {width: 25%; float: left;}
/* tablet width */
@media (max-width: 780px) {
    footer .quart {width: 50%;}
}
/* mobile width */
@media (max-width: 600px) {
    #footer-bar {margin-bottom: 0px;}
    footer .quart {width: 100%;}
    footer .quart h2 + * {position: relative; top: 5px;}
    footer .quart h2:after {position: absolute; content: "^"; right: 0; font-size: 26px; margin-top: 0px; opacity: 0.3;
    /* Safari */
    -webkit-transform: rotate(180deg);
    /* Firefox */
    -moz-transform: rotate(180deg);
    /* IE */
    -ms-transform: rotate(180deg);
    /* Opera */
    -o-transform: rotate(180deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    }
    footer .quart h2.open:after {
    margin-top: 2px;
    /* Safari */
    -webkit-transform: rotate(0deg);
    /* Firefox */
    -moz-transform: rotate(0deg);
    /* IE */
    -ms-transform: rotate(0deg);
    /* Opera */
    -o-transform: rotate(0deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    }
    footer .quart h2 {position: relative; margin: 0; padding: 5px 0 5px 0; cursor: pointer; text-align: left; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; margin-top: -1px;}
    footer .quart h3 {margin-top: 15px;}
    footer .quart h2 + * {display: none;}
}



/* LIGHTBOX */
.lightbox {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 9999999; line-height: 0; line-height: 100vh; text-align: center;}
.lightbox > div {display: inline-block; line-height: 1.5em; text-align: left; max-width: 600px; background: white; width: 100%; position: relative; font-size: 18px;}
.lightbox > div .closelightbox.cross {position: absolute; right: 30px; color: #ccc; font-family: "fs_joeybold"; cursor: pointer;}
.lightbox > div > div {padding: 30px 30px 30px 90px; line-height: 1.4em;}
.lightbox > div div .btn {
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
}
.lightbox > div div .btn.secondary {background: #F7F7F7; color: #777!important; border: 1px solid #D8D8D8; font-family: "fs_joeymedium";}
.lightbox > div div .red {color: #e21a23; font-family: "fs_joeymedium"; font-size: 19px;}
.lightbox > div div .border {border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; margin-bottom: 15px;}
.lightbox > div div b {color: #000;}
.lightbox > div .number, .lightbox > div .price {font-family: "fs_joeymedium"; color: black; font-size: 24px;}
.lightbox > div .price {float: right; margin-right: 30px;}
.lightbox .circle {border-color: transparent; transform: scale(0.6); margin-left: -94px; margin-top: -38px;}
@media (max-width: 450px) {
    .lightbox .circle {display: none;}
    .lightbox > div > div {padding: 30px 30px 30px 30px;}
}

/**********/
/* PIETER */
/**********/

.belfabriek_mobile {
    background: linear-gradient(to bottom, rgba(0,123,177,0.8) 0%, rgba(0,123,177,0.8) 100%), url('/img/mobiel/belfabriek_app.jpg') no-repeat center center;
  }

  .belfabriek_mobile:hover {
    background: linear-gradient(to bottom, rgba(0, 143, 204,0.8) 0%, rgba(0, 143, 204,0.8) 100%), url('/img/mobiel/belfabriek_app.jpg') no-repeat center center;
  }

  .medewerker_mobile {
    background: linear-gradient(to bottom, rgba(0,123,177,0.8) 0%, rgba(0,123,177,0.8) 100%), url('/img/mobiel/medewerker_app.jpg') no-repeat center center;
  }

  .medewerker_mobile:hover {
    background: linear-gradient(to bottom, rgba(0, 143, 204,0.8) 0%, rgba(0, 143, 204,0.8) 100%), url('/img/mobiel/medewerker_app.jpg') no-repeat center center;
  }


  .belfabriek_mobile > div, .medewerker_mobile > div {
    margin-left: 158px;
  }

  .store_button:nth-of-type(2) {
    padding-left: 30px;
  }

  .belfabriek_mobile, .medewerker_mobile {
    min-height: 560px;
  }

  .belfabriek_mobile h3, .medewerker_mobile h3 {
    color: white;
    padding-top: 178px;
  }

  .store_button {
    height: 40px;
  }

  .app_mobiles {
    float: right;
    padding-top: 40px;
    padding-right: 40px;
  }

  /* tablet width */
  @media (max-width: 1432px) {
    .app_mobiles {
      display: none;
    }
  }

  @media (max-width: 1200px) {
      .circle {
          display: none;
      }

      #fullcontrol {
          display: none;
      }
  }

  /* mobile width */
  @media (max-width: 600px) {
    .app_mobiles {
      display: none;
    }

    .belfabriek_mobile > div, .medewerker_mobile > div {
      margin-left: 16px;
      margin-right: 16px;
    }

    .store_button {
      padding-left: 0px;
    }

    .belfabriek_mobile h3, .medewerker_mobile h3 {
      padding-top: 78px
    }

    .code-sms {
        visibility: none;
    }

    .ebook_button span {
        display: none;
    }
  }

  @media (max-width: 670px) {
    .ebook_button span {
        display: none;
    }
  }

  h4.functions_header {
    margin-bottom: 0px;
    color: #666666;
  }

  .bedankt_intro {
    position: relative;
    bottom: 20px;
    padding-bottom: 20px;
  }

  .ebook_button {
    color: white;
    background-color: #007BB1;
    height: 50px;
    width: 164px;
    border: none;
    font-family:'fs_joeybold';
    font-weight: 900;
    font-size: 24px;
    padding: 11px 20px 11px 20px;
    text-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
    height: 25px;
    width: 326px;
  }

  .padding-top-small {
    padding-top: 50px;
  }

/*
  #numberboxes.padding-top-large {
    padding-top: 400px;
  } */

/* Email newsletter form */

.newsletter-form form {
    margin-top: 0px;
}

.newsletter-form p {
    margin-left: 0px;
    margin-bottom: 8px;
}

.newsletter-form .form-number input[type="submit"] {
	width: 200px;
}

.newsletter-form .form-number input[type="text"] {
    width: calc(100% - 222px);
    text-indent: 10px;
}

.newsletter-form .form-number input[type="text"]::placeholder {
    color: grey;
}

.code-sms {
    background-color: #003753;
    display: inline-block;
    padding: 23px;
    box-shadow: 3px 10px 43px 0 rgba(0,0,0,0.37);
    max-width: calc(100% - 46px);
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
}

.code-sms code {
    font-size: 17px;
    color: #ACB2BE;
    max-width: 710px;
}

#numberform .container p {
    margin-left: 0px;
}

#numberform form {
    margin-bottom: 0px;
}

.ebook_button span {
    font-weight: 900;
}

.btn-ebook {
    font-size: 16px; height: 25px; line-height: 25px; padding-bottom: 4px;
}

@media (max-width: 940px) {

    .phones_image {
        max-height: 320px;
    }
}

/* try features css */

#try_test-number {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
    border-color: white;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    font-family: "fs_joeybold";
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: url(../img/arrow_down_gr.svg) 95% / 5% no-repeat #fff;
    border-radius: 0px;
    color: #666;
    margin-bottom: 20px;
  }

  #try_directforward-number {
    box-sizing: border-box;
    padding: 0 10px;
    border-color: white;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    font-family: "fs_joeybold";
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  #try_directforward-button {
    text-align: center;
    font-size: 24px;
    height: 34px;
    padding-top: 8px;
    width: 150px;
  }


  .btn-try {
    font-size: 16px; 
    height: 25px; 
    line-height: 25px; 
    padding-bottom: 4px;
    text-decoration: none !important;
  }

  .try_hidden {
      display: none;
  }

  .try_loader {
    margin-left: 64px;
    margin-top: 3px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin-try_loader 2s linear infinite;
  }

  @keyframes spin-try_loader {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }