@import url("menu.css");
@import url("buttons.css");
@import url("text.css");
@import url("search.css");
@import url("embed.css");

#resetPassword {
	display: none;
	text-align: left;
}

	#resetPassword h2 {
		color: #000;
		font-size: 14px;
		line-height: 19px;
		font-style: italic;
	}

#user_logout {
	position: absolute;
	right: 100px;
	top: 20px;
}

	#user_logout img {
		width: 17px;
		height: auto;
		cursor: pointer;
	}

	#user_logout img:hover {
		opacity: 0.5;
	}

#user_info {
	padding: 5px 5px 5px 40px;
	position: absolute;
	top: 20px;
	right: 130px;
	width: auto;
	background-image: url(../img/user_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 22px;
	padding-left: 40px;
	color: #fff;
	font-size: 14px;
	text-align: left;
}

#user-login img {
	margin: 0 auto;
	max-width: 120px;
	margin-bottom: 20px;
}

#user-login {
	position: absolute;
	background: #fff;
	padding: 20px;
	width: 300px;
	margin-left: -170px;
	left: 50%;
	top: 100px;
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

	#user-login label, #user-login input, #user-login button, #user-login select, #user-login textarea {
		font-size: 14px;
		color: #999;
	}

	#user-login input[type='text'], #user-login input[type='password'] {
		width: 90%;
		padding: 5px 5%;
	}
	
	#user-login p {
		margin-top: 10px;
	}

	#user-login a {
		color: #999;
		display: block;
		margin-top: 20px;
	}

	#user-login .inner {
		text-align: center;
	}

	#loginform {
		text-align: left;
		margin-top: 10px;
	}

	fieldset {
		border: 1px solid #f4f4f4;
	}

		p.login-remember {
			margin: 0px;
		}

	#user-login input.button {
		border: 0px;
		padding: 10px 20px;
		text-align: left;
		border-radius: 0px;
		color: #fff;
		background: #1a274a;
	}

#loader {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(00,00,00,0.8);
	z-index: 99999999;
}

html, body {
	margin: 0px !important;
	padding: 0px !important;
	font-family: 'Roboto', sans-serif;
}

	.home #main {
		margin-top: 350px;
	}

	#main {
		margin-top: 250px;
		overflow: hidden;
	}

	#main.fixed {
		margin-top: 250px;
	}

		#header.fixed #logo img {
		max-width: 40px;
		margin-top: -3px;
	}

	.downloads_object h2 {
		margin-bottom: 5px;
	}

	.download_obj {
		overflow: hidden;
		display: block;
		border-bottom: 1px solid #e2e2e2;
		padding: 20px 0px;
	}

		.download_obj img {
			width: 5%;
			height: auto;
			float: left;
			margin-right: 40px;
			opacity: 0.4;
		}

		.text_download {
			float: left;
			width: 90%;
		}

			.text_download p {
				margin: 0px 0px 10px 0px;
			}

			.text_download h4 {
				margin: 0px auto;
				font-size: 20px;
				line-height: 22px;
			}

			.text_download a.btn {
				float: right;
			}
	
	#group_holder {
		overflow: hidden;
	}

	.btnPrevImg, .btnNextImg {
		position: absolute;
		top: 50%;
		margin-top: -25px;
		height: 50px;
		z-index: 99;
		cursor: pointer;
		left: -80px;
	}

	.btnPrevImg {
		 -ms-transform: rotate(180deg); /* IE 9 */
	    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	    transform: rotate(180deg);
	}

		.btnNextImg {
			right: -80px;
			left: auto;
		}

	.groep_obj {
		width: 33%;
		float: left;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.group_img {
		float: left;
		margin-right: 2%;
		width: 20%;
		height: auto;
		opacity: 0.5;
	}

	.group_text {
		float: left;
		width: 78%;
	}

		.groep_obj:hover .groep_obj_inner {
			background: #d9deeb;
		}

		.block .inner.nomargin {
			padding: 0px 20px 20px 40px;
		}

		.block.gray {
			background: #f4f4f4;
		}

		.groepImgHolder {
			position: absolute;
			width: 86%;
			height: auto;
			overflow: hidden;
			text-align: center;
		}

			.groepImgHolder img {
				width: 50%;
				height: auto;
				opacity: 0.2;
				margin: 0 auto;
				margin-top: 20px;
			}

		.groep_obj_inner {
			transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			-o-transition: all 0.4s ease 0s;
			border: 1px solid #e2e2e2;
			margin: 20px 5%;
			height: 220px;
			padding: 20px;
			position: relative;
			overflow: hidden;
			border-radius: 5px;
			background: #fff;
		}

		.groep_obj_inner h3 {
			position: absolute;
			bottom: 0px;
			width: 100%;
			background: #1a274a;
			color: #fff;
			padding: 10px 0px;
			text-align: center;
			left: 0px;
			font-weight: 700;
			bottom: -20px;
		}

	#header {
		top: 0px;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		background: #1a274a;
		z-index: 99999;
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		margin-top: 0px;
		-webkit-box-shadow: -1px 10px 19px -2px rgba(0,0,0,0.14);
			-moz-box-shadow: -1px 10px 19px -2px rgba(0,0,0,0.14);
			box-shadow: -1px 10px 19px -2px rgba(0,0,0,0.14);
		position: fixed;
		background-image: url(../img/pattern.jpg); 
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.content_right {
		float: left;
		width: 80%;
	}

	.menu_left {
		width: 20% !important;
		text-align: left;
		float: left;
		height: 100%;
	}

		.menu_left .canvas {
			display: inline-block;
			width: 100%;
			height: auto;
			position: relative;
		}

		.fancybox-container {
			z-index: 99999999999 !important;
		}

		#header.fixed {
			margin-top: 0px;
			position: fixed;
			top: 0px;
			left: 0px;
			transition: all 0.7s ease 0.4s;
			-moz-transition: all 0.7s ease 0.4s;
			-webkit-transition: all 0.7s ease 0.4s;
			-o-transition: all 0.7s ease 0.4s;
		}


			#header.fixed .inner_header, #header.fixed .home .inner_header {
				padding: 10px 0px;
			}

	.h5p_layout {
		border: 1px solid #e2e2e2;
	    padding: 20px;
	    box-sizing: content-box !important;
	}

	#filters {
		overflow: hidden;
		margin: 0 auto;
		padding: 20px 0px;
		text-align: center;
		width: 100%;
		display: block;
	}

		#filters select {
			-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-image: url(../img/icon_down.png);
    background-position: top 7px right 15px;
    background-size: 18px;
    background-repeat: no-repeat;
    border: 2px solid #1a274a;
    border-radius: 0px;
    padding: 6px 15px;
    text-align: left;
    color: #1a274a;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    width: 222px;
    height: 36px;
}
		}

		#filters_inner {
			max-width: 960px;
			margin: 0 auto;
		}

	.filter_obj {
		float: left;
		padding: 10px 25px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		line-height: 16px;
		cursor: pointer;
		background: #1a274a;
		margin: 10px 20px;
		border: 2px solid #1a274a;
	}

		.filter_obj.selected {
			background: #d9deeb;
			color: #1a274a;
			border: 2px solid #fff;
		}

	.inner_header {
		margin: 0 auto;
		max-width: 90%;
		padding: 100px 20px;
		text-align: center;
		position: relative;
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}

		.home .inner_header {
			padding: 150px 0px;
		}

	#totop {
		position: fixed;
		bottom: 0px;
		right: 5%;
		width: 45px;
		height: 45px;
		z-index: 9999;
		cursor: pointer;
		background: #fff;
		font-size: 35px;
		color: #1a274a;
		-ms-transform: rotate(-90deg); /* IE 9 */
	    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	    transform: rotate(-90deg);
	    text-align: center;
		-webkit-box-shadow: -8px -7px 14px -7px rgba(0,0,0,0.75);
		-moz-box-shadow: -8px -7px 14px -7px rgba(0,0,0,0.75);
		box-shadow: -8px -7px 14px -7px rgba(0,0,0,0.75);
	}


	.images_carousel_holder {
		width: 80%;
		margin: 40px auto;
		max-width: 960px;
		position: relative;
	}


	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		background: #fff;
		padding: 20px;
		text-align: center;
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}

		#logo img {
			max-width: 80px;
			height: auto;
			transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		}

		#logo a {
			text-decoration: none;
		}

		#logo a h2  {
			color: #1a274a;
			text-decoration: none;
			margin: 10px 0px 0px 0px;
			font-weight: 500;
		}

		#search {

		}


			#search input {
				padding: 10px 60px 10px 30px;
				background: #fff;
				border: 1px solid #fff;
				border-radius: 5px;
				font-size: 20px;
				line-height: 20px;
				color: #999;
				background-image: url(../img/icon_loop.svg);
				background-position: top 10px right 15px;
				background-repeat: no-repeat;
				background-size: 24px;
				opacity: 0.5;
				transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
			}

			#search input:hover {
				opacity: 1;
			}

.downloads_object {
	background: #f4f4f4;
	max-width: 883px;
	margin: 0px auto;
	padding: 40px;
	margin-bottom: 40px;
}

.block {
	overflow: hidden;
	text-align: center;
}

	.block .inner {
		max-width: 960px;
		margin: 0 auto;
		text-align: left;
		padding: 40px 20px;
	}

	.fancybox-button--share {
		display: none !important;
	}


	.block.text_block .inner {
		padding: 0px 20px;
	}

	.text_block h1 {
		margin-top: 10px;
	}

#footer {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	overflow: hidden;
	background: #000;
	text-align: center;
	position: relative;
	width: 100%;
	border-top: 5px solid #d9deeb;
}

	#footer .inner {
		margin: 0px auto;
		padding: 30px 20px;
		overflow: hidden;
		max-width: 960px;
	}

	#footer ul {
		list-style-type: none;
		margin: 0px;
	}

		#footer ul li a {
			color: #fff;
			display: block;
			border-bottom: 1px solid #e2e2e2;
			text-decoration: none;
			padding: 10px;
			text-align: left;
		}

	.footer_obj {
		float: left;
		width: 25%;
		text-align: left;
	}

	.footer_obj p, .footer_obj p a, .footer_obj h4 {
		color: #fff;
	}