.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:0; padding-right:0;}
.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
.row{margin-left:0; margin-right:0;}


body .container{
	padding:0;
	width: 100%;
}


@media (max-width: 1024px){
	body .container{
		width: 1000px;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	}
}

@media (min-width: 1600px){
	body .container{
		width: 1600px;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	}
}


/* 

header navigation 

*/
.header-navigation{
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 30px;
  background: #555;
  width: 750px;
}
.admin-bar .header-navigation{
  top:60px;
}

.header-navigation-toggle{display: none;}
.navigation-branding{ color: #fff; font-family: 'ralewaybold';}
.navigation-branding:hover{ color: #fff; font-family: 'ralewaybold'; text-decoration: none;}
.navigation-branding img{display: inline-block; height: 50px;}
.header-navigation .nav{
	display: inline-block;
	margin:0;
	padding:0;
}
.nav ul{
  list-style: none;
  margin:0;
  padding:0;
}
.nav ul li{
	display: inline-block;
	margin:0;
	padding:0;
}
.nav ul li a{
	display: inline-block;
	padding: 15px 10px;
	color: #fff;
	margin:0;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}
.nav ul li.current-menu-item a{
	background: #919191;
}
.nav ul li a:hover{
	 background: #000;
	 text-decoration: none;
}

.person-excerpt-3{
	float: left;
	width: 25%;
	background: #fff;
	cursor: pointer;
	position: relative;
}
.person-excerpt-3:hover{
	background: #F8F8F8;
}


.person-excerpt-3 .person-excerpt-nav{
	font-size: 75%;
}
.person-excerpt-3 .person-excerpt-nav .nav-left{
	float: left;
	width: 55%;
	text-align: left;
}

.person-excerpt-3 .person-excerpt-nav .nav-left a{
		background: #7a7a7a;
}
.person-excerpt-3 .person-excerpt-nav .nav-right{
	float: left;
	width: 45%;
	text-align: right;
}

.person-excerpt-3 .person-excerpt-nav a{
	display: block;
	color: #fff;
	background: #929292;
	text-transform: uppercase;
	padding: 10px 20px;
	letter-spacing: 2px;
}
.person-excerpt-3 .person-excerpt-nav a:hover{
	background: #4B4B4B;
	text-decoration: none;
}

.person-excerpt-3:nth-child(odd){
	background: #FCFCFC;	
}

.person-info{
	padding:20px;
}


.person-excerpt-3:hover .person-image{
	opacity: 1;

}
.person-excerpt-3 .person-image{
	opacity: 0.8;
}

.person-excerpt-3 .person-image img{
	width: 100%;
	height: auto;
	
}

.person-excerpt-3 .person-name{
	font-family: 'ralewaybold';
	color: #555;
	font-size: 110%;
}

.person-excerpt-3 .person-job-title{
	font-size: 90%;
}

.person-excerpt-3 .person-description{
	padding:20px;
	color: #9B9B9B;
}

.person-excerpt-3:hover .person-description{
	color: #333;
}

.person-excerpt-3 ul.social-media{
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 10px 20px;

}

.person-excerpt-3 ul.social-media li a{
	color: #9B9B9B;
	font-size: 20px;
}

.person-excerpt-3:hover ul.social-media li a{
	color: #333;
}


.person-excerpt-3:hover .more-about{color: #333;}
.person-excerpt-3 .more-about{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	margin:10px 20px;
	color: #9B9B9B;
	text-transform: uppercase;
	font-size: 90%;

}



.person-excerpt-2{
	float: left;
	width: 25%;
	padding-bottom:50px;
	background: #fff;
	cursor: pointer;
	position: relative;
}
.person-excerpt-2:hover{
	background: #F8F8F8;
}

.person-excerpt-2:nth-child(even){
	background: #FCFCFC;	
}

.person-info{
	padding:20px;
}

.person-excerpt-2 .person-image{
}

.person-excerpt-2 .person-image img{
	width: 100%;
	height: auto;
}

.person-excerpt-2 .person-name{
	font-family: 'ralewaybold';
	color: #555;
	font-size: 110%;
}

.person-excerpt-2 .person-job-title{
	font-size: 90%;
}

.person-excerpt-2 .person-description{
	padding:20px;
	color: #9B9B9B;
}

.person-excerpt-2:hover .person-description{
	color: #333;
}

.person-excerpt-2 ul.social-media{
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 10px 20px;

}

.person-excerpt-2 ul.social-media li a{
	color: #9B9B9B;
	font-size: 20px;
}

.person-excerpt-2:hover ul.social-media li a{
	color: #333;
}


.person-excerpt-2:hover .more-about{color: #333;}
.person-excerpt-2 .more-about{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	margin:10px 20px;
	color: #9B9B9B;
	text-transform: uppercase;
	font-size: 90%;

}



/* 

	wp-view Experts 

*/

.expert{
	width: 100%;
}

.expert p, .person p{
	margin:0;
}

.expert .photo{
	width: 50%;
	float: left;
}

.expert .social-media{
	margin-top:10px;
}

.expert img{
  width:100%;
  height:auto;
}

.expert-inner{
  padding:0px 20px;  
  float: left; 
  width: 50%;
}

.expert .name{
  font-size: 18px; 
  font-family: 'ralewaybold'; 
}

.sidebar{
	margin-top:60px;
}

.sidebar .expert{
  width:200px;
}


.sidebar .expert .photo{
	width: 100%;
	float: none;
}
.sidebar .expert .expert-inner{
	width: 100%;
	float: none;
}
body .sidebar .expert{
	background: #fff;
	color: #333;
	width: 280px;
}
.sidebar .expert .name{
	font-size: 20px;
	font-family: 'ralewaybold';
}
.sidebar .expert .expert-inner{
	padding:20px 40px;
}

a.see-more, .button{
	position: relative;
	display: inline-block;
	border: 2px solid #333;
	padding:12px 40px;
	font-family: 'ralewaybold', sans-serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: none;
	text-align: center;
	text-shadow: none;
			-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}

a.see-more:hover, .button:hover{
	background: #333;
	color: #fff;
	text-decoration: none;
}

a.see-more-light, .button-light{
	display: inline-block;
	border: 2px solid #fff;
	padding:12px 40px;
	font-family: 'ralewaybold', sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}

a.see-more-light:hover, .button-light:hover{
	background: #fff;
	color: #333;
	text-decoration: none;
}


.button.button-bottom-right{
	position: absolute;
	right:50px;
	bottom:10px;

}

.button.button-block{
}




.button-margin{
	margin:15px 0;
}

.button-small.button-margin{
	margin:7px 0;
}

.button-small{
	padding: 5px 15px;
	font-family: 'ralewaybold', sans-serif;
	font-size: 11px;
	text-align: left;
}

.section{
	position: relative;
}

.section-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-image: url(img/overlay-pattern.png);
}

.section-overlay-light, .section-overlay-white{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-image: url(img/overlay-pattern-white.png);
}

.section-background, .section-background-img{
	color: #fff;
	background: #333;
}

.section-light{
	background: #f8f8f8;
}

.section-light a{color: #333;}
.section-light a:hover{color: #555; text-decoration: none;}

.section-darker{
	color: #fff;
	background: #1F1E1E;	
}

.section-dark{
	color: #fff;
	background: #2E2E2E;	
}

.section-background .button, .section-background-img .button, .section-darker .button, .section-dark .button{
	background: none;
	color: #fff;
	border: 1px solid #fff;

}
.section-background .button:hover, .section-background-img .button:hover, .section-darker .button:hover, .section-dark .button:hover{
	background: #fff;
	color: #333;
}

.section-background a, .section-dark a, .section-darker a{
	color: #fff;
}
.section-background a:hover, .section-dark a:hover, .section-darker a:hover{
	color: #fff;
}

.section-white{
	background: #fff;
	color: #333;
}
.section-white a{
	color: #333;
}
.section-white .button:hover, .section-light .button:hover{
	color: #fff;
}
.section-center{
	text-align: center;
}

.section.section-padding{
	padding:280px 50px 50px 80px;
}

.section.section-padding-small{
	padding:180px 50px 50px 80px;
}

.section-header-large .section-padding{
	padding-top:420px;
}

.section.section-big{
	padding-top:400px;
}

.section-col2-content{
	padding: 30px 30px 0 30px;
}

.section.section-small{
	padding:70px 50px 50px 80px;	
}

.section.section-content{
	padding:50px 100px 50px 100px;
	font-size: 16px;
	line-height: 26px;
}

.sidebar .menu{
	padding:40px 20px 40px 40px;
	margin:70px 0 20px 0;
	background: #fff;
	width: 280px;
}

.section.section-background-img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: 1px 1px 1px #797979;
}
.section.section-background-img.bottom{
	background-position: center bottom;
}

.section.section-background-img.top{
	background-position: center top;
}

.section.section-background-img.background-fixed{
	background-attachment: fixed;	
}



.section h1{


}
.section h2{
	margin-top:0;
	font-family: 'ralewayregular';
	font-size: 38px;
	position: relative;

	/*
		-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
animation: moveDown 0.6s ease-in-out 0.2s backwards;
*/

}
.section h3, .section h3 p{
	font-family: 'ralewaythin';
	font-size: 20px;
	margin-bottom: 30px;
	position: relative;
	/*
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
animation: moveUp 0.6s ease-in-out 0.2s backwards;
*/
}
.section.section-content p{
	margin-bottom:30px;
}
.section.section-content p:first-child{
	font-family: 'ralewaybold';
	display: block;
	margin-bottom:30px;
}

.section.section-content h1{
	font-size: 28px;
	font-family: 'ralewaybold';
}

.section.section-content h2{
	font-size: 24px;
	font-family: 'ralewaybold';
	margin-bottom:10px;
}

.section.section-content h3{
	font-size: 20px;
	font-family: 'ralewayregular';
	margin-bottom:10px;
}

.margin-top{
	margin-top:100px;
}

.related{
	padding-right:40px;
}

.related h2{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom:30px;
	font-family: 'ralewayheavy';
}

.related ul{
	list-style: none;
	margin:0;
	padding:0;
}

.related ul .title{
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'ralewaybold';
}

.related ul a .description{
	display: block;
	font-size: 14px;
	color: #797979;
}

.related ul a{
	display: block;
	padding-bottom:10px;
	font-size: 14px;
	line-height: 20px;
}

.related ul a:hover{
	text-decoration: none;
}

body .secondairy-menu > li > a{
	font-family: 'ralewayheavy';
	text-transform: uppercase;
}

body .secondairy-menu li.current-menu-item{
	text-transform: uppercase;
}
body .secondairy-menu li{
	font-size: 14px;
}


/*

Footer

*/

footer, .footer{
  padding: 10px 0;
  font-size: 12px;
  line-height: 1em;
  text-transform: uppercase;

}
footer h4{
  margin: 0;
  padding:0;
}
.footer-bottom{
  padding-top: 20px;
}
.footer ul.menu{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.footer li{
  display: inline-block;
}
.footer li a{
  display: inline-block;
  padding: 0px 20px;
  color: #B1B1B1;
}

.footer li a:hover{
	color: #333;
}

.big-font{
	font-size: 26px;
	line-height: 36px;
}

.strong-font{
	font-family: 'ralewaybold';
}

.align-right{
	text-align: right;
}

.referenties-2{
	padding:50px 100px 50px 100px;
}

.referentie-2-block{
	position: relative;
	width: 800px;
	background: #fff;
	cursor: pointer;
	margin-bottom:30px;
}

.referentie-2-block:nth-child(even){
	background: #F5F5F5;
}

.referentie-2-block:hover{
	background: #F0F0F0;
}

.referentie-2-block .referentie-info{
	padding: 20px 20px 40px 20px;
	font-size: 16px;
	width: 400px;
	float: left;
}

.referentie-2-block .referentie-info .referentie-name{
	font-size: 22px;
}

.referentie-2-block .referentie-description{
	display: block;
	font-size: 90%;
}

.referentie-2-block .more-about{
	position: absolute;
	bottom: 0;
	right:0;
	padding:20px 25px;
	color: #333;
	text-transform: uppercase;
	font-size: 80%;
}

.referentie-2-image:hover{
	text-decoration: none;

}

.referentie-2-image{
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 200px;
	width: 220px;
	font-size: 20px;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 300ms ease-out;
		   -moz-transition: all 300ms ease-out;
		    -ms-transition: all 300ms ease-out; 
		     -o-transition: all 300ms ease-out;
		        transition: all 300ms ease-out;

}

.referentie-2-block:hover .referentie-2-inner{
	opacity: 0;
}

.referentie-2-inner{
	z-index: 2;
	height: 200px;
	width: 220px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-color: #000;
	opacity: 0.4;
		-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}



.referenties-3{
	padding-top:100px;
	
}

.referentie-3-block{
	position: relative;
	cursor: pointer;
	margin:15px;
	padding:15px;
	min-height: 130px;
}

.referentie-3-block:hover{
	background: #ffffff;
}

.referentie-3-block-left{
	margin-left:0;
}

.referentie-3-block-right{
	margin-right:0;
}

.referentie-3-block-left .referentie-3-image{
	right:15px;
}

.referentie-3-block-right .referentie-3-image{
	left:15px;
}

.referentie-3-block .referentie-info{
	padding:0px 20px 10px 20px;
	font-size: 16px;
	display: block;
}

.referentie-3-block-left .referentie-info{
	padding-right:120px;
	text-align: right;
	
}
.referentie-3-block-right .referentie-info{
	padding-left:120px;
	text-align: left;
	
}

.referentie-3-block .referentie-info .referentie-name{
	font-size: 22px;
}

.referentie-3-block .referentie-description{
	display: block;
	font-size: 90%;
}


.referentie-3-block .more-about{
	color: #333;
	text-transform: uppercase;
	font-size: 80%;
}

.referentie-3-image:hover{
	text-decoration: none;
}


.referentie-3-image{
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	font-size: 20px;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out; 
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;

}

.referentie-3-block:hover .referentie-3-inner{
	opacity: 0;
}

.referentie-3-inner{
	z-index: 2;
	height: 100px;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-color: #000;
	opacity: 0.4;
		-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}




.referenties-4{
	
}

.referentie-4-block{
	position: relative;
	cursor: pointer;
	margin:0px 0;
	padding:30px;
	height: 230px;
}

.referentie-4-block-nth1{
	background: #F0F0F0;
}
.referentie-4-block-nth2{
	background: #E7E7E7;
}

.referentie-4-block-nth3{
	background: #E7E7E7;
}

.referentie-4-block-nth4{
	background: #F0F0F0;
}


.referentie-4-block:hover{
	background: #ffffff;
}

.referentie-4-block .referentie-info{
	padding:0px 20px 10px 130px;
	font-size: 16px;
	display: block;
}


.referentie-4-block .referentie-info .referentie-name{
	font-size: 22px;
}

.referentie-4-block .referentie-description{
	display: block;
	font-size: 90%;
	height: 62px;
	overflow: hidden;
}


.referentie-4-block .more-about{
	color: #333;
	text-transform: uppercase;
	font-size: 80%;
	position: absolute;
	right: 30px;
	bottom: 30px;
	border: 2px solid #333;
	padding:8px 15px;
	font-family: 'ralewaybold', sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: none;
	text-align: center;
	text-shadow: none;
			-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}
.referentie-4-block .more-about:hover{
	text-decoration: none;
}

.referentie-4-block:hover .more-about{
	background: #000;
	color: #fff;
}

.referentie-4-image:hover{
	text-decoration: none;
}


.referentie-4-image{
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	font-size: 20px;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out; 
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;

}

.referentie-4-block:hover .referentie-4-inner{
	opacity: 0;
}

.referentie-4-inner{
	z-index: 2;
	height: 100px;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-color: #000;
	opacity: 0.4;
		-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}



.referenties{
	width: 880px;
	margin: 0 auto;
}

.referentie-wrapper:hover{
	text-decoration: none;

}

.referentie-wrapper{
	margin: 20px;
	background-repeat: no-repeat;
	display: block;
	height: 180px;
	width: 180px;
	float: left;
	font-size: 20px;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 300ms ease-out;
		   -moz-transition: all 300ms ease-out;
		    -ms-transition: all 300ms ease-out; 
		     -o-transition: all 300ms ease-out;
		        transition: all 300ms ease-out;

}

.referentie-wrapper:hover .referentie-inner{
	opacity: 0;
}

.referentie-inner{
	z-index: 2;
	height: 180px;
	width: 180px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-color: #000;
	opacity: 0.8;
		-webkit-transition: all 300ms ease-in;
		   -moz-transition: all 300ms ease-in;
		    -ms-transition: all 300ms ease-in; 
		     -o-transition: all 300ms ease-in;
		        transition: all 300ms ease-in;
}


@-webkit-keyframes moveDown{
	0% { 
		-webkit-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveDown{
	0% { 
		-moz-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveDown{
	0% { 
		-o-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveDown{
	0% { 
		-ms-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveDown{
	0% { 
		transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

@-webkit-keyframes moveUp{
	0% { 
		-webkit-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveUp{
	0% { 
		-moz-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveUp{
	0% { 
		-o-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveUp{
	0% { 
		-ms-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

.social-share .fb_iframe_widget span{
	vertical-align: baseline !important;
}

.social-share .fb-send,
.social-share .IN-widget{
	padding-right:10px;
}
.section.section-social{
		padding:20px 100px 20px 100px;
}