/*** BEDRIJVENCENTRUM HARELBEKE ***/

* { transition: all .2s; }

body {
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-x: hidden;
}

h1, h2, h3 {
	 font-family: "proxima-nova",sans-serif; font-weight:bold; color:#515151;
}

h1 a, h2 a, h3 a { color:#515151;}


strong {
	font-weight: 700;
}
.alt_font {
	font-weight: 600;
	font-style: italic;
}
.alt_font strong {
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Mono Social Icons Font';
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.woff') format('woff'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.symbol, a.symbol:before {
	font-family: 'Mono Social Icons Font';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 28px;
}
a.symbol:before {
	content: attr(title);
	margin-right: 0.3em;
	font-size: 130%;
}

.clear { clear: both; }

div.carousel div.item img { margin: 0 auto; }

/*
#31aae2
*/

/* ################# HEADER ################# */

header#header {
	margin: 30px 0;
}

	header#header a {
		
	}

		header#header a img#logo {
			border: 1px solid #f1f1f1;
			padding: 35px 60px;
		}

header#header h2.alt_font {
	font-size: 24px;
	color: #31aae2;
	padding-left: 42px;
	padding-top: 26px;
}


/* ################# NAV ################# */

nav#nav {
	
}

	nav#nav ul.nav.nav-pills {
		border-bottom: 1px solid #f1f1f1;
		margin-left: -20px;
		padding-left: 22px;
		width: 150%;
		padding-right: 47.5%;
		padding-bottom: 10px;
		padding-top: 15px;
	}

		nav#nav ul.nav.nav-pills li {
			
		}

			nav#nav ul.nav.nav-pills li a {
				background: none;
				color: #969595;
				font-weight: 700;
				padding-top: 0;
				text-transform: uppercase;
				font-size: 13px;
			}
			nav#nav ul.nav.nav-pills li.active a, 
			nav#nav ul.nav.nav-pills li.active a:focus, 
			nav#nav ul.nav.nav-pills li.active a:hover, 
			nav#nav ul.nav.nav-pills li a:focus, 
			nav#nav ul.nav.nav-pills li a:hover {
				color: #31aae2;
			}

			nav#nav ul.nav.nav-pills li ul.dropdown-menu {
				
			}

				nav#nav ul.nav.nav-pills li ul.dropdown-menu li {
					
				}

					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {
						
					}
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {
						
					}

			nav#nav ul.nav.nav-pills li form[role="search"] {
				margin-top: -7px;
			}

				nav#nav ul.nav.nav-pills li form[role="search"] i#search-icon {
					background: #31aae2;
					color: #fff;
					border-radius: 50%;
					padding: 8px 8px 8px 9px;
				}
				nav#nav ul.nav.nav-pills li form[role="search"] i#search-icon:hover {
					opacity: .75;
				}

				nav#nav ul.nav.nav-pills li form[role="search"] div#search-form {
					position: absolute;
					width: 250px;
					right: 0;
					margin-top: 10px;
					z-index: 10;
				}

					nav#nav ul.nav.nav-pills li form[role="search"] div#search-form input[type="search"]#search {
						
					}

					nav#nav ul.nav.nav-pills li form[role="search"] div#search-form div.input-group-addon {
						padding: 0;
					}

						nav#nav ul.nav.nav-pills li form[role="search"] div#search-form div.input-group-addon button[type="submit"] {
							width: 100%;
							height: 100%;
							background: none;
							border: 0;
							padding: 0 14px;
						}


/* ################# SLIDER ################# */

section#slider {
	
}

	section#slider div#contact-bar {
		margin-top: -58px;
		position: relative;
		z-index: 1;
	}

		section#slider div#contact-bar h3 {
			font-size: 18px;
			color: #fff;
			margin-right: 32px;
		}

		section#slider div#contact-bar img {
			border: 2px solid #e5e5e5;
			margin-top: -25px;
		}

		section#slider div#contact-bar a {
			color: #fff;
			font-size: 25px;
			margin-right: 34px;
			margin-top: 10px;
		}
			section#slider div#contact-bar a:hover {
				opacity: .55;
				text-decoration: none;
			}


/* ################# WAAROM-ONS ################# */

section#waarom-ons {
	text-align: center;
	margin-bottom: 70px;
	margin-top: 10px;
}

	section#waarom-ons h2 {
		font-size: 24px;
		margin-top: 30px;
		margin-bottom: 70px;
	}

	section#waarom-ons div.icon_wrapper {
		border: 1px solid #31aae2;
		color: #31aae2;
		display: inline-block;
		font-size: 28px;
		padding: 20px;
		border-radius: 5px;
	}
		section#waarom-ons div.icon_wrapper:hover {
			background: #31aae2;
			color: #fff;
		}

	section#waarom-ons h3 {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 55px;
	}

.btn-default {
	background: #73c8b7;
	border-radius: 0;
	color: #fff;
	padding-left: 22px;
	padding-right: 22px;
}
	.btn-default:hover {
		background-color: #fff !important;
		border-color: #73c8b7 !important;
	}


/* ################# INFO ################# */

section#info {
	background: #f9f9f9;
	padding: 75px 0;
}

	section#info h2 {
		font-size: 24px;
		margin-bottom: 0;
	}

	section#info h3 {
		margin-top: 0;
		color: #31aae2;
		font-size: 18px;
		padding-top: 5px;
		margin-bottom: 30px;
	}

	section#info p {
		font-size: 13px;
		color: #969595;
		line-height: 21px;
		padding-bottom: 20px;
	}

.btn-primary, .btn-primary:hover {
	background: #31aae2;
	border: none;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 8px 20px;
}
	.btn-primary:hover {
		opacity: .65;
	}

	#info-carousel {
		border: 10px solid #fff;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	}
		#info-carousel .carousel-indicators {
			bottom: 7px;
			text-align: right;
			width: calc(100% - 14px);
			left: 0;
			margin: 0;
		}


/* ################# CALL2ACTION ################# */

section#call2action {
	background: #73c8b7;
	color: #fff;
	padding: 30px 0;
}

	section#call2action h3 {
		font-size: 22px;
		margin: 0;
		margin-top: 6px;
		color:#FFF;
	}

	section#call2action a.btn-default {
		background: #fff;
		color: #73c8b7;
		padding: 8px 16px;
		font-weight: 700;
	}
		section#call2action a.btn-default:hover {
			opacity: .65;
		}


/* ################# BEDRIJVEN ################# */

section#bedrijven {
	padding: 90px 0 130px 0;
	text-align: center;
}

	section#bedrijven h2 {
		font-weight: 700;
	}

	section#bedrijven p {
		color: #969595;
	}

	div#controls_wrapper {
		margin: 35px 0 35px 0;
	}

		div#controls_wrapper a {
			background: #f9f9f9;
			padding: 8px 11px;
			color: #ababab;
			font-size: 10px;
			transition: background .2s, color .1s;
		}
			div#controls_wrapper a:hover {
				background: #31aae2;
				color: #fff;
			}

	section#bedrijven div#bedrijven-carousel div.carousel-inner div.item div.col-md-3 div.wrapper {
		border: 1px solid #f1f1f1;
		border-bottom: 2px solid #f1f1f1;
		float: left;
		width: 100%;
	}
		section#bedrijven div#bedrijven-carousel div.carousel-inner div.item div.col-md-3 div.wrapper img {
			max-width: 100%;
		}


/* ################# FOOTER ################# */

footer {
	background: #313131;
	color: #fff;
	padding: 40px 0 20px 0;
}

#bottom_row {
	border-top: 1px solid #3c3c3c;
	padding-top: 20px;
	margin-top: 40px;
	color: #737373;
}

	#bottom_row a {
		color: #737373;
		text-decoration: none !important;
		transition: color .1s;
		font-size: 18px;
	}
		#bottom_row a:hover {
			color: #31aae2;
		}

footer label {
	font-weight: normal;
}

footer input, footer .input-group-addon {
	border-radius: 0 !important;
}

footer .input-group-addon button {
	border: 0;
	background: none;
}

footer .input-group-addon {
	padding: 5px 8px;
	background: #31aae2;
	color: #fff;
	border: 0;
}

.contact-form input{
	margin-bottom:5px;
}

#nieuws {
	background: #f9f9f9;
    padding: 75px 0;
	min-height:450px;
}
#nieuws #controls_wrapper {
	text-align: center;
}
#nieuws div#controls_wrapper a {
    background: #fff;
}

#nieuws div#controls_wrapper a:hover {
	background: #31aae2;
	color: #fff;
}

.fotodienst {
	border: #ccc solid 1px;
    padding: 5px;
    border-radius: 5px;
}

.team .text {padding: 30px 20px 0;overflow: hidden;}
.team .text p.naam {font-size: 16px;font-weight: 700;color: #1d1d1d;margin-top: 0;margin-bottom: 12px;}
.team .text p.naam span {font-weight:400;font-size:14px;color: #7d7d7d !important;}
.team .text div.omschrijving {font-size: 14px !important;color: #7d7d7d !important;}

/* eof */