@import 'menu.css';

	
.achtergrondafbeelding{
	background-image		: url(/images/Townships-South-Africa-bg.jpg); 
	background-repeat		: no-repeat;
	background-position		: left bottom;
	/*
	background-attachment	: fixed;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
	*/
}

.golven{		
	background-image		: url(/images/waves.jpg); 
	background-repeat		: repeat-x;
	height 					: 67px;
	width 					: 100%;
}

.golven2{		
	background-image		: url(/images/waves2.jpg); 
	background-repeat		: repeat-x;
	height 					: 67px;
	width 					: 100%;
}
	
body{
	font-family				: 'Jura', sans-serif;
	font-size 				: 18px;
	font-weight				: normal;
	padding-top 			: 0px;
	
	color					: #000;
}

.parallax-window {
    min-height 	: 800px;
    background	: transparent;
	width 		: 100%;
}
.parallax-window2 {
    min-height 	: 300px;
    background	: transparent;
	width 		: 100%;
}
.content{
	font-family		: 'Abel', sans-serif;
	font-size 		: 20px;
}
a{
	color : #0096c8;
}
a:hover{
	text-decoration : none;
}
footer{
	
}
.carousel-item{
	align-items: flex-start;
}

.transparant50{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.transparant80{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.tekstrood{
	color : #7a0715;
}
.tekstgroen{
	color : #133f22;
}
.bggroen{
	background-color : #1d3a2b;	
}
.bglichtgroen{
	background-color : #1e7246;	
}
.schaduw{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bgwit{
	background-color : #fff;	
}
.bgzilver{
	background-color : #e1e1e1;	
}
.bgzwart{
	background-color : #000;	
}

.schaduw{
	text-shadow: 3px 3px #000;
}
.tekstwit{
	color : #fff;
}

.jumbotron{
	min-height : 600px;
}

.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) */
}

	.link{
			width				: 100%;
		}

		.link img:hover {
			opacity				: 1;
			filter				: alpha(opacity=100); /* For IE8 and earlier */
			-moz-transform		: scale(1.2); 
			-webkit-transform	: scale(1.2);
			-o-transform		: scale(1.2);
			-webkit-filter		: grayscale(0%); /* Safari 6.0 - 9.0 */
			filter				: grayscale(0%);
		}

		.link img {
			opacity				: 1;
			filter				: alpha(opacity=100); /* 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(0%); /* Safari 6.0 - 9.0 */
			filter				: grayscale(0%);
		}
		.overflowhidden{
			overflow 			: hidden;
		}
		.positionrelative{
			position 			: relative;		
		}
		.positionabsolute{
			position			: absolute;
		}


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

.vraag{
	background-color		: #143264;
	color					: #fff;
	text-transform			: uppercase;
	font-size 				: 16px;
	padding 				: 10px;
	padding-left			: 15px;;
	margin-bottom 			: 2px;
}

.niettonen{
	display : none;
}

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

.line-img{
	background-image 		: url("/images/lijn.gif");
	background-repeat		: repeat-x;
	background-attachment	: fixed;
	background-position		: 30% 20%;
}	
	

.calltoaction{
	font-family		: 'Rajdhani', sans-serif;
	font-size		: 46px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #fff;
	margin 			: 0;
	padding-bottom 	: 20px;	
	
}	
h1{
	
	font-family		: 'Great Vibes', cursive;
	font-size		: 112px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #fff;
	}

h2{
	font-family		: 'Rajdhani', sans-serif;
	font-size		: 48px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #000;
	background-color: #fff;
	padding 		: 30px;
	padding-top		: 0px;
	padding-bottom	: 0px;
	width 			: 50%;
	text-align		: center;
	margin-left		: 80px;
	
}

h3{
	font-family		: 'Rajdhani', sans-serif;
	font-size		: 48px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #2f2f2f;
	margin 			: 0;
	padding-bottom 	: 0px;	
	padding-top 	: 12px;	
}

.overlay{
	position 	: absolute;		
	z-index : 100000;
}
.nopadding{
	padding : 0px;
}
.padding30{
	padding : 30px;
}
.padding20{
	padding : 20px;
}
.padding10{
	padding : 10px;
}
.nomargin{
	margin : 0px;
}

.afronding{
	border-radius	:	 8px;
}

.afgerond2{
	border-radius	:	 0px 0px 10px 10px;
}