/*
Theme Name: expl-theme
Author: Expliciet
Author URI: http://www.expliciet.be
Version: 1
*/


/* ==========================================================================
   ALGEMENE ELEMENTEN
============================================================================= */

#cs-content .h-custom-headline { letter-spacing: 1px; line-height: 1; }

a[href^='tel'] { pointer-events: none; }
.touchevents a[href^='tel'] { pointer-events: auto; }

.gform_button, .x-btn { line-height: 1 !important; }

.gform_fields:after {
  content: '';
  display: table;
  clear: both;
}

.gform_button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }









.ui-datepicker {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #01547e;
  position: fixed;
  display: none;
}

.ui-datepicker-prev,
.ui-datepicker-next { display: none; }

.ui-datepicker-header { margin-bottom: 5px; }
.ui-datepicker-calendar th { padding: 5px; }





.
#main.noscroll { overflow: hidden; position: fixed; width: 100%; }




/* Textueel
===============================================*/
.x-text ul:not( .gform_fields ) {
  list-style: disc;
  padding-left: 25px;
}


@media screen and ( max-width: 1024px ) {
  h1 { font-size: 34px; }
  h2 { font-size: 34px; }
  h3 { font-size: 28px; }
  h4 { font-size: 24px; }
  h5 { font-size: 18px; }
}
@media screen and ( max-width: 800px ) {
  h1 { font-size: 28px; }
  h2 { font-size: 28px; }
  h3 { font-size: 24px; }
  h4 { font-size: 21px; }
  h5 { font-size: 18px; }
}
@media screen and ( max-width: 500px ) {
  h1 { font-size: 24px; }
  h2 { font-size: 24px; }
  h3 { font-size: 21px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
}



h6.h-custom-headline,
h1.small,
h2.small {
  font-size: 14px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  line-height: 1;
  margin-bottom: 10px;
}

h6.h-custom-headline.k1 { color: #01547e; }
h6.h-custom-headline.k2 { color: #000; }
h6.h-custom-headline.k3 { color: #fff; }

















/* Knoppen
===============================================*/

.x-btn.icon-right i {
  margin-left: 20px;
  -webkit-transform: translateY(0) !important;-ms-transform: translateY(0) !important;transform: translateY(0) !important;
}

.x-btn.round {
  padding: 0 !important;
  display: block !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  line-height: 1;
}

.x-btn.round i {
  position: absolute;
  top: 48%;
  left: 52%;
  -webkit-transform: translateX( -50% ) translateY( -50% );
  -ms-transform: translateX( -50% ) translateY( -50% );
  transform: translateX( -50% ) translateY( -50% );
  line-height: 1;
}





@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 540px ) {
  a.k1, a.k2, a.k3, a.k1:visited, a.k2:visited, a.k3:visited, a.t1, a.t2, a.t3, a.t1:visited, a.t2:visited, a.t3:visited, .gform_wrapper input.gform_button {
    padding: 10px 15px !important;
    font-size: 12px !important;
  }

}


















/* Elementen
===============================================*/

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex.bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flex:before,
.flex:after { display: none !important; }

.flex .x-column { margin-right: 0 !important; }




@media screen and ( max-width: 1024px ) {

}

@media screen and ( max-width: 800px ) {

}

@media screen and ( max-width: 500px ) {

}












#cs-content .flex-control-nav { height: 10px !important; }
#cs-content .flex-control-nav li { margin: 0 !important; margin-left: 5px !important; }
#cs-content .flex-control-nav li:first-child { margin-left: 0 !important; }
#cs-content .flex-control-nav a { border-radius: 50% !important; width: 10px !important; height: 10px !important; }













/* ==========================================================================
  HEADER
============================================================================= */

.header {
  position: relative;
  height: 400px;
  background-size: cover;
  background-position: center center;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.home .header { height: 550px; }






.header .x-container { position: static !important; }
.header .x-container:nth-of-type(2) {
  position: relative !important;
  z-index: 10;
  height: 100%;
  padding-bottom: 100px !important;
  display: flex;
  align-items: flex-end;
}

.hero-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-slider * { height: 100%; }

.hero-slider .item {
  background-size: cover;
  background-position: 50% 50%;
}


.header .x-column.x-1-3 { width: 51% !important; }
.header .x-column.x-2-3 { display: none !important; }
.header .h-custom-headline { font-size: 50px !important; }
.header .x-btn { margin-top: 35px; }





.header-intro {
  background-color: rgba(1, 84, 126, 0.6) !important;
  padding: 30px !important;
}

.header-intro .h-custom-headline { font-size: 40px !important; }

.header-intro .x-btn {
  color: #01547e !important;
  border-color: #ffffff !important;
  background-color: #fff !important;
}



@media screen and ( max-width: 1024px ) {
  .header { height: 350px; }
  .home .header { height: 400px; }

  .header .x-container:nth-of-type(2) { padding-bottom: 80px !important; }
  .header .x-column.x-1-3 { width: 45% !important; }
  .header .h-custom-headline { font-size: 40px !important; }
  .header-intro .h-custom-headline { font-size: 30px !important; }
}
@media screen and ( max-width: 800px ) {
  .header { height: 300px; }
  .home .header { height: 375px; }

  .header .x-container:nth-of-type(2) { padding-bottom: 60px !important; }
  .header .x-column.x-1-3 { width: 45% !important; }
  .header .x-column.x-1-2.header-intro {width: 55px !important;}
  .header .h-custom-headline { font-size: 30px !important; }
  .header-intro .h-custom-headline { font-size: 26px !important; }
  .header-intro .x-btn { margin-top: 25px !important; }
}
@media screen and ( max-width: 500px ) {
  .header { height: 250px; }
  .home .header { height: 300px; }


  .header .x-container:nth-of-type(2) { padding-bottom: 30px !important; }
  .header .x-column.x-1-3 { width: 60% !important; }
  .header .x-column.x-1-3.header-intro { width: 70% !important; }
  .header .h-custom-headline { font-size: 24px !important; }

  .header-intro { padding: 20px !important; }
  .header-intro .h-custom-headline { font-size: 16px !important; }
  .header-intro .x-btn { margin-top: 15px !important; }
}



























/* ==========================================================================
  SECTION
============================================================================= */
.section { padding: 100px 0!important; }
.section + .section { padding: 0 0 100px!important; }
.section__intro {
  text-align: center;
  margin-bottom: 60px !important;
}

.section__intro .slim {
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section__intro .h-custom-headline + .slim { margin-top: 30px; }

.section.project + .artists { padding-top: 0 !important; }

@media screen and ( max-width: 1024px ) {
  .section { padding: 80px 0!important; }
  .section + .section { padding: 0 0 80px!important; }
  .section__intro { margin-bottom: 50px !important; }
}

@media screen and ( max-width: 800px ) {
  .section { padding: 60px 0!important; }
  .section + .section { padding: 0 0 60px!important; }
  .section__intro { margin-bottom: 40px !important; }
}

@media screen and ( max-width: 500px ) {
  .section { padding: 40px 0!important; }
  .section + .section { padding: 0 0 40px!important; }
  .section__intro { margin-bottom: 30px !important; }


}




















































/* ==========================================================================
  QUOTE
============================================================================= */

.quote .x-blockquote {
  padding: 0 !important;
  border: 0 !important;
  font-size: 40px !important;
  line-height: 1.2 !important;
}

.quote .x-blockquote em {
  font-style: normal !important;
  color: #01547e !important;
}

.quote .x-blockquote .x-cite {
  font-weight: bold !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  font-size: 14px !important;
  margin-top: 40px !important;
}








@media screen and ( max-width: 1024px ) {
  .quote .x-blockquote { font-size: 36px !important; }
}

@media screen and ( max-width: 800px ) {
  .quote .x-blockquote { font-size: 32px !important; }
}

@media screen and ( max-width: 500px ) {
  .quote .x-blockquote { font-size: 28px !important; }
}






































































/* ==========================================================================
  PAGE
============================================================================= */

.page__content { width: 55% !important; }
.page__img { width: 40% !important; }

.page__content .h-custom-headline + .x-text { margin-top: 30px; }
.page__content p { margin-bottom: 15px; }
.page__content p:last-child { margin-bottom: 0; }

.page__img img + .x-btn {
  margin-top: 15px;
  display: block !important;
  width: 100%;
  text-align: center;
}


























































/* ==========================================================================
  OVERLAP
============================================================================= */
.overlap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.overlap:before,
.overlap:after { display: none !important; }

.overlap .x-column { -ms-flex-negative: 0; flex-shrink: 0; }

.overlap__img {
  margin-bottom: 40px !important;
  position: relative;
  width: 70% !important;
}

.tab .overlap__img {
  margin-bottom: 0 !important;
}

.overlap--left .overlap__img { margin-left: -20% !important; }
.overlap--right .overlap__img { margin-right: -20% !important; }



.overlap__img .flex-control-nav { top: auto !important; bottom: 20px !important; }
.overlap--right .overlap__img .flex-control-nav { right: auto !important; left: 20px !important; }
.overlap--left .overlap__img .flex-control-nav { right: 20px !important; }



.overlap__img svg {
  position: absolute;
  width: 200px;
  top: 40px;
}
.overlap--left .overlap__img svg { left: 0; -webkit-transform: translateX( -75% ) rotate( -60deg ); -ms-transform: translateX( -75% ) rotate( -60deg ); transform: translateX( -75% ) rotate( -60deg ); }
.overlap--right .overlap__img svg { right: 0; -webkit-transform: translateX( 75% ) rotate( 60deg ); -ms-transform: translateX( 75% ) rotate( 60deg ); transform: translateX( 75% ) rotate( 60deg ); }


.overlap__content {
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.35);
  padding: 45px 90px 55px 45px !important;
  background-color: #fff !important;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 50% !important;
  margin-right: 0 !important;
}

.tab .overlap__content { -ms-flex-item-align: start; align-self: flex-start; margin-top: -90px; }

.overlap__content .h-custom-headline + .x-text { margin-top: 30px; }

.overlap__content .x-btn.round {
  position: absolute !important;
  right: 20px;
  bottom: 20px;
}











.flex-viewport { height: 500px; }
.x-slides,
.x-slide { height: 100%; overflow: hidden; }
.x-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}







@media screen and ( max-width: 1024px ) {
  .overlap__img { margin-bottom: 150px !important; }
  .overlap__content { padding: 35px 50px 55px 30px !important; }

  .flex-viewport { height: 450px; }
}
@media screen and ( max-width: 768px ) {
  .overlap--right .overlap__img { margin-right: -40% !important; }
  .overlap--left .overlap__img { margin-left: -40% !important; }
  .overlap__img { margin-bottom: 0 !important; }
  .overlap__content {
    width: 70% !important;
    padding: 30px 50px 40px 30px !important;
    margin-top: 200px !important;
  }

  .flex-viewport { height: 360px; }
}
@media screen and ( max-width: 540px ) {

  .overlap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .overlap__img,
  .overlap__content { width: 100% !important; }

  .overlap--left .overlap__img { margin-left: 0 !important; }

  .overlap__content {
    padding: 0 0 40px 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 25px !important;
    text-align: center !important;
  }

  .overlap--left .overlap__content { margin-top: 0 !important; }

  .overlap__content .x-btn.round { right: 0; bottom: 0; }





  .project .overlap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .project .overlap__img { margin-bottom: 20px !important; }

  .overlap__img svg { display: none !important; }


  .flex-viewport { height: 250px; }
}









































/* ==========================================================================
  TABS
============================================================================= */
.about-inhoud .tab-nav {
  margin-top: 80px;
  margin-bottom: 40px !important;
}
.about-inhoud .tab-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


.about-inhoud .tab-nav li {
  font-size: 20px;
  font-weight: normal;
  margin-left: 10px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.about-inhoud .tab-nav li:before {
  content: "//";
  color: #01547e;
  margin-right: 10px;
}

.about-inhoud .tab-nav li:first-child { margin-left: 0 !important; }
.about-inhoud .tab-nav li:first-child:before { display: none !important; }

.about-inhoud .tab-nav li.active { font-weight: bold; }
.about-inhoud .tab-nav li a { color: #000; text-transform: uppercase; }
.about-inhoud .tab-nav li.active a { color: #01547e; }




/* TAB */
.about-inhoud .tab {
  display: none !important;
  -webkit-transform: translateX( 200px );
  -ms-transform: translateX( 200px );
  transform: translateX( 200px );
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.about-inhoud .tab.left { float: none !important; }
.about-inhoud .tab.left { -webkit-transform: translateX( -200px ); -ms-transform: translateX( -200px ); transform: translateX( -200px ); }

.cs-editor-active .about-inhoud .tab {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transform: translateX( 0 ) !important;
  -ms-transform: translateX( 0 ) !important;
  transform: translateX( 0 ) !important;
  opacity: 1 !important;
}

.about-inhoud .tab.active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.about-inhoud .tab.visible {
  -webkit-transform: translateX( 0 ) !important;
  -ms-transform: translateX( 0 ) !important;
  transform: translateX( 0 ) !important;
  opacity: 1;
}






@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
  .about-inhoud .tab-nav { margin-top: 60px; margin-bottom: 35px !important; }
}
@media screen and ( max-width: 540px ) {
  .about-inhoud .tab-nav { margin-top: 40px; margin-bottom: 25px !important; }
  .about-inhoud .tab-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}




























/* ==========================================================================
  PROJECT ITEM
============================================================================= */
.projecten .pt-cv-content-item { margin-bottom: 0 !important; margin-top: 50px !important; padding-bottom: 0 !important; }
.projecten .pt-cv-content-item:first-of-type { margin-top: 0 !important; }

.project-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0 !important;
}

.project-item__img {
  width: 30% !important;
  position: relative;
  overflow: hidden;
}
.project-item__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.project-item__img.landscape img {
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
}

.project-item__img.portrait img {
  width: 100% !important;
  height: auto !important;
}



.project-item__content { width: 65% !important; }

.project-item__content { padding: 50px 0; }

.project-item__content h4 { margin-bottom: 25px; }
.project-item__content .x-btn { margin-top: 35px; }



@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
  .projecten .pt-cv-content-item { margin-top: 40px !important; }
  .project-item__content { padding: 40px 0; }

}
@media screen and ( max-width: 540px ) {
  .projecten .pt-cv-content-item { margin-top: 30px !important; }
  .project-item { -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .project-item__img,
  .project-item__content { width: 100% !important; }

  .project-item__img { height: 120px; }

  .project-item__img.landscape img,
  .project-item__img.portrait img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }


  .project-item__content { padding: 25px 0 0; text-align: center; }
  .project-item__content h4 { margin-bottom: 15px; }
  .project-item__content .x-btn { margin-top: 20px; }
}



































/* ==========================================================================
  PROJECT IN DE KIJKER
============================================================================= */


.project__img {
  margin-left: -20% !important;
  margin-bottom: 40px !important;
  position: relative;
  width: 70% !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.project__img .flex-control-nav {
  right: 20px !important;
  top: auto !important;
  bottom: 20px !important;
}



.project__img svg {
  position: absolute;
  width: 200px;
  top: 40px;
  left: 0;
  -webkit-transform: translateX( -75% ) rotate(-60deg);
  -ms-transform: translateX( -75% ) rotate(-60deg);
  transform: translateX( -75% ) rotate(-60deg);
}



.project__content {
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.35);
  padding: 45px 90px 55px 45px !important;
  background-color: #fff !important;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 50% !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.project__content h2.h-custom-headline { margin-bottom: 30px; }

.project__content .x-btn.round {
  position: absolute !important;
  right: 20px;
  bottom: 20px;
}


























































/* ==========================================================================
  REFERENTIES
============================================================================= */

.referenties .pt-cv-content-item { margin-top: 60px; padding-bottom: 0 !important; }
.referenties .pt-cv-content-item:first-of-type { margin-top: 0; }

.referentie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0 !important;
}

.referenties .pt-cv-content-item:nth-of-type( even ) .referentie { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.referentie__img {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  background-color: #eeeeee;
  color: #dddddd;
  font-size: 60px;
}

.referenties .pt-cv-content-item:nth-of-type( even ) .referentie__img { margin-left: 50px; }
.referenties .pt-cv-content-item:nth-of-type( odd ) .referentie__img { margin-right: 50px; }

.referentie__img:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.referentie__img img,
.referentie__img i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX( -50% ) translateY( -50% );
  -ms-transform: translateX( -50% ) translateY( -50% );
  transform: translateX( -50% ) translateY( -50% );
}

.referentie__img img { width: 100%; }


.referentie__content {
  margin-bottom: 25px;
  width: calc( 100% - 200px );
}

.referentie__content h4 { margin-bottom: 30px; }
.referentie__content p { margin-top: 20px; }
.referentie__content p:first-child { margin-top: 0; }





@media screen and ( max-width: 1024px ) { .referenties .pt-cv-content-item { margin-top: 50px; } }
@media screen and ( max-width: 768px ) { .referenties .pt-cv-content-item { margin-top: 40px; } }
@media screen and ( max-width: 540px ) {
  .referenties .pt-cv-content-item { margin-top: 30px; }
  .referentie,
  .referenties .pt-cv-content-item:nth-of-type( even ) .referentie { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

  .referenties .pt-cv-content-item:nth-of-type( even ) .referentie__img { margin-left: 0; }
  .referenties .pt-cv-content-item:nth-of-type( odd ) .referentie__img { margin-right: 0; }

  .referentie__img { margin-bottom: 20px; }
  .referentie__content { width: 100% !important; }

  .referentie__content h4 { margin-bottom: 15px; }
}






































































/* ==========================================================================
  ARTISTS
============================================================================= */

.artists .x-column.x-1-3 {
  width: 30% !important;
  max-width: 300px;
  min-width: 280px;
}
.artists .x-column.x-2-3 { width: 65% !important; }


.artists__content .h-custom-headline { margin-bottom: 60px; }
.artists__content .x-text { padding-left: 45px; }
.artists__content .x-btn {
  margin-left: 45px;
  margin-top: 40px;
  z-index: 1;
}

.artists__content .x-btn i { color: #fff; }









.artists__carousel .owl-dots {
  position: absolute;
  top: calc( 100% + 15px );
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.artists__carousel .owl-dot { padding: 0 3px; }
.artists__carousel .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: .3;
  background-color: #015481;
}

.artists__carousel .owl-dot.active span { opacity: 1; }








@media screen and ( max-width: 768px ) {
  .artists .x-column.x-1-3 {
    min-width: auto;
    max-width: none;
    text-align: center;
    margin-bottom: 35px !important;
  }
  .artists .x-column.x-1-3,
  .artists .x-column.x-2-3 { width: 100% !important; }

  .artists__content .h-custom-headline { margin-bottom: 25px; }
  .artists__content .x-text { padding-left: 0; }
  .artists__content .x-btn { margin-left: 0 !important; margin-top: 25px; }
}
@media screen and ( max-width: 540px ) {}








/* ARTIST
------------------------------------------------------------------------------ */
.artist { text-align: center; cursor: pointer; }
a.artist { color: #01547e; }

.artist__img {
  position: relative;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.artist__img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.artist__img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #01547e;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out .1s;
  -o-transition: all .2s ease-in-out .1s;
  transition: all .2s ease-in-out .1s;
  z-index: 10;
}

.artist:hover .artist__img:before {
  opacity: .75;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.artist__img i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 40px;
  -webkit-transform: translateX( -50% ) translateY( -50% ) scale( 10 );
  -ms-transform: translateX( -50% ) translateY( -50% ) scale( 10 );
  transform: translateX( -50% ) translateY( -50% ) scale( 10 );
  opacity: 0;
  z-index: 20;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.artist:hover .artist__img i {
  -webkit-transform: translateX( -50% ) translateY( -50% ) scale( 1 );
  -ms-transform: translateX( -50% ) translateY( -50% ) scale( 1 );
  transform: translateX( -50% ) translateY( -50% ) scale( 1 );
  opacity: 1;
  -webkit-transition: all .2s ease-in-out .1s;
  -o-transition: all .2s ease-in-out .1s;
  transition: all .2s ease-in-out .1s;
}

.artist__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX( -50% ) translateY( -50% );
  -ms-transform: translateX( -50% ) translateY( -50% );
  transform: translateX( -50% ) translateY( -50% );
  max-width: none !important;
}

.artist__img img.landscape {
  width: auto !important;
  height: 100% !important;
}

.artist__img img.portrait {
  width: 100% !important;
  height: auto !important;
}


.artist h5 {
  font-size: 16px;
  font-weight: bold;
  color: #01547e;
  margin-top: 20px;
}


.artist__price {
  font-size: 10px;
  margin-top: 1em;
  display: flex;
  justify-content: center;
}

.artist__price span {
  background-color: #01547e;
  color: #fff;
  padding: .5em 1em;
  border-radius: 2em;
  line-height: 1;
}

.artist__price span + span { margin-left: .5em; }

.artist__price span.price {
  position: relative;
  width: 2em;
  height: 2em;
  display: inline-block;
}

.artist__price span.price:after {
  content: '€';
  position: absolute;
  font-size: 1em;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-60%);
}



.artist__price--1 span.price:nth-child(n+2) { opacity: .3; }
.artist__price--2 span.price:nth-child(n+3) { opacity: .3; }
.artist__price--3 span.price:nth-child(n+4) { opacity: .3; }
.artist__price--4 span.price:nth-child(n+5) { opacity: .3; }
.artist__price--5 span.price:nth-child(n+6) { opacity: .3; }


.artist__terms { font-size: 12px; line-height: 1.6; }

/* .x-section:not(.artists):not(.related) .artist h5 { white-space: nowrap; } */

.artist-list .pt-cv-ifield { overflow: visible !important; }






.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container + .embed-container { margin-top: 30px; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }










.artist-list .x-1-3 { width: 20% !important; }
.artist-list .x-2-3 { width: 70% !important; }


.artist-list .row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.artist-list .artist {
  width: calc( 100% / 5 );
  padding: 0 15px 30px;
}







.artist-list__footer {
  width: 100%;
  margin-top: 30px;
  padding: 0 15px;
  display: flex;
  justify-content: flex-end;
}


.artist-list__footer > * {
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background-color: #0079a4;
  margin: 0 5px;
  border: 2px solid #0079a4;
  transition: all .3s ease-in-out;
}

.artist-list__footer > *:hover { opacity: .7; }

.artist-list__footer > *.current {
  background-color: transparent;
  color: #0079a4;
}


























.filter {
  background-color: #0079a4;
  margin-bottom: 60px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}


.filter__body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}


.filter__col + .filter__col { margin-left: 15px; }


.filter__drop {
  position: relative;
}











.filter__title {
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 35px 0 10px;
  background-color: #fff;
  height: 34px;
  line-height: 34px;
}

.filter__title:after {
  content: "\f107";
  width: 20px;
  height: 32px;
  background-color: #fff;
  position: absolute;
  font-family: FontAwesome;
  top: 0;
  right: 0;
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
}

.filter__title:before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: #f6f6f6;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.open .filter__title:after {
  content: "\f00d";
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}







.filter__count {
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 8px;
  color: #fff;
  background-color: #0079a4;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
  font-weight: bold;
  opacity: 0;
  margin-left: 5px;
  transition: opacity .2s ease-in-out ;
}

.filter__count.vis { opacity: 1; }











.filter ul {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 15px 20px;
  width: 200px;
  opacity: 0;
  transform: translateY(-20px);
  transition: all .2s ease-in-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.filter__drop.open {
  z-index: 9999;
}
.filter__drop.open:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  background-color: #000;
  opacity: .5;
  z-index: -1;
}

.filter .open ul {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

.filter label {
  font-size: 12px;
  display: flex;
}

.filter label input[type=checkbox] {
  margin: 6px 10px 0 0;
}

.filter input[type=text] {
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 12px;
  border: 1px solid #0079a4!important;
  border-radius: 0px;
  background-color: #ffffff;
  color: #5b5b59;
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
  transition: all .3s ease-in-out;
}

.filter input[type=text]:focus {
  border: 1px solid #01547e!important;
  background-color: #eeeeee;
}

.filter--price li + li { margin-top: 5px; }


.filter__btns { margin-bottom: 25px; }



#response { transition: opacity .3s; }
#response.loading { opacity: .4; }




@media screen and ( max-width: 1024px ) {
  .artist-list .artist { width: calc( 100% / 4 ); }
  .filter__title { padding: 0 25px 0 10px; }
}
@media screen and ( max-width: 768px ) {
  .artist-list .artist { width: calc( 100% / 3 ); }

  .filter__body {
    flex-wrap: wrap;
  }

  .filter__col:first-child { width: 100%;  }
  .filter__col:nth-last-child(2) { display: none !important; }
  .filter__col.price { flex-grow: 1; margin-left: 0 !important;}
}
@media screen and ( max-width: 540px ) {
  .artist-list .artist { width: 50%; }

  .filter {
    flex-wrap: wrap;
  }

  .filter__col { width: 100%; margin-left: 0 !important;}
  .filter__col +.filter__col { margin-top: 15px !important; }
  .filter__body { width: 100%; }
  .filter__footer {
    width: 100%;
    text-align: right;
  }
}












.filter__col.price {
  display: flex;
  align-items: center;
  flex-grow: 1;
}


.filter__col.price > div:not(#slider) {
  display: flex;
  align-items: center;
}

.filter__col.price input[type=text] {
  width: 75px;
  text-transform: uppercase;
  border: 0 !important;
  font-size: 14px;
  height: 34px !important;
  line-height: 34px;
  padding: 0 10px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.filter__col.price .currancy {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin-right: 5px;
}







.filter__footer .x-btn {
  border-width: 2px !important;
}

.filter__footer .x-btn:hover {
  border-color: #fff !important;
}








#slider {
  margin-left: 25px;
  margin-right: 25px;
  width: calc( 100% - 200px );
}



#slider.noUi-target {
  box-shadow: none !important;
  border: 2px solid #fff !important;
  background-color: #fff !important;
}

#slider .noUi-connect { background-color: #0079a4; }


@media screen and ( max-width: 768px ) {
  .filter__col.price { margin-top: 15px; }
}

@media screen and ( max-width: 540px ) {

  .filter__col.price {
    flex-wrap: wrap;
    justify-content: center;
  }

  #slider {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    order: 1;
  }

  .filter__col.price > div:not( #slider )  { width: 48%; }
  .filter__col.price > div:not( #slider ):first-child { order: 2; }
  .filter__col.price > div:not( #slider ):last-child { order: 3;margin-left: 4%; }

  .filter__col.price input[type=text] { width: calc( 100% - 13px ); }

}







/* ==========================================================================
  ARTISTS
============================================================================= */


.artist-detail .section__intro { text-align: left !important; }


.artist-list .pt-cv-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.artist-list .pt-cv-filter-bar { width: 20% !important; }
.artist-list .pt-cv-view { width: 75% !important; }









.artist-list .pt-cv-filter-bar {
  margin-bottom: 0 !important;
  margin: 0 !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.artist-list .pt-cv-filter-bar .pt-cv-filter-egroup { width: 100% !important; padding: 0 !important; }

.artist-list .pt-cv-filter-bar .pt-cv-filter-title {
  padding: 0 !important;
  font-size: 21px !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  color: #01547e;
}

.artist-list .pt-cv-filter-group ul {
  margin-bottom: 35px !important;
  max-height: none !important;
}
.artist-list .pt-cv-filter-group li a {
  padding: 2px 0 2px 25px !important;
  background-position: 5px center;
  color: #000000 !important;
  font-size: 12px;
  background-size: 10px;
}

.artist-list .pt-cv-filter-group li a:hover { color: #01547e !important; }

.artist-list .pt-cv-filter-group li a.selected {
  background-position: 5px center;
  background-color: #01547e !important;
  color: #fff !important;
  background-size: 10px;
}










.artist-list .filter-trigger {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 15px;
  border: 1px solid #01547e;
  line-height: 1;
  display: none;
  position: relative;
  font-size: 12px;
}

.artist-list .filter-trigger i { margin-left: 10px; }
.artist-list .filter-trigger .fa-times { display: none; }
.artist-list .filter-trigger .fa-caret-down { display: inline-block; }

.filter-open .artist-list .filter-trigger { background-color: #01547e; color: #fff; z-index: 9999; }
.filter-open .artist-list .filter-trigger .fa-times { display: inline-block; }
.filter-open .artist-list .filter-trigger .fa-caret-down { display: none; }



.filter-open:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: .6;
  z-index: 9998;
}







@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {

}
@media screen and ( max-width: 540px ) {
  .artist-list .filter-trigger { display: inline-block; }

  .artist-list .pt-cv-filter-bar,
  .artist-list .pt-cv-view { width: 100% !important; }

  .artist-list .pt-cv-view { margin-top: 25px !important; }

  .artist-list .pt-cv-filter-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    display: none !important;
  }

  .filter-open .artist-list .pt-cv-filter-bar {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    z-index: 9999;
  }


  .artist-list .pt-cv-filter-bar .pt-cv-filter-title { font-size: 16px !important; }

  .artist-list .pt-cv-filter-group ul {
    display: flex;
    flex-wrap: wrap;
  }
  .artist-list .pt-cv-filter-group li a {
    padding: 2px 7px 2px 20px !important;
    border-bottom: 0 !important;
  }



  .related .artist { width: 45% !important; }
  .related .artist:nth-of-type( n+3 ) { margin-top: 30px; }
}

























/* ==========================================================================
  ARTIESTEN
============================================================================= */
.artiesten .pt-cv-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* align-items: flex-start; */
}

/* FILTER */
.artiesten .pt-cv-wrapper .pt-cv-filter-bar {
  margin: 0 !important;
  width: 28% !important;
  border-right: 1px solid #dcdcdc;
  padding-right: 25px !important;
}
.artiesten .pt-cv-filter-egroup { width: 100% !important; padding: 0 !important; }
.artiesten .pt-cv-filter-title {
  font-size: 21px !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
  font-weight: bold !important;
}


.artiesten .pt-cv-filter-group ul { max-height: none !important; }
.artiesten .pt-cv-filter-group li a {
  border-bottom: 0 !important;
  padding: 0 !important;
  padding-left: 35px !important;
  background-position: 10px 50%;
}

.artiesten .pt-cv-filter-group li a.selected {
  background-position: 10px 50%;
  color: #fff;
  background-color: #01547e;
}


.artiesten .pt-cv-wrapper .pt-cv-view { width: 70% !important; }
.arteisten .pt-cv-ifield { text-align: center !important; }











































/* ==========================================================================
  BREADCRUMB
============================================================================= */
.breadcrumb {
  padding: 0 !important;
  background-color: #eeeeee !important;
  margin-bottom: 0 !important;
}

.breadcrumb .x-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumb__inner { margin-left: 20px; font-weight: normal; line-height: 1; font-size: 12px; }
.breadcrumb__inner a { color: #000; }




























































/* ==========================================================================
  kids
============================================================================= */
.kids {  }
.kids .card { width: 30% !important; }














@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
  .kids { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .kids .card { width: 60% !important; margin-top: 30px; }
  .kids .card:first-of-type { margin-top: 0; }
}
@media screen and ( max-width: 540px ) {
  .kids .card { width: 100% !important; margin-top: 20px; }
}












































/* ==========================================================================
  CARDS
============================================================================= */
.cards .flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.cards .x-row { margin-left: -25px !important; margin-right: -25px !important; }
.cards .col {
  width: calc( 100% / 3 ) !important;
  padding: 0 15px;
  margin-top: 30px;

}
.cards .col:nth-child( -n+3 ) { margin-top: 0; }
.card {
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  transform-origin: center center;
  transition: all .3s ease-in-out;
}

.card:hover {
  /* transform: scale( 1.01 ); */
  box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.35);
  transition: all .2s ease-in-out;
}

.card__img {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #eee;
}
.card__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100% !important;
  -webkit-transform: translateX( -50% ) translateY( -50% );
  -ms-transform: translateX( -50% ) translateY( -50% );
  transform: translateX( -50% ) translateY( -50% ) scale(1.05);
  transition: all .3s ease-in-out;
}

.card:hover .card__img img {
  transform: translateX( -50% ) translateY( -50% ) scale(1.01);
  transition: all .4s ease-in-out;
}

.card__content {
  padding: 25px 25px 50px 25px;
  position: relative;
  flex-grow: 1;
}
.card__content h4 {
  font-weight: normal;
  color: #000;
  font-size: 18px;
}
.card__content p { font-size: 14px; }

.card__list {
  margin-top: 1em;
  font-size: 13px;
  line-height: 1.4;
  color: #000;
}

.card__list span {
  font-size: 200%;
  color: #01547e;
  line-height: 16px;
  vertical-align: sub;
}

.card__btn {
  position: absolute !important;
  bottom: 15px;
  right: 15px;
  background-color: #01547e !important;
  transition: all .3s ease-in-out !important;
  border: 0 !important;
}

.card:hover .card__btn { background-color: #0079a4 !important; }












@media screen and ( max-width: 768px ) {
  .cards .col { width: 50% !important; margin-top: 35px !important; }
  .cards .col:nth-child( -n+3 ) { margin-top: 35px !important; }
  .cards .col:nth-child( -n+2 ) { margin-top: 0 !important; }
}
@media screen and ( max-width: 540px ) {
  .cards .col { width: 100% !important; margin-top: 25px !important; }
  .cards .col:nth-child( -n+3 ) { margin-top: 25px !important; }
  .cards .col:nth-child( -n+2 ) { margin-top: 25px !important; }
  .cards .col:first-of-type { margin-top: 0 !important; }
}





































/* ==========================================================================
 CTA
============================================================================= */
.cta { padding: 60px 0 !important; }
.cta .x-column { width: auto !important; }

.cta .x-btn + .x-btn { margin-left: 20px; }
.cta .x-btn i { margin-left: 0 !important; }



@media screen and ( max-width: 768px ) {
  .cta { padding: 50px 0 !important; }
  .cta .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cta .x-column + .x-column { margin-top: 35px !important; }
}
@media screen and ( max-width: 540px ) {
  .cta { padding: 40px 0 !important; }
  .cta .x-column { text-align: center; }
  .cta .x-btn + .x-btn { margin-left: 10px; }
}






/* ==========================================================================
  CONTACT
============================================================================= */



.contact__info {
  padding: 30px 40px !important;
  background-color: #eeeeee;
  text-align: left;
  margin-bottom: 30px;
}
.contact__info .h-custom-headline { margin-bottom: 25px; }
.contact__info { color: #3c3c3b; }
.contact__info h4 { margin-bottom: 1em; }
.contact__info span { display: block; }
.contact__info a { color: #3c3c3b; display: block; }

.contact__info a:first-of-type {
  margin-top: 1.25em;
}
.contact__info a:hover { color: #01547e; }

#googlemap { height: 310px; }




.contact .x-container:last-of-type .x-column:last-of-type { text-align: right !important; }
.contact .x-container:last-of-type .x-column:last-of-type .x-btn { margin-top: 15px !important; }





@media screen and ( max-width: 768px ) {
  .contact .st-contact li.gfield { width: 100% !important; }
  .contact__info {
    margin-top: 45px;
  }
}

@media screen and ( max-width: 540px ) {
  #googlemap { margin-top: 35px; }
}


























































/* ==========================================================================
 FOOTER
============================================================================= */

.footer {
  font-size: 12px;
  line-height: 2;
  padding: 30px 0 50px !important;
  color: #fff;
}

.footer .kol:first-of-type { width: 25%; }
.footer .kol:nth-of-type( 2 ) { width: 35%; }

.footer .kol:not(:first-of-type) { margin-top: 15px; }

.footer span,
.footer strong,
.footer a { display: block; }
.footer span strong { display: inline; }
.footer strong,
.footer a i { color: #fff; }



.footer__logo {
  margin-bottom: 15px !important;
  width: 210px;
}

/* UREN */
.uren {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.uren__img { width: 70px; margin-right: 25px; }
.uren__img img { width: 100%; }
.uren__content a { text-decoration: underline; }





.gegevens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gegevens div { width: 45%; }
.gegevens div:nth-last-child( -n+2 ) { margin-top: 35px; }






.footer svg {
  display: block;
  width: 150px;
  margin: 10px 0;
}











@media screen and ( max-width: 768px ) {
  .footer .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer .kol { width: 100% !important; }

  .footer .kol:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
  }

  .footer .kol:last-of-type {
    text-align: center;
    margin-top: 35px;
  }

  .footer svg { margin: 10px auto; }

  .gegevens div {
    width: 24%;
    margin-top: 0 !important;
  }



  .footer__logo {
    margin-bottom: 0 !important;
    width: 250px;
    height: 97px;
  }
}

@media screen and ( max-width: 540px ) {
  .footer .kol:first-of-type { display: block; text-align: center; margin-bottom: 25px; }
  .footer .kol:first-of-type .uren { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

  .gegevens div { width: 42%; }
  .gegevens div:nth-child( 2 ),
  .gegevens div:nth-child( 4 ) { width: 55%; }
  .gegevens div:nth-last-child( -n+2 ) { margin-top: 15px !important; }

  .gegevens div:last-child span { white-space: nowrap; }

  .footer .kol:not(:first-of-type) { margin-top: 0 !important; }

  .footer .kol:last-of-type { margin-top: 25px !important; }
}





























.popup .inner {
  max-width: 650px;
  background-color: #fff;
}


.gform_wrapper form { float: none; }

.gform_wrapper .gform_fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form__title { width: 100% !important; }
.form__title small { font-size: 12px; line-height: 1; }
.gfield + .form__title { margin-top: 35px !important; }
.gfield { margin-right: 0 !important; }
.g-1-3 { width: 32% !important; }
.g-2-3 { width: 65% !important; }
.g-1-2 { width: 49% !important; }
.g-1-1 { width: 100% !important; }

.gfield_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
}

.gfield_radio li { margin-left: 30px; }
.gfield_radio li:first-of-type { margin-left: 0; }

.gfield_radio label { margin-left: 5px; }

.gfield_checkbox label,
.gdpr-request input[type="checkbox"] + label { font-size: 12px; }
.gdpr-request input[type="checkbox"] + label { max-width: 650px; display: inline-block; }

.gdpr-request input[type="checkbox"] { vertical-align: top; margin-top: 6px; }

input[type="email"] { max-width: none !important; }
.gdpr-request input[type="email"] { max-width: 400px !important; }
.gdpr-request input[type="submit"] { -webkit-appearance: none;-moz-appearance: none;appearance: none; }

input[name="checkbox_gdpr"] { background-color: transparent !important; }

.box .gfield_radio {
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}

.box .gfield_radio li {
  flex-grow: 1;
  margin-left: 10px !important;
  position: relative;
}

.box .gfield_radio li:first-child { margin-left: 0 !important; }

.box .gfield_radio input { display: none; }
.box .gfield_radio label {
  display: inline-block;
  height: 50px;
  border-radius: 0px;
  background-color: #ffffff;
  color: #5b5b59;
  padding: 15px 20px!important;
  font-size: 14px!important;
  line-height: 20px;
  width: 100%;
  margin-left: 0;
  border: 1px solid #0079a4!important;
}

.box .gfield_radio input:checked + label {
  background-color: #01547e;
  border-color: #01547e;
  color: #fff;
}


.popup .inner .sluiten { background-color: #01547e; }
.popup .inner .sluiten:hover { background-color: #0079a4; }
.popup .inner .sluiten:before,
.popup .inner .sluiten:after { background-color: #fff; }

.popup .inner h3 { margin-bottom: 10px; font-size: 26px; }

.gform_footer { margin-top: 35px !important; }





.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error input[type="text"],
.gform_wrapper .gfield_error input[type="email"],
.gform_wrapper .gfield_error input[type="url"],
.gform_wrapper .gfield_error input[type="tel"],
.gform_wrapper .gfield_error input[type="number"],
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea { border: 1px solid #f13542 !important; }

.gform_wrapper .gfield_error .gfield_checkbox { color: #f13542; }


.ginput_container { position: relative; }
.ginput_container span.gf-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
}






.hint--right:after,
.hint--right:before {
  left: auto !important;
  right: 100%;
  bottom: auto !important;
  top: 100%;
}

.hint--right:before { display: none !important; opacity: 0 !important; }

.hint--right:after {
   width: 300px;
   font-size: 12px !important;
   line-height: 1.2 !important;
   white-space: normal !important;
}




.gform_wrapper li.gfield.gform_hidden { margin-bottom: 0 !important; }


@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 540px ) {
  .g-1-3,
  .g-2-3,
  .g-1-2,
  .g-1-1 { width: 100% !important; }
}


































.voorwaarden h1 { margin-bottom: 15px; }
.voorwaarden h3 { margin-top: 30px; }
.voorwaarden p { margin-bottom: 15px; }
.voorwaarden p:last-child { margin-bottom: 0; }
.voorwaarden strong { display: block; margin-bottom: 15px; margin-top: 25px; }

.copyrights a { color: #fff !important; }








































.x-accordion {
  max-width: 850px;
  margin: 0 auto !important;
}

.x-accordion-group {
  box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.25) !important;
  border: 0 !important;
}

.x-accordion-toggle {
  font-weight: bold !important;
  color: #01547e;
  font-size: 16px !important;
}

.x-accordion-toggle:hover {
  color: #fff;
  background-color: #01547e;
}

.x-accordion-toggle:hover:before { color: #fff !important; }

#cs-content .x-accordion-inner { padding: 20px 25px !important }
#cs-content .x-accordion-inner p + p { padding-top: 20px; }




@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 540px ) { #cs-content .x-accordion-inner { font-size: 14px; } }














































.transport .tab {
  display: none;
  padding: 40px 40px 50px !important;
  border: 1px solid #dcdcdc;
  border-top: 0;
  max-width: 800px !important;
}
.transport .tab.active { display: block; }


.transport .tab-nav {
  display: flex;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.transport .tab-nav li { flex-grow: 1; }

.transport .tab-nav a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  padding: 20px 0;
  background-color: #f6f6f6;
}

.transport .tab-nav .active a { background-color: #fff; }

.transport table {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.transport table tr { border-bottom: 1px solid #eeeeee; }
.transport table tr:last-child { border-bottom: 0; }

.transport table td { padding: 5px; white-space: nowrap; }
.transport table td:last-child div { text-align: right !important; }









@media screen and ( max-width: 540px ) {
  .transport .tab-nav { flex-wrap: wrap; }
  .transport .tab-nav li { width: 50%; }
  .transport .tab-nav a { padding: 10px 0; }
  .transport table { width: 100%; }
  .transport .tab { padding: 30px 20px 30px !important; }
}














.form_succes .popup h3 { display: none; }
.form_succes .gform_confirmation_message { background-color: transparent !important; padding: 0 !important; }
.form_succes .succes-message,
.form_succes .succes-info {
  color: #fff;
  padding: 20px;
}



.form_succes .succes-message { background-color: #8ac759; }
.form_succes .succes-info { background-color: #017aa7; }


.form_succes .succes-message + .succes-info { margin-top: 20px; }

.form_succes .succes-message h4,
.form_succes .succes-message a,
.form_succes .succes-info a { color: #fff; }

.form_succes .succes-message h4 { margin-bottom: 15px; }










































.candidate-form .nicelabel .gfield_label {
  font-weight: 400;
  font-size: 14px;
}



.candidate-form .gfield_html:not(:first-child) { margin-top: 80px; }
.candidate-form .gfield_checkbox {
  display: flex;
  justify-content: flex-start;
}

.candidate-form .gfield_checkbox li + li { margin-left: 30px; }

@media (max-width: 540px) {
  .candidate-form .gfield_checkbox { display: block; }
  .candidate-form .gfield_checkbox li + li { margin-left: 0; margin-top: -10px; }
}









































/* SHAME */
.fancybox-navigation .fancybox-button { -
  webkit-transform: translateY(-50% ) scale(1.5);
  -ms-transform: translateY(-50% ) scale(1.5);
  transform: translateY(-50% ) scale(1.5);
  width: 50px;
  height: 50vh;
}

.fancybox-navigation .fancybox-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX( -50% ) translateY( -50% );
}