/* set domain styles */
/* body */
body {
  color: #000000;
  background-color: #ffffff;
}
#page {
  background-color: #ffffff;
}
/* links */
a {
  color: #000000;
}
a.hover {
  color: #cccccc;
}
p a {
  color: #000000;
}
p a:hover {
  color: #cccccc;
}
/* footer */
footer {
  background-color: #000000;
}
.custom_footer_block {
  background-color: #000000;
}
.custom_footer_block a {
  color: #ffffff;
}
.custom_footer_block .foot_header {
  color: #f1f1f1;
}
.custom_footer_block a {
  color: #ffffff;
  text-decoration: underline;
}
footer a {
  color: #000000;
}
footer a:hover {
  color: #cccccc;
  text-decoration: underline;
}
/* header */
header {
  background: none;
  max-width: 100%;
  width: 100%;
}
/* main navigation */
header .main_nav {
  font-family: Pathway Gothic One, sans-serif;
  font-size: 1em;
}
header .main_nav li a {
  color: #ffffff;
  text-decoration: none;
  background-color: #000000;
}
header .main_nav li a:hover {
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
}
header .main_nav li a.actief {
  background: none repeat scroll 0 0 #ffffff;
  text-decoration: none;
  color: #000000;
}
/* agenda */
.eventsCalendar-currentTitle {
  background-color: #000000;
  border-color: #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px 0;
  line-height: 25px;
  outline: 1px solid #000000;
}
/* main */
#page {
  background-color: #ffffff;
  background: none;
}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
  font-family: Pathway Gothic One, sans-serif;
  font-size: 0.8em;
}
#page h1 a, #page h2 a, #page h3 a {
  font-family: Pathway Gothic One, sans-serif;
  text-decoration: none;
  font-size: 0.8em;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
  font-family: Pathway Gothic One, sans-serif;
}
/* sidebar */
.sidemenu .inner .head {
  font-family: Pathway Gothic One, sans-serif;
}
/* webshop */
.product_price .btn-info {
  background-color: #000000;
  border-color: #000000;
}
/* datepicker */
.datepicker td.active, .datepicker td.active:hover {
  background-color: #000000;
  border-color: transparent;
  background-image: none;
}
/* forms */
.form-control:focus {
  border-color: #000000;
}
/* call button */
#desktop_call_button {
  background-color: #000000;
  color: #ffffff;
}
#desktop_call_button {
  font-family: Pathway Gothic One, sans-serif;
}
.global-text-color {
  color: #000000;
}
.global-text-alt-color {
  color: #ffffff;
}
.global-primary-color {
  color: #000000;
}
.global-primary-alt-color {
  color: #333333;
}
.global-secondary-color {
  color: #000000;
}
.global-secondary-alt-color {
  color: #333333;
}
.global-accent-color {
  color: #cccccc;
}
.global-mobile-browser-color {
  color: #999999;
}
.global-link-color {
  color: #000000;
}
.global-link-hover {
  color: #cccccc;
}
.global-link-focus {
  color: #cccccc;
}
.global-navigation-color {
  color: #000000;
}
.global-navigation-hover {
  color: #000000;
}
.global-navigation-focus {
  color: #000000;
}
.global-navigation-sub-color {
  color: #000000;
}
.global-navigation-sub-hover {
  color: #000000;
}
.global-navigation-sub-focus {
  color: #000000;
}
.global-fieldset-color {
  color: #000000;
}
.global-border-color {
  color: #f1f1f1;
}
.global-website-bgcolor {
  background-color: #ffffff;
}
.global-screen-bgcolor {
  background-color: #ffffff;
}
.global-label-color {
  color: #000000;
}
.global-footer-links {
  color: #ffffff;
}
.global-footer-headers {
  color: #f1f1f1;
}
.global-call-button-bg {
  background-color: #000000;
}
.global-call-button-text-color {
  color: #ffffff;
}
.global-text-align {
  text-align: left;
}
.global-default-font {
  font-family: Arial, Helvetica, sans-serif;
}
.global-default-font-size {
  font-size: 14px;
}
.global-font-family {
  font-family: Pathway Gothic One, sans-serif;
}
.global-menu-size {
  font-size: 1em;
}
.global-headers-size {
  font-size: 0.8em;
}
.global-nav-link-color {
  color: #ffffff;
}
.global-nav-hover-color {
  color: #000000;
}
.global-link-background {
  color: #000000;
}
.global-hover-background {
  color: #ffffff;
}
.global-logo-bg {
  background: url("/userfiles/cms-nieuw.websiteday.nl/images/logo_Websiteday.png") 0 0 no-repeat;
}
.global-logo_dark-bg {
  background: url("/userfiles/cms-nieuw.websiteday.nl/images/logo_Websiteday-dark.png") 0 0 no-repeat;
}
.global-image-bg {
  background: url("/userfiles/cms-nieuw.websiteday.nl/images/logo_Websiteday.png") 0 0 no-repeat;
}
.global-page-bg {
  background: none;
}
.global-header-bg {
  background: none;
}
.text-color-default {
  color: #000000;
}
.text-color-default > a {
  color: #000000;
}
.text-color-default > a:hover, .text-color-default > a:focus, .text-color-default > a:active {
  color: #1a1a1a;
}
a.text-color-default {
  color: #000000;
}
a.text-color-default:hover, a.text-color-default:focus, a.text-color-default:active {
  color: #1a1a1a;
}
.text-color-default-alt {
  color: #ffffff;
}
.text-color-default-alt > a {
  color: #ffffff;
}
.text-color-default-alt > a:hover, .text-color-default-alt > a:focus, .text-color-default-alt > a:active {
  color: white;
}
a.text-color-default-alt {
  color: #ffffff;
}
a.text-color-default-alt:hover, a.text-color-default-alt:focus, a.text-color-default-alt:active {
  color: white;
}
.text-color-primary {
  color: #000000;
}
.text-color-primary > a {
  color: #000000;
}
.text-color-primary > a:hover, .text-color-primary > a:focus, .text-color-primary > a:active {
  color: #1a1a1a;
}
a.text-color-primary {
  color: #000000;
}
a.text-color-primary:hover, a.text-color-primary:focus, a.text-color-primary:active {
  color: #1a1a1a;
}
.text-color-primary-alt {
  color: #333333;
}
.text-color-primary-alt > a {
  color: #333333;
}
.text-color-primary-alt > a:hover, .text-color-primary-alt > a:focus, .text-color-primary-alt > a:active {
  color: #4d4d4d;
}
a.text-color-primary-alt {
  color: #333333;
}
a.text-color-primary-alt:hover, a.text-color-primary-alt:focus, a.text-color-primary-alt:active {
  color: #4d4d4d;
}
.text-color-secondary {
  color: #000000;
}
.text-color-secondary > a {
  color: #000000;
}
.text-color-secondary > a:hover, .text-color-secondary > a:focus, .text-color-secondary > a:active {
  color: #1a1a1a;
}
a.text-color-secondary {
  color: #000000;
}
a.text-color-secondary:hover, a.text-color-secondary:focus, a.text-color-secondary:active {
  color: #1a1a1a;
}
.text-color-secondary-alt {
  color: #333333;
}
.text-color-secondary-alt > a {
  color: #333333;
}
.text-color-secondary-alt > a:hover, .text-color-secondary-alt > a:focus, .text-color-secondary-alt > a:active {
  color: #4d4d4d;
}
a.text-color-secondary-alt {
  color: #333333;
}
a.text-color-secondary-alt:hover, a.text-color-secondary-alt:focus, a.text-color-secondary-alt:active {
  color: #4d4d4d;
}
.text-color-accent {
  color: #cccccc;
}
.text-color-accent > a {
  color: #cccccc;
}
.text-color-accent > a:hover, .text-color-accent > a:focus, .text-color-accent > a:active {
  color: #e6e6e6;
}
a.text-color-accent {
  color: #cccccc;
}
a.text-color-accent:hover, a.text-color-accent:focus, a.text-color-accent:active {
  color: #e6e6e6;
}
.btn-color-default {
  background-color: #000000;
  border-color: black;
  color: #fff;
}
.btn-color-default:hover, .btn-color-default:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-default:active, .btn-color-default.active, .btn-color-default:hover:active, .btn-color-default.active:hover, .btn-color-default:focus:active, .btn-color-default.active:focus {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn-color-default-bordered {
  background-color: #000000;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-default-bordered:hover, .btn-color-default-bordered:focus {
  background-color: #1a1a1a;
  border-color: #333;
  color: #fff;
}
.btn-color-default-bordered:active, .btn-color-default-bordered.active, .btn-color-default-bordered:hover:active, .btn-color-default-bordered.active:hover, .btn-color-default-bordered:focus:active, .btn-color-default-bordered.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-default-gradient {
  background-color: #000000;
  border-color: #1a1a1a;
  background-image: linear-gradient(#000000, #1a1a1a);
  color: #fff;
}
.btn-color-default-gradient:hover, .btn-color-default-gradient:focus {
  background-color: #1a1a1a;
  border-color: #333;
  background-image: linear-gradient(#1a1a1a, #333);
  color: #fff;
}
.btn-color-default-gradient:active, .btn-color-default-gradient.active, .btn-color-default-gradient:hover:active, .btn-color-default-gradient.active:hover, .btn-color-default-gradient:focus:active, .btn-color-default-gradient.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  background-image: linear-gradient(#333, #4d4d4d);
  color: #fff;
}
.btn-color-default-alt {
  background-color: #ffffff;
  border-color: white;
  color: #333;
}
.btn-color-default-alt:hover, .btn-color-default-alt:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #333;
}
.btn-color-default-alt:active, .btn-color-default-alt.active, .btn-color-default-alt:hover:active, .btn-color-default-alt.active:hover, .btn-color-default-alt:focus:active, .btn-color-default-alt.active:focus {
  background-color: #ccc;
  border-color: #ccc;
  color: #333;
}
.btn-color-default-alt-bordered {
  background-color: #ffffff;
  border-color: #e6e6e6;
  color: #333;
}
.btn-color-default-alt-bordered:hover, .btn-color-default-alt-bordered:focus {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #333;
}
.btn-color-default-alt-bordered:active, .btn-color-default-alt-bordered.active, .btn-color-default-alt-bordered:hover:active, .btn-color-default-alt-bordered.active:hover, .btn-color-default-alt-bordered:focus:active, .btn-color-default-alt-bordered.active:focus {
  background-color: #ccc;
  border-color: #b3b3b3;
  color: #333;
}
.btn-color-default-alt-gradient {
  background-color: #ffffff;
  border-color: #e6e6e6;
  background-image: linear-gradient(#ffffff, #e6e6e6);
  color: #333;
}
.btn-color-default-alt-gradient:hover, .btn-color-default-alt-gradient:focus {
  background-color: #e6e6e6;
  border-color: #ccc;
  background-image: linear-gradient(#e6e6e6, #ccc);
  color: #333;
}
.btn-color-default-alt-gradient:active, .btn-color-default-alt-gradient.active, .btn-color-default-alt-gradient:hover:active, .btn-color-default-alt-gradient.active:hover, .btn-color-default-alt-gradient:focus:active, .btn-color-default-alt-gradient.active:focus {
  background-color: #ccc;
  border-color: #b3b3b3;
  background-image: linear-gradient(#ccc, #b3b3b3);
  color: #333;
}
.btn-color-primary {
  background-color: #000000;
  border-color: black;
  color: #fff;
}
.btn-color-primary:hover, .btn-color-primary:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-primary:active, .btn-color-primary.active, .btn-color-primary:hover:active, .btn-color-primary.active:hover, .btn-color-primary:focus:active, .btn-color-primary.active:focus {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn-color-primary-bordered {
  background-color: #000000;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-primary-bordered:hover, .btn-color-primary-bordered:focus {
  background-color: #1a1a1a;
  border-color: #333;
  color: #fff;
}
.btn-color-primary-bordered:active, .btn-color-primary-bordered.active, .btn-color-primary-bordered:hover:active, .btn-color-primary-bordered.active:hover, .btn-color-primary-bordered:focus:active, .btn-color-primary-bordered.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-primary-gradient {
  background-color: #000000;
  border-color: #1a1a1a;
  background-image: linear-gradient(#000000, #1a1a1a);
  color: #fff;
}
.btn-color-primary-gradient:hover, .btn-color-primary-gradient:focus {
  background-color: #1a1a1a;
  border-color: #333;
  background-image: linear-gradient(#1a1a1a, #333);
  color: #fff;
}
.btn-color-primary-gradient:active, .btn-color-primary-gradient.active, .btn-color-primary-gradient:hover:active, .btn-color-primary-gradient.active:hover, .btn-color-primary-gradient:focus:active, .btn-color-primary-gradient.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  background-image: linear-gradient(#333, #4d4d4d);
  color: #fff;
}
.btn-color-primary-alt {
  background-color: #333333;
  border-color: #333;
  color: #fff;
}
.btn-color-primary-alt:hover, .btn-color-primary-alt:focus {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-primary-alt:active, .btn-color-primary-alt.active, .btn-color-primary-alt:hover:active, .btn-color-primary-alt.active:hover, .btn-color-primary-alt:focus:active, .btn-color-primary-alt.active:focus {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn-color-primary-alt-bordered {
  background-color: #333333;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-primary-alt-bordered:hover, .btn-color-primary-alt-bordered:focus {
  background-color: #4d4d4d;
  border-color: #666;
  color: #fff;
}
.btn-color-primary-alt-bordered:active, .btn-color-primary-alt-bordered.active, .btn-color-primary-alt-bordered:hover:active, .btn-color-primary-alt-bordered.active:hover, .btn-color-primary-alt-bordered:focus:active, .btn-color-primary-alt-bordered.active:focus {
  background-color: #666;
  border-color: gray;
  color: #fff;
}
.btn-color-primary-alt-gradient {
  background-color: #333333;
  border-color: #4d4d4d;
  background-image: linear-gradient(#333333, #4d4d4d);
  color: #fff;
}
.btn-color-primary-alt-gradient:hover, .btn-color-primary-alt-gradient:focus {
  background-color: #4d4d4d;
  border-color: #666;
  background-image: linear-gradient(#4d4d4d, #666);
  color: #fff;
}
.btn-color-primary-alt-gradient:active, .btn-color-primary-alt-gradient.active, .btn-color-primary-alt-gradient:hover:active, .btn-color-primary-alt-gradient.active:hover, .btn-color-primary-alt-gradient:focus:active, .btn-color-primary-alt-gradient.active:focus {
  background-color: #666;
  border-color: gray;
  background-image: linear-gradient(#666, gray);
  color: #fff;
}
.btn-color-secondary {
  background-color: #000000;
  border-color: black;
  color: #fff;
}
.btn-color-secondary:hover, .btn-color-secondary:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-secondary:active, .btn-color-secondary.active, .btn-color-secondary:hover:active, .btn-color-secondary.active:hover, .btn-color-secondary:focus:active, .btn-color-secondary.active:focus {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn-color-secondary-bordered {
  background-color: #000000;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-color-secondary-bordered:hover, .btn-color-secondary-bordered:focus {
  background-color: #1a1a1a;
  border-color: #333;
  color: #fff;
}
.btn-color-secondary-bordered:active, .btn-color-secondary-bordered.active, .btn-color-secondary-bordered:hover:active, .btn-color-secondary-bordered.active:hover, .btn-color-secondary-bordered:focus:active, .btn-color-secondary-bordered.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-secondary-gradient {
  background-color: #000000;
  border-color: #1a1a1a;
  background-image: linear-gradient(#000000, #1a1a1a);
  color: #fff;
}
.btn-color-secondary-gradient:hover, .btn-color-secondary-gradient:focus {
  background-color: #1a1a1a;
  border-color: #333;
  background-image: linear-gradient(#1a1a1a, #333);
  color: #fff;
}
.btn-color-secondary-gradient:active, .btn-color-secondary-gradient.active, .btn-color-secondary-gradient:hover:active, .btn-color-secondary-gradient.active:hover, .btn-color-secondary-gradient:focus:active, .btn-color-secondary-gradient.active:focus {
  background-color: #333;
  border-color: #4d4d4d;
  background-image: linear-gradient(#333, #4d4d4d);
  color: #fff;
}
.btn-color-secondary-alt {
  background-color: #333333;
  border-color: #333;
  color: #fff;
}
.btn-color-secondary-alt:hover, .btn-color-secondary-alt:focus {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-secondary-alt:active, .btn-color-secondary-alt.active, .btn-color-secondary-alt:hover:active, .btn-color-secondary-alt.active:hover, .btn-color-secondary-alt:focus:active, .btn-color-secondary-alt.active:focus {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn-color-secondary-alt-bordered {
  background-color: #333333;
  border-color: #4d4d4d;
  color: #fff;
}
.btn-color-secondary-alt-bordered:hover, .btn-color-secondary-alt-bordered:focus {
  background-color: #4d4d4d;
  border-color: #666;
  color: #fff;
}
.btn-color-secondary-alt-bordered:active, .btn-color-secondary-alt-bordered.active, .btn-color-secondary-alt-bordered:hover:active, .btn-color-secondary-alt-bordered.active:hover, .btn-color-secondary-alt-bordered:focus:active, .btn-color-secondary-alt-bordered.active:focus {
  background-color: #666;
  border-color: gray;
  color: #fff;
}
.btn-color-secondary-alt-gradient {
  background-color: #333333;
  border-color: #4d4d4d;
  background-image: linear-gradient(#333333, #4d4d4d);
  color: #fff;
}
.btn-color-secondary-alt-gradient:hover, .btn-color-secondary-alt-gradient:focus {
  background-color: #4d4d4d;
  border-color: #666;
  background-image: linear-gradient(#4d4d4d, #666);
  color: #fff;
}
.btn-color-secondary-alt-gradient:active, .btn-color-secondary-alt-gradient.active, .btn-color-secondary-alt-gradient:hover:active, .btn-color-secondary-alt-gradient.active:hover, .btn-color-secondary-alt-gradient:focus:active, .btn-color-secondary-alt-gradient.active:focus {
  background-color: #666;
  border-color: gray;
  background-image: linear-gradient(#666, gray);
  color: #fff;
}
.btn-color-accent {
  background-color: #cccccc;
  border-color: #ccc;
  color: #333;
}
.btn-color-accent:hover, .btn-color-accent:focus {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #333;
}
.btn-color-accent:active, .btn-color-accent.active, .btn-color-accent:hover:active, .btn-color-accent.active:hover, .btn-color-accent:focus:active, .btn-color-accent.active:focus {
  background-color: #999;
  border-color: #999;
  color: #333;
}
.btn-color-accent-bordered {
  background-color: #cccccc;
  border-color: #b3b3b3;
  color: #333;
}
.btn-color-accent-bordered:hover, .btn-color-accent-bordered:focus {
  background-color: #b3b3b3;
  border-color: #999;
  color: #333;
}
.btn-color-accent-bordered:active, .btn-color-accent-bordered.active, .btn-color-accent-bordered:hover:active, .btn-color-accent-bordered.active:hover, .btn-color-accent-bordered:focus:active, .btn-color-accent-bordered.active:focus {
  background-color: #999;
  border-color: gray;
  color: #333;
}
.btn-color-accent-gradient {
  background-color: #cccccc;
  border-color: #b3b3b3;
  background-image: linear-gradient(#cccccc, #b3b3b3);
  color: #333;
}
.btn-color-accent-gradient:hover, .btn-color-accent-gradient:focus {
  background-color: #b3b3b3;
  border-color: #999;
  background-image: linear-gradient(#b3b3b3, #999);
  color: #333;
}
.btn-color-accent-gradient:active, .btn-color-accent-gradient.active, .btn-color-accent-gradient:hover:active, .btn-color-accent-gradient.active:hover, .btn-color-accent-gradient:focus:active, .btn-color-accent-gradient.active:focus {
  background-color: #999;
  border-color: gray;
  background-image: linear-gradient(#999, gray);
  color: #333;
}
.block-primary {
  background-color: #000000;
  color: #ffffff;
}
a.block-primary {
  background-color: #000000;
  color: #ffffff;
}
a.block-primary:hover, a.block-primary:focus {
  color: #ffffff;
}
.block-primary-alt {
  background-color: #333333;
  color: #ffffff;
}
a.block-primary-alt {
  background-color: #333333;
  color: #ffffff;
}
a.block-primary-alt:hover, a.block-primary-alt:focus {
  color: #ffffff;
}
.block-secondary {
  background-color: #000000;
  color: #ffffff;
}
a.block-secondary {
  background-color: #000000;
  color: #ffffff;
}
a.block-secondary:hover, a.block-secondary:focus {
  color: #ffffff;
}
.block-secondary-alt {
  background-color: #333333;
  color: #ffffff;
}
a.block-secondary-alt {
  background-color: #333333;
  color: #ffffff;
}
a.block-secondary-alt:hover, a.block-secondary-alt:focus {
  color: #ffffff;
}
.block-accent {
  background-color: #cccccc;
  color: #000000;
}
a.block-accent {
  background-color: #cccccc;
  color: #000000;
}
a.block-accent:hover, a.block-accent:focus {
  color: #000000;
}
.highlight-primary {
  background-color: #000000;
}
a.highlight-primary {
  background-color: #000000;
}
.highlight-primary-alt {
  background-color: #333333;
}
a.highlight-primary-alt {
  background-color: #333333;
}
.highlight-secondary {
  background-color: #000000;
}
a.highlight-secondary {
  background-color: #000000;
}
.highlight-secondary-alt {
  background-color: #333333;
}
a.highlight-secondary-alt {
  background-color: #333333;
}
.highlight-accent {
  background-color: #cccccc;
}
a.highlight-accent {
  background-color: #cccccc;
}
.text-contrast-primary {
  color: #ffffff;
}
a.text-contrast-primary {
  color: #ffffff;
}
.text-contrast-primary-alt {
  color: #ffffff;
}
a.text-contrast-primary-alt {
  color: #ffffff;
}
.text-contrast-secondary {
  color: #ffffff;
}
a.text-contrast-secondary {
  color: #ffffff;
}
.text-contrast-secondary-alt {
  color: #ffffff;
}
a.text-contrast-secondary-alt {
  color: #ffffff;
}
.text-contrast-accent {
  color: #000000;
}
a.text-contrast-accent {
  color: #000000;
}

.section-id-1 {
  padding-top: 150px;
  /*excuses voor de importants, was beter dan het alternatief*/
}
.section-id-1 h1 {
  font-weight: bold;
  line-height: 3.2rem;
  margin: 0 0 1rem;
  padding: 0;
}
.section-id-1 h2 {
  color: #6ecce0 !important;
  font-weight: 700;
}
.section-id-1 span {
  line-height: 2rem;
  letter-spacing: 0.2px;
  color: #6c6c6c;
}
.section-id-1 a:hover {
  text-decoration: none;
  border: 0;
}
.section-id-1 .text-content {
  text-align: center;
}
.section-id-1 a {
  text-decoration: none;
  color: #6c6c6c;
  border-bottom: 1px solid #6c6c6c;
}
.section-id-1 .fa-arrow-right {
  padding-left: 0.5em;
}
.section-id-1 #domeinchecker {
  border: 1px #6ecce0 solid;
  padding: 9.5px 10px;
  width: 100%;
  transition: 500ms;
  line-height: 1;
}
.section-id-1 #domeinsubmit.btn {
  float: left;
  padding: 9px 31px;
  display: block;
  background: #6ecce0;
  line-height: 1.6;
  color: #fff;
  text-transform: uppercase;
  border: solid 1px #6ecce0;
  font-weight: bold;
  transition: 500ms;
  border-radius: 0;
}
.section-id-1 #domeinchecker:focus-visible {
  outline: none;
  box-shadow: inset 0px 0px 4px #6ecce096;
}
.section-id-1 #domeinsubmit.btn:hover, .section-id-1 #domeinsubmit.btn:active {
  color: #6ecce0;
  background-color: #fff;
  box-shadow: none;
}
.section-id-1 fieldset {
  display: block;
  float: left;
  width: calc(100% - 100px);
  max-width: 400px;
}
.section-id-1 #domainresponsarea {
  min-height: 12rem;
  width: 100%;
  padding-top: 1rem;
  text-align: center;
  max-width: 700px;
  margin: auto;
}
.section-id-1 #domainrequestform {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
}
.section-id-1 fieldset {
  width: 500px;
}
@media (max-width: 767px) {
  .section-id-1 #domeinsubmit.btn {
    padding: 9px 15px;
  }
}

@charset "UTF-8";
.section-id-8 {
  /* Sass variable @at-root function to gain access to the outer selection */
  padding: 6rem 0;
}
.page-section-1::after {
  content: "";
  width: 100%;
  height: 75px;
  background: url("/userfiles/websiteday.nl/images/slingers.png");
  position: absolute;
  top: 100px;
}
@media (max-width: 991px) {
  .section-id-8 #sidebar figure {
    margin-top: 2rem;
  }
}
.section-id-9 {
  /* Sass variable @at-root function to gain access to the outer selection */
}
#page .page-section-2 .text-content h1 {
  margin: 0 0 1rem;
  margin-top: 3rem;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 3.2rem;
}
#page .page-section-2 .text-content h2 {
  margin-top: 3rem;
  text-align: center;
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.2;
}
#page .page-section-2 .text-content p {
  line-height: 2rem;
  letter-spacing: 0.2px;
  color: #6c6c6c;
}
#page .page-section-2 .text-content a {
  text-decoration: none;
  color: #6c6c6c;
  border-bottom: 1px solid #6c6c6c;
}
#page .page-section-2 .text-content a:hover {
  text-decoration: none;
  border: 0;
}
@media (max-width: 767px) {
  .section-id-9 {
    /* Sass variable @at-root function to gain access to the outer selection */
  }
}
@media (max-width: 767px) {
  #page .page-section-2 .text-content h1 {
    font-size: 2.6rem;
  }
  #page .page-section-2 .text-content h2 {
    font-size: 2.2rem;
  }
}
.section-id-11 {
  /* Sass variable @at-root function to gain access to the outer selection */
  padding: 6rem 0 0;
  /*.formblock_main {
        margin-left: -15px;
        margin-right: -15px;
        padding-top: -15px;
    }*/
  /*#custom_form {  padding: 0 30px; }*/
}
#page .text-content h3 {
  position: relative;
  margin: 0 0 1rem;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: bold;
  color: #150940;
}
.section-id-11 .container {
  max-width: 920px;
}
.section-id-11 .formblock_main .well {
  padding-top: 0;
  min-height: 20px;
  padding-rightt: 19px;
  padding-left: 19px;
}
.section-id-11 .formblock_main .form-content {
  padding: 0 15px;
}
.section-id-11 .formblock_main h3 {
  display: none;
}
.section-id-11 .form-control {
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid rgba(21, 9, 64, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 2rem !important;
  text-align: left !important;
  padding: 15px 0;
  line-height: 2rem;
  height: 40px;
}
.section-id-11 .radio {
  margin-bottom: 2rem;
}
.section-id-11 .form-control:focus {
  border-bottom: 2px solid rgba(21, 9, 64, 0.6);
}
.section-id-11 .form-control.has-input + .control-label, .section-id-11 .form-control:focus + .control-label {
  top: -1rem;
  font-size: 0.8rem;
}
.section-id-11 .form-control + .control-label::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.6em;
  vertical-align: top;
  color: rgba(255, 255, 255, 0);
  -webkit-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
}
.section-id-11 .form-control.error + .control-label::after {
  content: " ";
  color: #7a3f3f;
}
.section-id-11 .form-control.valid + .control-label::after {
  content: " ";
  color: #558255;
}
.section-id-11 .form-control ~ .control-label {
  position: absolute;
  font-size: 1rem;
  font-weight: 300;
  top: 8px;
  padding: 0;
  pointer-events: none;
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
}
.section-id-11 .form-group .btn {
  text-decoration: none;
  position: relative;
  color: #43b9b0;
  font-weight: 500;
  padding: 0;
  font-size: 0.98rem;
  line-height: 2.2rem;
  border: none;
  border-radius: 0;
  background: none;
}
.section-id-11 .form-group .btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  opacity: 0.2;
  background-color: #322e46;
}
.section-id-11 .form-group .btn::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 100%;
  height: 2px;
  width: 0%;
  background-color: #43b9b0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.section-id-11 .form-group .btn:hover {
  color: #43b9b0;
  background-color: unset;
}
.section-id-11 .form-group .btn:hover::after {
  width: 100%;
}
.section-id-13 {
  padding-bottom: 60px;
}
.section-id-13 p {
  margin-bottom: 0;
}
.section-id-13 .text-content {
  padding: 15px 15px 30px 15px;
}
.section-id-13 .text-content strong {
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.section-id-13 .text-content strong::after {
  content: "";
  position: relative;
  display: block;
  border-bottom: solid 4px;
  width: 30%;
  color: #43B9B0;
}
.section-id-13 ul {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin: 0.5rem 0;
}
.section-id-13 .text-content .fa-star {
  color: #ff8c28;
}
.section-id-14 {
  padding-top: 60px;
}
.section-id-14 .row {
  display: flex;
  justify-content: center;
}
.section-id-14 .img_gallery_title {
  display: none;
}
.section-id-14 .thumbnail {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  max-height: 220px;
  overflow: hidden;
  box-shadow: 0 0.5em 1em -5px rgba(0, 0, 0, 0.2), 0.4em 0 0.5em -6px rgba(0, 0, 0, 0.1), -0.4em 0 0.5em -6px rgba(0, 0, 0, 0.1);
}
.section-id-14 .thumbnail a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.section-id-14 .thumbnail a:hover::before {
  background-color: rgba(68, 150, 146, 0.75);
}
.section-id-14 .thumbnail a::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-id-14 .caption {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 15px 15px 20px 15px;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.section-id-14 .thumbnail:hover .caption {
  opacity: 1;
}
.section-id-14 .thumbnail p {
  color: #FFF;
  line-height: 2rem;
}
.section-id-14 h3 {
  position: relative;
  text-transform: uppercase;
  color: #FFF;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0;
  margin-bottom: 0.25rem;
}
.section-id-14 .thumbnail {
  top: 150px;
  opacity: 0;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.section-id-14 .thumbnail.scroll {
  top: 0;
  opacity: 1;
}
@media (max-width: 991px) {
  .section-id-14 .thumbnail {
    top: 0;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .column-id-21 {
    display: none;
  }
  .column-id-22 {
    display: none;
  }
}