@import 'menu.css';
@import 'scrolltotop.css';
@import 'videoheader.css';


@media (min-width: 320px){
		body { padding-top : 70px; }	
		.breedwittevlak { width : 100%; }
		.nav-transp { background : rgba(62, 170, 58, 1.0)!important; }
	}
@media (min-width: 768px) {
		body { padding-top : 0px; }
		.breedwittevlak { width : 90%; }
		.nav-transp { background : rgba(62, 170, 58, 0.4)!important; }
	}
@media (min-width: 992px) {
		body { padding-top : 0px; }
		.breedwittevlak { width : 90%; }
		.nav-transp { background : rgba(62, 170, 58, 0.4)!important; }
	}	
@media (min-width: 1200px) {
		body { padding-top : 0px; }
		.breedwittevlak { width : 90%; }
		.nav-transp { background : rgba(62, 170, 58, 0.4)!important; }
	}


		
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .ekko-lightbox .modal-dialog {
      flex: 100%!important;
      margin-left: 0;
      margin-right: 0;
      overflow: hidden;
      -ms-overflow-style: none;
    }
}

.projecttitel{
	font-family		: 'Montserrat', sans-serif;
	font-size		: 32px;
	color 			: #fff;
	font-weight		: 800;
	letter-spacing	: 0px!important;
	font-kerning	: none;
}
.teamtitel{
	font-family		: 'Montserrat', sans-serif;
	font-size		: 46px!important;
	color 			: #fff;
	font-weight		: 800;
	letter-spacing	: 0px!important;
	font-kerning	: none;
}
.teamtitel:hover{
	background		: #2e1352;
}

h1{
	font-family		: 'Mountains of Christmas', cursive;
	font-size		: 52px;
	color 			: #3fab3b;
	font-weight		: 500;
	letter-spacing	: 0px!important;
	font-kerning	: none;
	padding-bottom	: 20px;
}
h2{
	font-family		: 'Montserrat', sans-serif;
	font-size		: 26px;
	color 			: #151515;
	font-weight		: 500;
	letter-spacing	: 0px!important;
}
h3{
	font-family		: 'Mountains of Christmas', cursive;
	font-size		: 2.5rem;
	color 			: #fff;
	font-weight		: 400;
	letter-spacing	: 0px!important;
	font-kerning	: none;
	text-shadow		: 2px 2px 12px #1a1a1a;
}
h4{
	font-family		: 'Montserrat', sans-serif;
	font-size		: 18px;
	color 			: #151515;
	font-weight		: 800;
	letter-spacing	: 0px!important;
}
h5{
	font-family		: 'Montserrat', sans-serif;
	font-size		: 1.33334rem;
	color 			: #4d4d4d;
	font-weight		: 400;
	letter-spacing	: 0px!important;
}

.afbeeldingzoom:hover{
	-moz-transform		: scale(1.1); 
	-webkit-transform	: scale(1.1);
	-o-transform		: scale(1.1);
	-webkit-transition	: all 0.4s ease;
	-moz-transition		: all 0.4s ease;
	-ms-transition		: all 0.4s ease;
	transition			: all 0.4s ease;	
}

.damion{
	font-family: 'Damion', cursive;
	}
	
.font-nothing{
	font-family: 'Nothing You Could Do', cursive;
	}
	
.link{
	width				: 100%;
}
.link img:hover {
	opacity				: 1;
	filter				: alpha(opacity=100); /* For IE8 and earlier */
	-moz-transform		: scale(1.1); 
	-webkit-transform	: scale(1.1);
	-o-transform		: scale(1.1);
	-webkit-filter		: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter				: grayscale(0%);
}

.link img {
	opacity				: 0.7;
	filter				: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition	: all 0.7s ease;
	-moz-transition		: all 0.7s ease;
	-ms-transition		: all 0.7s ease;
	transition			: all 0.7s ease;
	-webkit-filter		: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter				: grayscale(100%);
}
				
				
				.tekstover{
					opacity 			: 0;
					color 				: #fff!important;
				}
				.tekstover:hover{
					opacity 			: 1;
					transition			: all 0.5s ease;
					-webkit-transition	: all 0.5s ease;
					-moz-transition		: all 0.5s ease;
					-ms-transition		: all 0.5s ease;
					background			: rgba(227, 30, 36, 0.8);
				}

				
				
.overflowhidden{
	overflow 			: hidden;
}
.positionrelative{
	position 			: relative;		
}
.positionabsolute{
	position			: absolute;
}
.usp{
	font-size 				: 24px;
}
.usp a{
	color : #fff;
	text-decoration	:	none;
}
.vertraaghalvesec{
	animation-delay: 0.2s;
}
.vertraag1sec{
	animation-delay: 0.4s;
}
.vertraag2sec{
	animation-delay: 1.3s;
}
.vertraag3sec{
	animation-delay: 1.5s;
}

body{
	font-family				: 'Montserrat', sans-serif;
	font-size 				: 14px;
	line-height				: 24px;
	color					: #151515;
	}

.achtergrondafbeelding{
	background-image		: url(/images/beeldmerkgrootbg.png); 
	background-repeat		: no-repeat;
	background-position		: 200px 200px;
	}


.
.card-text{
	font-size 				: 14px!important;
}
.card-title{
	font-color 				: #000!important;
}
.tekstgroter{
	font-size : 28px;
}
.buttonmotion:hover{
	 transition-timing-function	: ease-out;
	 transition					: 0.2s;
	 padding-left 				: 40px;
}
.buttonmotion{
	 transition-timing-function	: ease-out;
	 transition					: 0.2s;
	 padding-left 				: 0px;
}
.parallax-window {
    min-height 	: 600px;
    background	: transparent;
	width 		: 100%;
}
.parallax-window2 {
    min-height 	: 400px;
    background	: transparent;
	width 		: 100%;
}

a{
	color 			: #72c22a!important;
	text-decoration : underline;
}
a:hover{
	color 			: #84c72c;
	text-decoration : none;
	
}

.bgwit{
	background-color : #fff!important;
}



.textblauw{
	color : #00a7d1;
}
.textdonkerblauw{
	color : #20539e;
}
.textrood{
	color : #d50024;
}
.bgblauw{
	background-color : #00a7d1;
}
.bgdonkerblauw{
	background-color : #20539e;
}
.bgrood{
	background-color : #d50024;
}


.footer a{
	color 			: #fff!important;
	text-decoration : none;
}
.footer a:hover{
	text-decoration : underline;
	color : #fff;
}
.transparant80{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.schaduw{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.zoom{
	zoom: 150%;
}




.kleurverloop {
    background: #b6ce2b; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #b6ce2b , #65750b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b6ce2b, #65750b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b6ce2b, #65750b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b6ce2b , #65750b); /* Standard syntax (must be last) */
}


.icoon{
	margin-top : -24px;
	color : #3a8bc8;
}


a.totop{
	font-size 			: 40px;
	color 				: #143264;
}
a.totop:hover{
	background-color 	: transparent;
}
.textblauw{
	color 			: #0f4278;
}


.nopadding{
	padding : 0px;
}
.nomargin{
	margin : 0px;
}

.afronding{
	border-radius	:	 8px;
}