.animation {
	-webkit-transition: all 0.3s ease-in-out;                  
    -moz-transition: all 0.3s ease-in-out;                 
    -o-transition: all 0.3s ease-in-out;   
    -ms-transition: all 0.3s ease-in-out;          
    transition: all 0.3s ease-in-out;
}


body {
	background: #fff;	
}
	body.login {
			
	}

header {
	position: relative;
	width: 100%;
	padding-top: 20px;
}
	header .logo img {
		padding-left: 0;
		padding-bottom: 10px;
	}
	header h1 {
		font-family: "Times new roman";
		text-transform: uppercase;
		font-size: 42px;
	}
	body.login header h1 {
		color: #fff;
	}
		header h1 span {
			color: #00af9f;
		}
body.login header {
	position: relative;
	top: 20px;
	left: 20px;
	width: 190px;
}

#cbp-bislideshow
{
	margin: 0;
	padding:0;
}


/* Menu */
header .navbar {
	padding-top: 82px;
	margin: 0;
}
	header .navbar li {
		margin-left: 60px;
	}
		header .navbar li:first-child {
			margin: 0;
		}
		header .navbar li a {
			font-size: 18px;
			color: #000;
			text-transform: uppercase;
		}
			header .navbar li a span {
				color: #00af9f;
			}
		header .navbar li a:hover,
		header .navbar li.active a {
			box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2);
			background: none;
		}

/* Banner */
header #banner {
	overflow: hidden;
}
	header #banner #banner_text {
		position: absolute;
		width: 100%;
		top: 50px;
	}

/* Submenu */
#content .navbar {
	margin: 0 0 20px 0;
	border-top: 0;
}
	#content .navbar .navbar-nav {
		margin-left: -15px;
	}
	#content .navbar li {
		margin-left: 10px;
	}
		#content .navbar li:first-child {
			margin: 0;
		}
		#content .navbar li a {
			padding: 10px 15px;
			font-size: 16px;
			color: #000;
			text-transform: uppercase;
		}
			#content .navbar li a span {
				color: #00af9f;
			}
		#content .navbar li a:hover,
		#content .navbar li.active a {
			box-shadow: inset 0px -2px 5px rgba(0, 0, 0, 0.2);
			background: none;
		}
	.navbar-default {
		border: none;
		background: none;
	}

/* Productoverzicht */
#content .well {
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
	min-height: 300px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
}
	#content .well .thumb {
		text-align: center;
		max-height: 210px;
		margin: 28px 0;
	}
		#content .well .thumb img {
			display: inline;
			max-height: 100%;
		}
	#content .well .text {
		margin: 9px 0;
	}
		#content .well .text h3 {
			margin: 25px 0;
		}
		#content .well .text p {
			margin-bottom: 25px;
		}
		#content .well .text .control-group {
			margin-bottom: 20px;
		}
			#content .well .control-group .form-control {
				width: 50%;
			}
		#content .well .text .btn {
			color: #fff;
			background-color: rgba(0,0,0,0.7);
			border-color: #000;
		}	
			#content .well .text .btn:hover {
				color: #fff;
				background-color: rgba(50,50,50,0.7);
				border-color: #000;
			}


	#content #products {
		position: relative;
		margin-bottom: 30px;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 568px;
	}
		#content #products .thumb {
			margin: 5px 0;
		}
		#content #products .text {
			margin: 5px 0;
		}
			#content #products .text h3 {
				margin: 5px 0;
			}
			#content #products .text p {
				margin-bottom: 5px;
			}
			#content #products .text .control-group {
				margin-bottom: 5px;
			}
		#content #products .control-group .form-control {
			margin-top: 45px;
			width: 90%;
		}
	#content #request #order {
		position: absolute;
		bottom: 10px;
		right: 10px;		
	}
	#content #request .well {
		min-height: 630px;	
	}


/* Modals */
.modal-sm {
	position: absolute;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
}
	.modal-content {
		background: #fff;
	}	
	.modal-body {
		color: #2f5096;
		padding: 20px 20px;
	}	
	.btn {
		color: #fff;
		background-color: #12657f;
		padding: 15px;
		font-size: 15px;
	}	
		.btn:hover {
			color: #fff;
			background-color: rgba(50,50,50,0.7);
			border-color: #000;
		}	
	.modal-body a {
		color: #c9162b;
	}
	.modal-backdrop {
		background: none;
		opacity: 0;
	}
body.login .modal-sm {
	height: 215px;
	margin-top: -110px;
}	

/* Footer */
body.login footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
}	

/* Media Queries */
@media (max-width: 1199px) {
	header nav.navbar {
		width: 100%;
		padding: 0;
	}
}
@media (max-width: 991px) {
	.col-sm-4 {
		float: left;
		width: 100%;
	}
	.col-sm-6 {
		float: left;
		width: 50%;
	}
	.col-sm-8 {
		float: left;
		width: 100%;
	}
	#content .well {
		text-align: center;
	}
	#content .well .control-group .form-control {
		width: 25%;
		margin: 0 auto;
		text-align: center;
	}
	#products .row {
		margin-bottom: 45px;
		text-align: left;
	}
	#products .row .control-group .form-control {
		margin: 0;
		text-align: left;
	}
	#products .row .thumb.col-sm-3 {
		float: left;
		width: 50%;
	}
	#products .row .controls.col-sm-4 {
		width: 25%;
	}
	#products .row .text.col-sm-5 {
		float: left;
		width: 50%;
	}
}
@media (max-width: 767px) {
	header nav.navbar {
		padding-left: 15px;
		padding-left: 15px;
	}
	header nav.navbar li {
		float: left;
		width: 33%;
		margin-left: 0px;
	}
	header nav.navbar-default {
		width: 100%;
	}
	header nav.navbar-default .navbar-toggle {
		float: left;
		border-color: #00AF9F;
	}
	header nav.navbar-default .navbar-toggle .icon-bar {
		background-color: #00AF9F;
	}
	
	.col-sm-4 {
		float: left;
		width: 100%;
	}
	.col-sm-6 {
		float: left;
		width: 50%;
	}
	#content .well {
		text-align: center;
	}
	#content .well .control-group .form-control {
		width: 25%;
		margin: 0 auto;
		text-align: center;
	}
	#products .row {
		margin-bottom: 45px;
		text-align: left;
	}
	#products .row .control-group .form-control {
		margin: 0;
		text-align: left;
	}
	#products .row .thumb.col-sm-3 {
		float: left;
		width: 50%;
	}
	#products .row .controls.col-sm-4 {
		width: 25%;
	}
	#products .row .text.col-sm-5 {
		float: left;
		width: 50%;
	}
}
@media (max-width: 479px) {
	header nav.navbar li {
		width: 100%;
	}
}