*{
margin:0;
padding:0;
}


img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

		
.splash {
	background: url('../images/background.jpg') center center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 360px;
	z-index: 999;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
a.splash-arrow {
	color: white;
	font-size: 1.2em;
	position: absolute;
	bottom: 125px;
	left: 50%;
	margin-left: -50px;
	padding: 10px;
	width: 120px;
	height: 25px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
	border: 1px solid white;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
	text-decoration:none;
	font-family:'Gill Sans MT';

}
a.splash-arrow:hover {
	text-decoration: none;
	
	transition: all 0.3s ease;
	
	
	
	transform: scale(1.2);
}
.splash-title {
	color: rgb(235, 51, 0);
	font-size: 6em;
	margin-top: 50px;
	text-shadow: 0 2px 10px #000;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	font-family:'Gill Sans MT';
}
.splash-title2 {
	color: white;
	font-size: 4.5em;
	margin-top: 50px;
	text-shadow: 0 2px 10px #000;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
	font-family:'Gill Sans MT';
}
.splash-image{
	-webkit-animation-delay: 1.75s;
	-moz-animation-delay: 1.75s;
	animation-delay: 1.75s;
}
.textopsomming li p{
	
	margin-top:0px;
	
	
}
.emaillinks{
	
	color:rgb(235,51,0);
	text-decoration:none;
}
.emaillinks:hover{
	
	border-bottom:1px solid rgb(235,51,0);
	
	
}
.textopsomming{
	
	margin-left:1.5%;
	color:rgb(235,51,0);
	
	
}
            .fly-in-text {
                list-style: none;
                position: absolute;
                
                
                transform: translateX(-50%) translateY(-50%);
            }
            .fly-in-text li {
                display: inline-block;
                margin-right: 5px;
                font-family:'Gill Sans MT';
                font-weight: 0;
                font-size: 3.6em;
                color:white;
                opacity: 1;
                transition: all 2.5s ease;
					text-shadow: 0 2px 10px #000;
            }
            .fly-in-text li:last-child {
                margin-right: 0;
            }
            .fly-in-text.hidden li {
                opacity: 0;
            }
            .fly-in-text.hidden li:nth-child(1) { transform: translateX(-240px) translateY(100px); }
            .fly-in-text.hidden li:nth-child(2) { transform: translateX(20px) translateY(100px); }
            .fly-in-text.hidden li:nth-child(3) { transform: translateX(-150px) translateY(-80px); }
            .fly-in-text.hidden li:nth-child(4) { transform: translateX(110px) translateY(-260px); }
            .fly-in-text.hidden li:nth-child(5) { transform: translateX(-350px) translateY(190px); }
            .fly-in-text.hidden li:nth-child(6) { transform: translateX(200px) translateY(-250px); }
			.fly-in-text.hidden li:nth-child(7) { transform: translateX(-200px) translateY(-200px); }
            .fly-in-text.hidden li:nth-child(8) { transform: translateX(200px) translateY(100px); }
            .fly-in-text.hidden li:nth-child(9) { transform: translateX(-150px) translateY(-280px); }
            .fly-in-text.hidden li:nth-child(10) { transform: translateX(180px) translateY(-100px); }
            .fly-in-text.hidden li:nth-child(11) { transform: translateX(-300px) translateY(200px); }
            .fly-in-text.hidden li:nth-child(12) { transform: translateX(20px) translateY(-250px); }           
			.fly-in-text.hidden li:nth-child(13) { transform: translateX(-200px) translateY(-75px); }
            .fly-in-text.hidden li:nth-child(14) { transform: translateX(200px) translateY(100px); }
            .fly-in-text.hidden li:nth-child(15) { transform: translateX(-150px) translateY(-180px); }
            .fly-in-text.hidden li:nth-child(16) { transform: translateX(-140px) translateY(-200px); }
            .fly-in-text.hidden li:nth-child(17) { transform: translateX(200px) translateY(-250px); }
            .fly-in-text.hidden li:nth-child(18) { transform: translateX(120px) translateY(-280px); }
			.fly-in-text.hidden li:nth-child(19) { transform: translateX(220px) translateY(280px); }
			.fly-in-text.hidden li:nth-child(20) { transform: translateX(-150px) translateY(-100px); }
			.fly-in-text.hidden li:nth-child(21) { transform: translateX(-100px) translateY(150px); }
.navbar{
height: 90px;
width: 100%;
position: fixed;
z-index: 999;
background: white;
box-shadow: 5px 7px 10px rgba(0,0,0,0.2);

}
#navbar{
	display:none;
	transition: 2s all ease-in;
}
.witruimte{
	
	height:90px;
}
#form-main{
	
	height:70%;
	
}
.navbarlu{
list-style:none;
width:66%;
margin-left:17%;


}
.navbarlu li{
float:left;
font-size:1.2em;
width:20%;
font-family:'Gill Sans MT';
margin-top:40px;
height:47px;

color:black;

text-align:center;
}
p{
font-family:'Gill Sans MT';
font-size:1.1em;
line-height:25px;

}
.tablediv{
	margin-top:2%;
}
.tableone{
	float:left;
	width:33%;
}
.tabletwo{
	
	width:33%;
}
.table33{
	
	width:33%;
}
.tablethree{
	
	width:100%;
}
form {
   max-width: 600px;
   text-align: center;
   margin: 20px auto;
  
  input, textarea {
     border:0; outline:0;
     padding: 1em;
     @include border-radius(8px);
     display: block;
     width: 100%;
     margin-top: 1em;
     font-family: 'Merriweather', sans-serif;
     @include box-shadow(0 1px 1px rgba(black, 0.1));
     resize: none;
    
    &:focus {
       @include box-shadow(0 0px 2px rgba($red, 1)!important);
    }
  }
  
  #input-submit {
     color: white; 
     background: $red;
     cursor: pointer;
    
    &:hover {
       @include box-shadow(0 1px 1px 1px rgba(#aaa, 0.6)); 
    }
  }
  
  textarea {
      height: 126px;
  }
}


.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right { width: 50%; }

.left {
     margin-right: 2%; 
}


@media (max-width: 480px) {
  .half {
     width: 100%; 
     float: none;
     margin-bottom: 0; 
  }
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.navbarlu a{
text-decoration:none;
color:black;
}
.navbarlu li:hover .red a{

color:rgb(235,51,0);
}
.dropdown a:hover  {

color:rgb(235,51,0);
}
.navlogo{
width:150px;
float:left;
margin-left:100px;

}
.ls-l li{
margin-bottom:5px;

}
#layerslider{
	
	visibility:hidden;
}
.scrollspace{
	
	
	
}
.redhover a:hover{
	color:rgb(235,51,0);
}

.dropdown-content {
    
	position:absolute;
	display:none;
	margin-top:27px;
	z-index:900;
	width:13.2%;
	background-color:white;
}

.dropdown a {

margin-bottom:20px;
color:black;
}

.dropdown a:hover {color: rgb(235,51,0)}

.dropdown:hover .dropdown-content {
    display: block;
}


.dropdowndiv{

	padding-top:15px;
	text-align:left;
	padding-left:10px;
	font-size:0.8em;
	
	
}
.dropdownlinks:hover{
	color:rgb(235,51,0);
}
.footer{
text-align:center;
font-family:'Gill Sans MT';
font-size:1.1em;
float:left;
width:100%;

}
.navbarlu li:hover{
color: rgb(235, 51, 0);
}
.navbarlu li:hover{
border-bottom:3px solid rgb(235,51,0);

}
.reddot{
color:rgb(235,51,0);


}
.liblack{
color:black;

}
.footerp{
margin-top:35px;
box-shadow:-5px -5px 10px rgba(0,0,0,0.2);

}
.logolinks{
width:50px;
margin-right:25px;
margin-top:25px;
}

.logolinks:hover{
transform: scale(1.2);

transition: all .2s ease-in;
}
.parallax {
    /* The image used */
    background-image: url('../images/paralaxkv.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallaxstagiair {
    /* The image used */
    background-image: url('../images/parallaxstagiair.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallaxjobstudent {
    /* The image used */
    background-image: url('../images/parallaxstudent.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallaxvrijwilliger {
    /* The image used */
    background-image: url('../images/parallaxvrijwilligers.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

.parallaxsf {
    /* The image used */
    background-image: url('../images/paralaxsf.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallaxdvc {
    /* The image used */
    background-image: url('../images/paralaxdvc.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallax2 {
    /* The image used */
    background-image: url('../images/paralaxwzc.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.parallaxVisie {
    /* The image used */
    background-image: url('../images/organisatie.jpg');

    /* Full height */
    height: 450px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.content{

margin-left: 10%;
margin-right:10%;
width:85%;
}
.witruimte2{
	height:500px;
	
}
.content2{
float:left;
margin-left: 10%;
margin-right:10%;
width:85%;
}
.content h1 {
font-family:'Gill Sans MT';
color:rgb(235, 51, 0);
margin-top:45px;
font-size:1.7em;

}
.content2 h1 {
font-family:'Gill Sans MT';
color:rgb(235, 51, 0);
margin-top:45px;
font-size:1.7em;

}
.content h2{
font-family:'Gill Sans MT';
color:rgb(235,51,0);
margin-top:20px;
font-size:1.3em;

}
.content2 h2{
font-family:'Gill Sans MT';
color:rgb(235,51,0);
margin-top:20px;
font-size:1.3em;

}
.content p {
font-family:'Gill Sans MT';
margin-top:15px;
font-size:1.1em;

}
.content2 p {
font-family:'Gill Sans MT';
margin-top:15px;
font-size:1.1em;

}
.fbsprite{
    background: url('../images/fbsprite.png') no-repeat -240px 0px;
    background-size: 400px;

}
.links{
float:right;

}
.logos{

width:70px;
object-position: 0 0;
margin-top:-22px;
margin-right:-100px;

}
		.logos:hover{
		object-position:0px -75px;
		transition: all .2s ease-in;
		
		}
.aanbodfoto{
width:100%;
margin-top:20px;



}
.folderbutton{

margin-top:55px;
height: 60px;
width: 220px;
background-color: rgb(235,51,00);
font-size:1.1em;
color:white;
font-family:'Gill Sans MT';
border:none;
border-radius: 0px;
  transition: all 0.5s;
  cursor: pointer;
  margin-right:30px;
  
}
#kortverblijf, #assistentie, #dagverzorging,#stagiair,#vrijwilliger,#jobstudent{
	padding-top:5%;
	
}
.vwLogo{
	width:25%;
	margin-left: 37.5%;
}
.folderbutton span{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;

}
.buttonheaders{
	text-decoration:none;
	color:white;
	border:1px solid white;
	position:absolute;
	left:0;
	top:50%;
	width:150px;
	float:left;
	
	
}
.folderbutton:hover{
transform: scale(1.1);

transition: all .1s ease-in;

}
.hamburgler-icon-wrapper {
  position:fixed;
  z-index:1001;
  top: 2.4em;
  left: 90%;
  height: 26px;
  width: 26px;
  cursor: pointer;

  }

.hamburgler-icon, .hamburgler-icon:before, .hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 26px;
  background: black;
  transition: all 0.2s ease;
z-index:1001;


  }
.hamburgler-icon        { top: 0.75em  }
.hamburgler-icon:before { top: -0.55em }
.hamburgler-icon:after  { top: 0.55em  }
.hamburgler-active .hamburgler-icon { background: transparent; transform: rotate(-135deg) }
.hamburgler-active .hamburgler-icon:before, .hamburgler-active .hamburgler-icon:after { top: 0 }
.hamburgler-active .hamburgler-icon:before { transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon, .hamburgler-active .hamburgler-icon:before, .hamburgler-active .hamburgler-icon:after {
  background: white }

.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.9);
  color: white;
  text-align: center ;
  float:left;
  z-index:1000;
  height:100%;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial; }
.hamburgler-menu-list {
  display: block;
  font-family:'Gill Sans MT';
  font-size: 1.2em;
  transition: all 0.4s ease; 
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2) }
  .hamburgler-menu-list li{
  margin-bottom:1em;
  margin-top:1em;
  border: solid 1px #FFF;
  padding: 1em 2em 1em 2em;
  
  
  }
  .hamburgler-menu-list li:hover{
  transform: scale(1.2);

transition: all .2s ease-in;}
.buttoneffect p:hover{

transform:scale(1.1);
transition: all 0.2s ease-in;
}
.hamburgler-menu-list a{
text-decoration:none;
color:white;

}
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1) }
  
.logovb{
width:120px;

}
.lisoclog{
	overflow:hidden;
	height:85px;
	margin-left:7%;
	margin-right:45px;
}
.lisoclog2{
	overflow:hidden;
	height:85px;
	
}
.logodiv{
float:left;
margin-left:5%;
padding-top:4px;
}
.lisoclogo{
width:40px;
float:right;
object-position: 0 30px;

}
.lisoclogo:hover{
		object-position: 0px -54px;
		transition: all .2s ease-in;

}

.sociallogos{
float:right;
width:20%;
max-height:75px


}
.sociallogos ul{
list-style:none;
}
.sociallogos li{
float:right;
}
.staticPicture{
display:none;
float:left;
width:100%;
height:auto;
}
.staticImg{
width:100%;
}
.staticImg{
	display:none;
}
.googlemaps{
width:650px;
margin-top:20px;
float:right;
}
@media screen and (min-width: 1336px) {
    .hamburgler-icon-wrapper{
	
		display:none;
	}
}
@media screen and (min-width: 1100px) {
    .hamburgler-icon-wrapper{
	
		display:none;
	}
}

@media screen and (max-width: 1100px) {
    .navbarul{
	
		display:none;
	}
	.sociallogos{
	float:left;
	margin-left:13%;
	width:35%;
	}
.splash{
display:fixed;
}
.tableone{
	width:100%;
}
.tableone th{
	width:50%;
}
.tableone img{
	width:69%;
}
.tabletwo{
width:100%;
}
.tabletwo th{
	width:50%;
}
.tabletwo img{
	width:69%;
}


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

	.splash{
display:none;
	}

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

.staticPicture{
display:inline;
}
.staticImg{
display:block;
}
.witruimte2{
	height:200px;
}
.vwLogo{
width:35%;
margin-left:32.7%;

}

}



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

	.splash{
	display:none;
}
#navbar{
	display:block;
}



}
@media screen and (max-width:520px)
{
	.witruimte2{
		height:150px;
	}
	.maps{
		display:none;
	}
	.tablethree td{
	min-width:150px;
	
	}
	.g-recaptcha{
		width:100%;
	}
	.vwLogo{
		width:50%;
		margin-left:25%;
}
.parallax {
   
    background-size: cover;
}
.parallaxstagiair {
    
    background-size: cover;
}
.parallaxjobstudent {
  
    background-size: cover;
}
.parallaxvrijwilliger {
  
    background-size: cover;
}

.parallaxsf {

    background-size: cover;
}
.parallaxdvc {
    
    background-size: cover;
}
.parallax2 {

    background-size: cover;
}
.parallaxVisie {
 
    background-size: cover;
}


}
@media screen and (max-width:420px){
	
	.witruimte{
		height:65px;
	}
	.witruimte2{
		height:120px;
	}
	.content2 h1{
		font-size:1.4em;
		
	}
	.content2 p{
		margin-top:11px;
		font-size:1em;
	}
	.lisoclog{
	
	height:45px;
	margin-left:7%;
	margin-right:9%;
}
.lisoclogo{
	width:30px;
	object-position: 0px 15px;
	
}
.lisoclogo:hover{
	object-position 0px -10px;
}
.lisoclog2{
	
	height:45px;
	
}
.hamburgler-icon{
	top:0em;
}


.sociallogos{

margin-left:5%;
}
.logovb{
width:85px;

}
.navbar{
max-height:65px;
z-index:999;

}
.sociallogos{
margin-top:5px;
height:60px;
}
.hamburgler-icon-wrapper{
margin-top:-10px;
}

}
@media screen and (max-width:380px){
	
	.witruimte2{
		height:80px;
		
		
	}
	
	
	
	
}
@media screen and (max-width:320px){

.staticPicture{
display:inline;

}
.witruimte2{
	
}

}