/** ********************************************** **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	8:23 AM Friday, February 07, 2014

	TABLE CONTENTS
	-------------------------------
		01. Globals
		02. Boxed Layout
		03. Top Nav
		04. Slider
		05. Content
		06. Special Pages (maintenance, coming soon, etc)
		07. Contact
		08. Item Box (team, shop, etc)
		09. Comments
		10. Footer
		11. zoekblok

*************************************************** **/

/** 01. Globals
 **************************************************************** **/
html {
	overflow-x: hidden;
	overflow-y: auto;
}

html, body {
	min-height: 100%;
}

body {
	color: #2E363F;
	background-color: #f1f2f7;
        background-image: url( https://www.spaarcentje.nl/images/backy.jpg );
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 23px;
	margin: 0;
	padding: 0;
}

#wrapper {
	top: 88px;
	z-index: 98; /* under top nav */
	min-height: 57vh; /* keep footer at bottom on empty page */
	position: relative;
	/* background-color: rgba(244, 245, 247, 0.9); */
	/* if background image used */
	overflow: hidden;
}

section.margin-footer {
	margin-bottom: -92px; /* see wrapper padding */
}

/** 02. Boxed Layout
 **************************************************************** **/
body.boxed {
	background-color: #D7D6D6;
}

body.boxed #wrapper {
	background-color: #f4f5f7;
}

body.boxed #wrapper, body.boxed header, /* IE BUG */ body.boxed footer {
	margin: auto;
	max-width: 1170px;
}

/** 03. Top Nav
 **************************************************************** **/
#header_shadow {
	background: url('/assets/images/header_shadow.png') no-repeat top center;
	position: fixed;
	top: 92px;
	left: 0;
	right: 0;
	height: 75px;
	z-index: 99; /* same with header#page-title .container */
}

header#topHead {
	height: 6px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	right: 0; /* do not remove - position:fixed added by javascript */
	background-color: #fff;
	z-index: 102;
	border-bottom: #eee 1px solid;
}

header#topHead a.social {
	margin: 1px 0 0 1px;
}

header#topHead .nav {
	margin-right: 10px;
}

header#topHead .nav a {
	color: #999;
	font-size: 13px;
	padding-right: 10px;
}

header#topNav.topHead {
	top: 40px;
}

header#topNav {
	background: #fff;
	padding: 16px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 101; /* always on top */
	border-bottom: #F4F5F7 1px solid;
	box-shadow: #eee 0 0 8px;
}

header#topNav.hasTopHead {
	top: 40px !important;
}

header#topNav div.nav-main-collapse {
	position: absolute;
	top: 5px;
	right: 40px;
	margin-top: 16px;
	z-index: 300;
}

header#topNav div.nav-main-collapse, header#topNav div.nav-main-collapse.in
	{
	overflow-y: visible;
}

header#topNav div.nav-main-collapse.in {
	overflow-y: visible;
	float: none;
	margin: 0;
}

header#topNav nav ul.nav-main {
	margin: -7px 10px 8px 0;
	z-index: 300;
}

header#topNav nav ul.nav-main i.icon-caret-down {
	background: transparent;
	border-radius: 100%;
	color: #ADB0AD;
	display: inline-block;
	font-size: 12px;
	height: 14px;
	line-height: 15px;
	position: relative;
	text-align: center;
	top: -1px;
	width: 14px;
}

header#topNav nav ul.nav-main>li+li {
	margin-left: -4px;
}

header#topNav nav ul.nav-main .dropdown-submenu {
	position: relative;
}

header#topNav nav ul.nav-main .dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

header#topNav nav ul.nav-main .dropdown-submenu>a:after {
	content: " ";
	display: block;
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #CCC;
	margin-top: 5px;
	margin-right: -10px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left>.dropdown-menu
	{
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

header#topNav nav ul.nav-main ul.dropdown-menu, header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	header#topNav nav ul.nav-main li.active a {
	background-color: transparent;
}

header#topNav nav ul.nav-main ul.dropdown-menu {
	top: auto;
	border: 0;
	border-radius: 6px;
	margin: 0 0 0 0;
	padding: 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
}

header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	margin-left: -6px !important;
	margin-top: -10px !important;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 6px !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 6px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

header#topNav nav ul.nav-main ul.dropdown-menu li:hover>a {
	filter: none;
}

header#topNav nav ul.nav-main ul.dropdown-menu>li>a {
	position: relative;
	font-weight: normal;
	padding: 6px 20px 6px 12px;
}

header#topNav nav ul.nav-main ul.dropdown-menu li:last-child>a {
	border-bottom: 0;
}

header#topNav nav ul.nav-main li a {
	background: none;
	font-style: normal;
	line-height: 20px;
	color: #9C9C9C;
	font-weight: 100;
	position: relative;
	font-size: 1.1em;
}

header#topNav nav ul.nav-pills>li>a, header#topNav nav ul.nav-pills>li>a:hover,
	header#topNav nav ul.nav-pills>li>a:focus, header#topNav nav ul.nav-pills>li.active>a,
	header#topNav nav ul.nav-pills>li.active>a:hover, header#topNav nav ul.nav-pills>li.active>a:focus
	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	background: none;
}

header#topNav nav ul.nav-main li ul a {
	text-transform: none;
	font-weight: bold;
	font-size: 0.9em;
}

header#topNav nav ul.nav-main li.dropdown:hover>a {
	padding-bottom: 11px;
	margin-bottom: -1px;
	position: relative;
}

header#topNav nav ul.nav-main li.dropdown:hover>a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 40%;
	bottom: -3px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

header#topNav nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

header#topNav nav ul.nav-main li.dropdown:hover>ul {
	display: block;
	z-index: 300;
}

header#topNav li.divider {
	border: 0;
	border-bottom: #465260 1px solid;
	border-top: #1B1F23 1px solid;
	padding: 0;
}

header#topNav li a i.fa {
	padding-right: 6px;
}

header#topNav li a em {
	color: #fff;
}

header#topNav a.logo {
	color: #333;
	text-decoration: none;
	font-size: 35px;
	display: inline-block;
	height: 60px;
	line-height: 50px;
	font-weight: 600;
	letter-spacing: -2px;
}

header#topNav button {
	color: #fff;
	display: none;
	background: #2E363F;
	padding: 6px 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

header#topNav button i {
	padding: 0;
	margin: 0;
	font-size: 21px;
}

/*zoekform*/
#zoekshop {
	position: relative;
	margin-top: -18px;
}

.typeahead, .tt-query, .tt-hint {
	width: 256px;
	height: 43px;
	padding: 8px 12px;
	font-size: 17px;
	line-height: 30px;
	border: 2px solid #CCC;
	border-radius: 8px;
	outline: medium none;
}

.typeahead {
	background-color: #FFF;
}

.typeahead:focus {
	border: 2px solid #0097CF;
}

.tt-hint {
	color: #999;
}

.tt-dropdown-menu {
	width: 422px;
	margin-top: 12px;
	padding: 8px 0px;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-dropdown-menu, .gist {
	text-align: left;
}

/** 04. Slider
**************************************************************** **/
#slider * {
	color: #fff;
}

#slider {
	color: #fff;
	background: #E2E6E9;
	border-bottom: #ddd 1px solid;
	box-shadow: #ddd 0 0 5px;
	position: relative;
	margin-top: -10px !important;
	margin-bottom: 60px !important;
}

#slider.full-screen {
	background: #f6f6f6;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -92px !important; /* see #wrapper padding */
}

#slider.nomargin-top {
	margin-top: 0 !important;
}

#slider .fullscreen-img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slider li {
	display: none;
}

.image-caption {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px; /* header height/2 */
	display: inline-block;
	max-width: 900px;
	z-index: 2;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#slider .image-caption .inner {
	display: block;
	padding: 40px 0;
}

#slider .image-caption .inner h1, #slider .image-caption .inner h2,
	#slider .image-caption .inner h3 {
	color: #fff;
	font-size: 33px;
	line-height: 33px;
	margin: 0 0 1px 0;
	display: inline-block;
	padding: 6px;
	text-transform: uppercase;
	-webkit-text-stroke: 0.2px;
}

#slider .image-caption .inner h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.3);
	display: inline-block;
}

#slider .image-caption .inner p {
	padding: 3px 10px;
	margin: 0 0 1px 0;
	display: inline-block;
	background: #fff;
	color: #333;
	-webkit-text-stroke: 0.2px;
}

#slider .image-caption .inner .btn {
	margin-top: 40px;
	font-size: 30px;
	padding-bottom: 15x;
	font-weight: 200;
	-webkit-text-stroke: 0.2px;
}

#slider .image-caption img.img-responsive {
	/* if images used on the slider */
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	z-index: 10 !important;
	left: auto !important;
	top: auto !important;
}

#slider .overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

#slider .overlay.invisible {
	background: rgba(0, 0, 0, 0);
	visibility: visible;
}

/* controlls */
#slider a.next, #slider a.prev {
	top: 50%;
	color: #fff;
	font-size: 62px;
	filter: alpha(opacity = 50);
	opacity: 0.5;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#slider a.next:hover, #slider a.prev:hover {
	color: #fff;
	font-size: 70px;
	filter: alpha(opacity = 100);
	opacity: 1;
}

#slider a.prev {
	left: 10px
}

#slider a.prev:after {
	font-family: FontAwesome;
	content: '\f104';
}

#slider a.next {
	right: 10px
}

#slider a.next:after {
	font-family: FontAwesome;
	content: '\f105';
}
/* half screen height */
#slider.half-screen, #slider.half-screen li {
	height: 600px !important;
	margin: 0;
	padding: 0;
}
/* custom */
#slider.full-screen, #slider.half-screen {
	background: #F0F0F0 url('/assets/images/loading.gif') no-repeat center;
}

#slider .slides-pagination {
	bottom: 60px !important;
}

#slider.video {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#video-volume {
	bottom: 85px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	z-index: 10;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #FFFFFF;
	cursor: pointer;
}

/* slider with no image background */
#slider .noimg-slider h1 {
	font-size: 120px !important;
	line-height: 120px !important;
	background: none !important;
	font-weight: 900 !important;
	display: block !important;
	padding: 0 !important;
}

#slider .noimg-slider p {
	background: none !important;
	padding: 0 !important;
	font-weight: 200;
	display: block !important;
	-webkit-text-stroke: 0.2px;
}

/* bottom button */
.slider-button {
	display: block;
	text-align: center;
	margin-top: -110px;
	margin-bottom: 60px;
	position: relative;
	z-index: 99;
}

.bottom-button {
	border: #F4F5F7 8px solid;
	width: 100px;
	height: 100px;
	line-height: 86px;
	display: inline-block;
	position: relative;
	background: #F4F5F7;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 90px;
	text-decoration: none !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

/* boxed slider */
body.boxed #slider li {
	position: relative;
}

body.boxed #slider .image-caption {
	left: 30%;
}

/** 05. Content
 **************************************************************** **/
/* page title */
header#page-title {
	color: #fff;
	padding: 20px 0;
	background: #ddd;
	position: relative;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header#page-title  h1, header#page-title  h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
}

header#page-title.big {
	padding: 180px 0;
}

header#page-title.big h1 {
	color: #fff;
	font-size: 3em;
	line-height: 44px;
	line-height: 50px;
}

header#page-title .container {
	color: #fff;
	z-index: 99; /* eq #header_shadow */
	position: relative;
}

header#page-title h1 {
	margin: 0;
	padding: 0;
	color: #fff;
}

header#page-title.big .breadcrumb {
	background: rgba(255, 255, 255, 0.8);
	padding: 0 5px;
}
/* header parallax */
header#page-title.parallax {
	margin-top: -100px;
	padding-top: 280px;
}

.no-page-title {
	margin-top: 50px;
}

/* stick element to footer */
.stick-to-footer {
	margin-bottom: -92px; /* see #wrapper padding */
}

/* image inside article */
a.inner.pull-left, img.inner.pull-left {
	margin-right: 25px;
}

a.inner.pull-right, img.inner.pull-right {
	margin-left: 25px;
}

/* 404 */
div.e404 {
	font-size: 1500%;
	line-height: 200px;
	color: #ddd;
}

.top-content-search {
	margin: 30px 0 60px 0;
	width: 100%;
}

/* if no header used */
.top-no-header {
	position: relative;
	padding-top: 80px;
}

.border {
	border: 1px solid;
	padding-top: 9px;
}

.border+.border {
	border-top: 0;
}

/* demo only, optional - can be deleted on production */
.white-grid span {
	background: #fff;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	display: block;
}

.white-row {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.white-roww {
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 10px;
}

.grey-row {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #DDDDDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

aside.col-md-3 {
	padding-left: 34px;
}

.page-header-small {
	border-bottom: 1px solid #EEEEEE;
	margin: 5px 0 5px;
	padding-bottom: 9px;
}

/* General Page Title */
header.page-title h1, h1.page-title {
	font-size: 40px !important;
	line-height: 40px !important;
	text-transform: none !important;
	font-weight: 300 !important;
	margin: 0;
}

h1.page-title, header.page-title {
	margin-bottom: 30px;
}

/* special row -mostly used by one page */
.special-row .divider i.fa, .special-row {
	background-color: #e8eaee;
}

.special-row .divider.white .fa {
	background: #fff;
}

/* revolution slider */
.tp-banner-container {
	overflow: hidden;
	position: relative;
}

.fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.fullwidthbanner-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.fullwidthbanner-container .fullwidthbanner {
	width: 100%;
	position: relative;
}

.tp-caption.roundedimage img {
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
}

.fullscreenbanner-container, .fullwidthbanner-container {
	background: #E2E6E9;
	margin-bottom: 60px !important;
}

.fullscreenbanner-container li, .fullwidthbanner-container li {
	visibility: hidden;
}

.tp-bullets {
	bottom: 10px !important;
}

.tp-caption a.btn, .tp-caption a.btn:hover {
	color: #fff;
	text-decoration: none;
}

.tp-bannershadow {
	width: 100% !important; 
}

/* modal wrapper bugfix */
.modal {
	top: 66px;
	padding-top: 50px;
	background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
	z-index: 1 !important; /* because of #wrapper */
}

/* isotope filter */
li.masonry-item, ul.isotope {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

li.masonry-item.fadeIn, ul.isotope.fadeIn {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* loader */
span.js_loader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.1);
	text-align: center;
	padding-top: 10%;
}

/*
		Custom Arrows
	*/
.tp-bannertimer {
	background: #777 !important;
	background: rgba(0, 0, 0, 0.1) !important;
	height: 5px !important;
}

.tparrows:before {
	font-family: 'revicons';
	color: #fff;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	margin-right: 0;
	margin-top: 9px;
	text-align: center;
	width: 40px;
	font-size: 20px;
}

.tparrows {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5) !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 40px !important;
	height: 40px !important;
}

.tparrows:hover {
	color: #fff;
}

.tp-leftarrow:before {
	content: '\e824';
}

.tp-rightarrow:before {
	content: '\e825';
}

.tparrows.tp-rightarrow:before {
	margin-left: 1px;
}

.tparrows:hover {
	background: rgba(0, 0, 0, 1) !important;
}
/* end custom arrows */

/* box-icon line separator */
.featured-box.left-separator {
	border-left: #e6e6e6 1px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/** 06. Special Pages - maintenance, coming soon, etc
 **************************************************************** **/
.special-page {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 0;
}

.special-page .center-box {
	padding: 20px;
	margin-top: 10%;
	background-color: rgba(255, 255, 255, 0.3);
	border: rgba(255, 255, 255, 0.1) 10px solid;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px inset;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.special-page .center-box h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 60px;
	line-height: 60px;
	margin: 0;
}

.special-page .center-box h1 .subtitle {
	color: #fff;
	font-size: 15px;
	line-height: 26px;
	padding-top: 10px;
	text-transform: none;
	font-weight: 400;
}

.special-page .center-box h2, .special-page .center-box h3 {
	color: #fff;
	font-size: 22px;
}

.special-page .progress-label, .special-page .center-box p {
	color: #fff;
}

.special-page .center-box hr {
	border: 0;
	margin: 40px 0;
	border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
}

@media only screen and (max-width: 479px) {
	.special-page .center-box h1 {
		font-size: 30px;
		line-height: 30px;
	}
	.special-page .center-box h1 .subtitle {
		font-weight: 300;
		padding-top: 20px;
	}
}

/** 07. Contact
 **************************************************************** **/
#gmap {
	width: 100%;
	height: 200px;
	display: block;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	z-index: 1;
}

#gmap_default {
	width: 100%;
	height: 200px;
	display: block;
}

/** 08. Item Box (team, shop, etc)
 **************************************************************** **/
.item-box {
	background: #fff;
	overflow: hidden;
	margin: 16px 0;
	width: 100%;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.item-box.fullwidth {
	max-width: 100%;
}

.item-box figure {
	width: 100%;
	display: block;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.item-box figure img {
	width: 100%;
	height: auto;
}

.item-box-desc {
	padding: 10px 0px;
	overflow: hidden;
}

.item-box-desc p {
	margin-top: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
}

.item-box.fixed-box .item-box-desc p {
	height: 98px;
}

.item-box-desc h4 {
	padding: 0;
	margin: 0;
}

.item-box .item-box-desc small {
	display: block;
}

.item-box.fixed-box .item-box-desc {
	height: 256px;
}

.item-box.fixed-box figure {
	max-height: 263px;
}

.item-box .socials {
	border-top: #eee 1px solid;
	text-align: center;
	display: block;
}

/* hover */
.item-box .item-hover, .item-box .item-hover .overlay {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a
	{
	color: #fff;
}

.item-box .item-hover .inner {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -30px;
	z-index: 100;
}

.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

/** 09. Comments
 **************************************************************** **/
#comments .comment {
	margin: 40px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#comments a.replyBtn {
	float: right;
	font-size: 11px;
	text-transform: uppercase;
}

#comments span.user-avatar {
	background: #eee;
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
}

#comments form .col-md-3, #comments form .col-md-4, #comments form .col-md-6,
	#comments form .col-md-12 {
	padding: 2px;
}

#comments form label {
	padding: 6px 0 0 4px;
}

#commentForm {
	padding: 15px;
}

/** 10. Footer
 **************************************************************** **/
footer {
	color: #87919F;
	font-size: 13px;
	overflow: hidden;
}

footer a, footer a:hover {
	color: #fff;
}

footer ul, footer ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer-bar {
	background: #292f38;
	display: block;
	text-transform: uppercase;
	position: relative;
}

footer .footer-bar .fa {
	margin-left: 10px;
}

footer .footer-bar .copyright {
	display: inline-block;
	padding: 20px 0;
}

footer .footer-bar .toTop {
	position: absolute;
	right: 0;
	padding: 20px 0;
	padding-left: 70px;
	width: 50%;
	display: inline-block;
	float: right;
	text-align: center;
	border-left: #403E44 1px dashed;
}

footer .footer-bar .toTop:hover {
	text-decoration: none;
}

/* footer columns */
footer .footer-content {
	background: #2E363F;
	border-top: #403E44 1px dashed;
	padding: 30px 0;
	display: block;
}

footer .footer-content h3 {
	color: #fff !important;
	font-weight: 200;
	font-size: 16px;
}

footer .column {
	display: block;
	height: 100%;
}

/* footer logo */
footer .column.logo {
	position: rtelative;
	background: #292f38;
	display: block;
	margin-top: -30px;
	margin-bottom: -30px;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

footer .column.logo h4 {
	color: #fff;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

/* footer latest posts */
footer .post-item, footer .post-item p, footer .post-item small {
	padding: 0;
	margin: 0;
	display: block;
}

footer .post-item {
	border-top: #403E44 1px dashed;
	padding-top: 10px;
	margin-top: 10px;
}

footer .post-item:first-child {
	border-top: 0;
}

footer .post-item small {
	font-size: 11px;
}

footer .post-item h3 {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: none;
}

footer .view-more {
	display: block;
	margin-top: 20px;
	font-size: 13px;
}

/* footer contact */
footer address .footer-sprite {
	margin-bottom: 15px;
	padding: 5px 0 0 30px;
	background: url('/assets/images/footer_sprite.png') no-repeat 0 0;
}

footer address .footer-sprite:last-child {
	margin-bottom: 0;
}

footer p {
	line-height: 18px;
}

footer p.contact-desc {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: #403E44 1px dashed;
}

footer address .footer-sprite.address {
	background-position: 0 0;
}

footer address .footer-sprite.disclaimer {
	background-position: 0 -66px;
	line-height: 30px;
}

footer address .footer-sprite.phone {
	background-position: 0 -138px;
	line-height: 30px;
}

footer address .footer-sprite.email {
	background-position: 0 -247px;
}

/** diverse **/
.bottom5 {
	margin-bottom: 5px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom15 {
	margin-bottom: 15px;
}

.centerBox {
	postion: relative;
	margin-top: 50px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: dotted;
	border-left-width: 1px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-top: 1px solid #DDDDDD;
	line-height: 1.42857;
	padding: 8px;
	vertical-align: top;
}

.pad-10 {
	padding: 10px;
}
/** ZOEKBLOK
 **************************************************************** **/
.Search {
	margin: 0 auto;
	position: relative;
	width: 700px;
	z-index: 22;
}

.Search input {
	border:1px solid #ee5f1e;
	border-radius: 6px 0 0 6px;
	font-size: 14px;
	font-style: italic;
	padding: 15px;
	width: 75%;
}

.Search input.tfbutton {
	background: #ee5f1e none repeat scroll 0 0;
	border-radius: 0 6px 6px 0;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	width: 25%;
}

.Search input.tfbutton:hover {
	background: #e35717 none repeat scroll 0 0;
}

.Bannercontent {
	position: absolute;
	width: 100%;
}

.Bannertext {
	margin: 0 auto;
	padding-top: 155px;
	position: relative;
	width: auto;
	z-index: 22;
}

.Bannertext>p {
	color: #f2f2f2;
	font-size: 38px;
	font-weight: 600;
	margin: 0;
	position: relative;
	text-align: center;
	text-shadow: 2px 2px #000;
	text-transform: uppercase;
	z-index: 22;
}

.Bannertext>p.small {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #f2f2f2;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 25px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 22;
}

.thumbnail>img {
	
}

.col-md-12.banner {
	clear: left;
	padding: 0;
	z-index: 100;
}

@media ( max-width : 767px) {
	.Bannertext {
		display: none;
	}
	.Search {
		margin-top: 30px;
		width: 90%;
	}
	.Thumbnails {
		display: inline-flex;
	}
	.Thumbnails a {
		margin: 0 5px 8px;
		width: 31.4%;
	}
}

@media ( max-width : 400px) {
	.Bannertext {
		display: none;
	}
	.Search {
		margin-top: 10px;
		width: 90%;
	}
	.advertentie {
		display: none;
	}
}

@media ( min-width : 768px) and (max-width: 1060px) {
	.Bannertext {
		display: none;
	}
	.Search {
		margin-top: 40px;
		width: 90%;
	}
	.Thumbnails a {
		width: 30%;
	}

}

@media ( min-width : 1024px) and (max-width: 1550px) {
	.Bannertext {
		padding-top: 60px;
	}
	.Thumbnails a {
		width: 31.4%;
	}
}

/** DEMO ONLY
 **************************************************************** **/
/** feature-icons.html - icon text color - can be removed on production **/
.fa-hover a {
	text-decoration: none;
}

.fa-hover i {
	width: 20px;
	margin-right: 10px;
}

.fa-hover a span {
	color: #666;
}
/** *** **/