@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

Keuren:
Lichtblauw: 0498cf
Donkerblauw 04609c
Groen: 94a955
Oranje: e16248
Geel: ebbf4a

*************************************************/
/*********************
GENERAL STYLES
*********************/

body{
	font-family: 'PT Sans', sans-serif;
	background: #04609c;
}

.off-canvas-content{
	background: #fff;
	padding-bottom: 0;
}

.button:hover{
	text-decoration: none;
}

.button.geel{
		background: #ebbf4a;
	border-radius: 3px;
	border-bottom: 3px solid #d9a519;
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

.button.geel:hover{
	background: #e6af1c;
	border-bottom: 1px solid #d9a519;
	   transform: translate(0,2px);
    -webkit-transform: translate(0,2px);
    -o-transform: translate(0,2px); 
    -moz-transform: translate(0,2px);
      margin-bottom: 18px !important;
}

.button.geel i{
	color: #d9a418;
}

.button.groen{
		background: #94a955;
	color: #fff;
	border-radius: 3px;
	border-bottom: 3px solid #80924a;
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);

}

.button.groen:hover{
	background: #8a9e4f;
	border-bottom: 1px solid #80924a;
	   transform: translate(0,2px);
    -webkit-transform: translate(0,2px);
    -o-transform: translate(0,2px); 
    -moz-transform: translate(0,2px);
    margin-bottom: 18px !important;
}


.button.groen i{
	color: #80924a;
	text-shadow: 0  1px 0 #768744;
}

a:focus, a:hover{
	color: #0498cf;
	text-decoration: underline;
	}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/

h1, h2, h3, h4, h5{
	font-family: 'Lato', sans-serif;
	color: #04609c;
	font-weight: 900;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
  
h1{
	font-size: 2.5rem;
}

h2{
	font-size: 1.7rem;
}

h3{
	font-size: 1.5rem
}

h4{
	font-size: 1.3rem;
}

p{
	font-size: 1.1rem;
	color: #505050;
}

li{
	color:#505050;
	font-size: 1.1rem;
}
/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }
  
.top-bar, .top-bar ul{
	background: #fff;
}

@media all and (max-width: 639px){

.header .float-left, .header .float-right{
width: 50%;

}

.header ul{
float: right;
}

}

@media all and (max-width: 1023px){
	
.header a.button, .header ul{
float: right;
}

.header a.button{
margin-top: 14px;
}

}

/*********************
NAVIGATION STYLES
*********************/

.cta-top{
	padding: 0.5rem;
	text-align: center;
	color: #fff;
	background: #0498cf; /* Old browsers */
background: -moz-linear-gradient(left,  #0498cf 0%, #048cbe 33%, #0498cf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0498cf 0%,#048cbe 33%,#0498cf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0498cf 0%,#048cbe 33%,#0498cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0498cf', endColorstr='#0498cf',GradientType=1 ); /* IE6-9 */
}

.cta-top{
color: #04609c;
}

.cta-top a{
color: #fff !important;
}

.sticky-container{
	background: #0498cf; /* Old browsers */
background: -moz-linear-gradient(left,  #0498cf 0%, #048cbe 33%, #0498cf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0498cf 0%,#048cbe 33%,#0498cf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0498cf 0%,#048cbe 33%,#0498cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0498cf', endColorstr='#0498cf',GradientType=1 ); /* IE6-9 */

}

.cta-top p{
	margin-bottom: 0;
	color: #fff;
}

.top-bar{
		-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);


}

.top-bar .title-area {
  z-index: 1; }
  
  
img.logo{
height: 70px;
width: auto;
}
  
.top-bar-right > ul{
	margin-top: .8rem;
}

.menu > li > a:hover{
	color: #04609c;
	text-decoration: none;
}
  
.menu .active > a{
	background: none;
	color: #04609c;
}

.gratis-intake.menu-item a{
	background: #94a955;
	color: #fff;
	border-radius: 3px;
	border-bottom: 3px solid #80924a;
		  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);

}

.gratis-intake.menu-item a:hover{
	background: #8a9e4f;
	border-bottom: 1px solid #80924a;
	color: #fff;
	   transform: translate(0,2px);
    -webkit-transform: translate(0,2px);
    -o-transform: translate(0,2px); 
    -moz-transform: translate(0,2px);
    margin-bottom: 2px !important;
}	

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu{
	left: 0;
	right: auto  ;
}


ul.submenu{
	border-top: none;
	border-left: 0;
	border-right: none;
	border-bottom: 6px solid #04609c;
	  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

ul.submenu li{
	border-bottom: 1px solid #e3e3e3;
}

ul.submenu li:last-child{
	border: none;
}

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
    
    
.off-canvas-wrapper{
	background: #0498cf;
}

#off-canvas ul li{
	background: #0498cf;
	border-bottom: 1px solid #048cbe;
	}
#off-canvas ul ul li{
	background: #fff;;
}

#off-canvas ul ul a{
	color: #fff;
}

#off-canvas ul ul li a{
	color: #0498cf;
}



#off-canvas ul ul .active > a{
	color: #0498cf;
}

#off-canvas a{
	color: #fff;
}


    
/*********************
HOMEPAGE
*********************/

.intro-home{
padding-top: 3rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5a4b0+0,c4b7c0+50,b5a4b0+100 */
background: #b5a4b0; /* Old browsers */
background: -moz-linear-gradient(left, #b5a4b0 0%, #c4b7c0 50%, #b5a4b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b5a4b0 0%,#c4b7c0 50%,#b5a4b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b5a4b0 0%,#c4b7c0 50%,#b5a4b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5a4b0', endColorstr='#b5a4b0',GradientType=1 ); /* IE6-9 */
}    

.intro-home h1{
color: #fff;
margin-top: 10rem;
text-shadow: 0 2px 0 #ad9ba7;
}   

.intro-home p{
	color: #fff;
	font-size: 1.5rem;
}
 
.behandelingen-home{
padding: 4.5rem 0;
background: #f5f5f5;
}

.meer-info.home{
padding: 4.5rem 0;
margin-bottom: 4.5rem;
} 

.quote{
margin-top: 3rem;
text-align: center;
font-style: italic;
}

.quote p{
font-size: 1.3rem;
}

.behandelgebieden-home{
padding-top: 4.5rem;
}

.behandelgebieden-home h2{
text-align: center;
margin-bottom: 2rem;
}

.before-footer-home{
padding-bottom: 4.5rem;
}

.before-footer-home img{
  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

/*********************
TABS HOMEPAGE
*********************/

#behandelgebieden-tabs{
text-align: center;
}

#behandelgebieden-tabs li{
display: inline-block;
}

.tabs-title{
float: none;
}

.tabs, .tabs-content{
 border: none;
}

.tabs .button{
	border-radius: 3px;
	 -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	font-weight: bold;
}


.button.vrouw{
	background: #EA4698 !important;
	border-bottom: 3px solid #B20059;
	text-shadow: 0 1px 0 #B20059;
	margin-right: 2rem;
}

.button.vrouw i{

}

.button.vrouw:hover{
	border-bottom: 1px solid #FF1493;
}

.button.man{
	background:#0498cf !important;
	border-bottom: 3px solid #04609c;
	text-shadow: 0 1px 0 #04609c;
}

.button.man i{

}

.button.man:hover{
	border-bottom: 1px solid #04609c
}

.tabs-panel{
padding: 0;
}

.tabs-content h3{
	margin-top: 9rem;
	}
  
/*********************
DEFAULT PAGE TEMPLATE
*********************/    
    
header.page-header{
background: #048cbe url('../images/footer-bg.png') no-repeat center center;; /* Old browsers */
padding: 1.5rem 0;
margin-bottom: 3rem;
}

.page-header h1{
	color: #fff;
}

footer.page-footer{
margin-bottom: 4.5rem;
}

/*********************
POSTS & CONTENT STYLES
*********************/

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }
    
/*********************
BEHANDELINGEN ARCHIEF
*********************/  
    
header.behandeling-archief{
background-size: cover;
background-repeat: none;
background-position: center center;;
text-align: center;
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	padding: 12rem  0 12rem 0;
}

.intro-behandeling-archief{
	text-align: center;
	padding: 4.5rem 0;
}

.intro-behandeling-archief p{
	font-size: 1.6rem;
}


div.behandeling-archief a{
font-size: 1.1rem;
line-height: 1.7;

}
footer.behandeling-archief{
padding: 3rem 0;
}

    
/*********************
BEHANDELINGEN
*********************/


.page-template-behandelmethode #inner-content .row{
	padding: 4.5rem 0;
}

header.behandelmethode{
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	margin-top: 3rem;
	background: #048cbe url('../images/footer-bg.png') no-repeat center center;; /* Old browsers */
	margin-bottom: 3rem;

}

.behandelmethode .content{
padding: 1rem 1.5rem 0 1.5rem;;
}

header.behandelmethode.row{
padding: 0 !important;
}

header.behandelmethode h1, header.behandelmethode p{
color: #fff !important;
}

.behandelmethode h1{
margin-bottom: 1.5rem;
position: relative;
}

.behandelmethode h1:after{
content: "";
  width:90px;
  height:4px;
  background-color: #04609c;
  position: absolute;
  left: -6px;
  bottom:-12px;
}

header.behandelmethode a{
	color: #fff;
	}

.intro-tekst p{
font-size: 1.5rem;
}

.intro-tekst p:last-child{
font-size: 1.2rem;
}

.row.meer-info-behandeling{
padding-top: 1.5rem !important;
}

.meer-info-behandeling{
text-align: center;
}

.meer-info-behandeling h3{
margin-bottom: 1.5rem;
}

.behandeling-cta img{
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}



.behandeling-uitleg{
background-color: rgba(245,245,245, 0.9) !important;
padding-top: 1.5rem;
}

.behandeling-uitleg-bg{
background: url('../images/behandeling-bg.png') no-repeat 90% 50%;
}

/*********************
BEHANDELINGEN
*********************/

.teamleden .column{
margin-bottom: 3rem;
}

/*********************
DERMATOLOGIE
*********************/

.team-derma img{
	margin-bottom: 1.5rem;
}

.team-derma h4{

font-size: 1.2rem;
margin-bottom: 0rem;
}

/*********************
LANDINGSPAGINA'S
*********************/


.landingspagina .row{
	padding: 3rem 0;
}

.landingspagina .button.geel{
	margin-right: 1.5rem;
}

.landingspagina img{
		-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	margin-bottom: 1.5rem;
}

p.disclaimer{
	font-size: 0.9rem;
}

.meer-info{
	text-align: center;
	background: #f5f5f5;
}

.meer-info h3{
	margin-bottom: 2rem;
}

ul.zekerheden{
	list-style: none;
	margin: 1.5rem 0 1.5rem .5rem;
}

.zekerheden i{
	color: #94a955;
	font-size: 1.3rem;
	text-shadow: 0 1px 0 #80924a;
}

ul.kwaliteit-logo{
list-style: none;
margin-top: 2.2rem;
}

.kwaliteit-logo li{
display: inline;
margin-right: 1.5rem
}

.kwaliteit-logo img{
-moz-box-shadow: none;
box-shadow: none;
}


/*********************
FAQ / ACCORDION
*********************/

.accordion{
	margin: 1.5rem 0 3rem;
		  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

.accordion-title{
	font-size: 1.1rem;
}

.accordion .is-active a{
	color: #fff;
}

.accordion-item a{
	color: #04609c;
}

.accordion-item a:hover, .accordion-item a:focus{
	text-decoration: none;
}

.is-active .accordion-title, .accordion-title:hover, .accordion-title:focus{
	background: #04609c;
	color: #fff;
}

/*********************
VESTIGINGEN
*********************/

.vestiging-archive img{
margin-bottom: 1.5rem;
-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

section.vestiging-archive{
margin-bottom: 3rem;
}

.single-vestiging .wp-post-image{
margin-bottom: 2rem;
}

.panorama{
margin-bottom: 2rem;
-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);

}

/*********************
NIEUWS
*********************/

.blog article{
margin-bottom: 4.5rem;
}

header.nieuws{
background: #048cbe url('../images/footer-bg.png') no-repeat center center;; /* Old browsers */
padding: 1.5rem 0;
margin-bottom: 3rem;
}

header.nieuws h1{
	color: #fff;
}

footer.page-footer{
margin-bottom: 4.5rem;
}

.pagination{
margin-bottom: 3rem;
}

.pagination{
	color: #505050;
}

.pagination .current{
background: #e16248;
}

.pagination a:hover{
background: #ebbf4a;
color: #fff;
text-decoration: none;
}

/*********************
NIEUWS
*********************/

.row.single-blog{
margin-top: 3rem;
}

.single-header img{
margin-bottom: 1.5rem;
-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
}

ul.share{
list-style: none;
margin-left: 0;
}

.share li{
display: inline;
}

.share li.facebook a{
	background: #3b5998;
}

.share li.twitter a{
	background: #00aced;
}

.share li.linkedin a{
	background: #007bb6;
}

.share li.gplus a{
	background: #dd4b39;
}


/*********************
DRAW ATTENTION
*********************/

.qtip-content h2.hotspot-title{
text-align: left !important;
}

.hotspots-interaction{
margin: 0 !important;
}

/*********************
BREADCRUMBS
*********************/

.breadcrumbs{
background: #048cbe url('../images/footer-bg.png') no-repeat center center;; /* Old browsers */
padding:0.75rem 0;
}

.breadcrumbs, .breadcrumbs a{
color: #fff;
}



/*********************
CONTACT PAGINA
*********************/

header.contact{
padding: 12rem 0;
background-position: center center;
background-size: cover;
}

.intro-tekst.contact p:last-child{
font-size: 1.5rem;
}


.page-template-contact main .row{
padding: 4.5rem 0;
}

.intro-tekst{
text-align: center;
}

input.gform_button{
		background: #94a955;
	color: #fff;
	border-radius: 3px;
	border-bottom: 3px solid #80924a;
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);

}

input.gform_button:hover{
	background: #8a9e4f;
	border-bottom: 1px solid #80924a;
	   transform: translate(0,2px);
    -webkit-transform: translate(0,2px);
    -o-transform: translate(0,2px); 
    -moz-transform: translate(0,2px);
    margin-bottom: 2px !important;
}
footer.contact.row{
padding-top: 0;
}

footer.contact h2{
text-align: center;
margin-bottom: 2rem;
}

.vestigingen-contact img{
-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
	margin-bottom: 1rem;
}

/*********************
TWENTYTWENTY BEFORE/AFTER STYLES
*********************/

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; 
  margin-bottom: 2rem;}
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: "Voor"; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: "Na"; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(4, 152, 207, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }


/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }
  


/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }
    
.sidebar{
color: #808080;
}

.sidebar .widget{
margin-bottom: 3rem;
}

.sidebar h4{
position: relative;
margin-bottom: 1.5rem;
}

.sidebar h4:after{
content: "";
  width:90px;
  height:4px;
  background-color: #04609c;
  position: absolute;
  left: -6px;
  bottom:-12px;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
background: #048cbe url('../images/footer-bg.png') no-repeat center center;; /* Old browsers */


}
  
#inner-footer{
	padding: 4.5rem 0 3rem 0;
}

#inner-footer h4{
	font-size: 1.6rem;
	margin-bottom: 1.8rem;
	color: #fff;
	position: relative;
}

#inner-footer h4:after{
content: "";
  width:90px;
  height:4px;
  background-color: #04609c;
  position: absolute;
  left: -6px;
  bottom:-12px;
}


.footer p{
	color: #fff;
}

.footer a{
color: #fff;
}

.footer a:hover{
color: #fff;
text-decoration: underline;
}
  
.fris{
	background: #04609c;
	text-align: center;
	padding: 1rem;

}

.fris a, .fris p{
	color: #fff;
	margin-bottom: 0;
	font-size: 0.8rem;
}

.footer .widget ul{
	margin: 0 0 1.5rem 0;
}

.footer .widget ul li{
	display: block;
}

.footer .widget li a{
	color: #fff;
	padding: 0;
	font-size: 1.1rem;
	line-height: 1.75rem;
}

.footer .widget li a:hover{
	color: #fff;
	text-decoration: underline;
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.gform_body label{
	display: none !important;
}

[type="text"],textarea{
	margin: 0;
}

.gform_wrapper .gform_footer{
	padding: 0 !important;
}

#inner-footer input[type="submit"]{
	background: #ebbf4a !important;
	border-radius: 3px;
	border-bottom: 3px solid #d9a519;
	padding: .85rem 1rem;
	font-size: 1.1rem;
}

#inner-footer input[type="submit"]:hover{
	background: #e6af1c;
	border-bottom: 1px solid #d9a519;
		background: #e6af1c;
	border-bottom: 1px solid #d9a519;
	   transform: translate(0,2px);
    -webkit-transform: translate(0,2px);
    -o-transform: translate(0,2px); 
    -moz-transform: translate(0,2px);
}
}

.gform_body  input, .gform_body textarea{
	border-radius: 3px !important;
	padding: .5rem !important
}

input::-webkit-input-placeholder { color: #91989c; opacity: 1 !important; }
input:-moz-placeholder { color: #91989c !important;}
input::-moz-placeholder {color: #91989c !important;}
input:-ms-input-placeholder {color: #91989c !important;}

textarea::-webkit-input-placeholder { color: #91989c; opacity: 1 !important; }
textarea:-moz-placeholder { color: #91989c !important;}
textarea::-moz-placeholder {color: #91989c !important;}
textarea:-ms-input-placeholder {color: #91989c !important;}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.



******************************************************************/

@media all and (max-width: 1023px){

.top-bar-left img{
	width: 200px;
	height: auto;
}

.top-bar-right ul{
margin-top: 16px;
}
.top-bar-right a{
	font-size: 1rem;
}


}

@media all and (max-width: 639px){

aside{
background: #f5f5f5;
padding-top: 4.5rem;
}

h1{
	font-size: 1.8rem;
}

h2{
	font-size: 1.5rem;
}

h3{
	font-size: 1.3rem
}

h4{
	font-size: 1.2rem;
}


.intro-home h1{
   margin-top: 0rem;
   font-size: 1.5rem
}   

.intro-home p{
	font-size: 1.2rem;
}

.before-footer-home img{
	margin-bottom: 1.5rem;
}


}



/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }