#about {
	padding:50px 0;
	background:#fafafa;
	border-top:1px #555 solid;
	border-bottom:1px #fff solid;
}

#about .mission {
	margin-bottom:25px;
	padding:0 15px;
	font:18px/24px 'Titillium Web', sans-serif;
	font-weight:300;
	text-align:center;
	color:#777;
}

#about .mission .highlight {
	padding:15px 30px;
	background:#f58120;
	color:#fff;
	display:inline-block;
}

#about .mission .title {
	margin-bottom:10px;
	font:14px 'Dosis',sans-serif;
	letter-spacing:5px;
	text-transform:uppercase;
	font-weight:300;
	color:#ccc;
}

#about p {
	margin:5px;
	padding:10px;
	width:calc(100% - 30px);
	max-width:970px;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#services {
	padding:100px 0;
	border-top:1px #eee solid;
	border-bottom:1px #999 solid;
}

#services h2 {
	margin-bottom:20px;
	font:20px 'Dosis',sans-serif;
	letter-spacing:5px;
	text-transform:uppercase;
	font-weight:300;
	color:#ccc;
}

#services ul {
	list-style:none;
}

#services ul li {
	margin:5px;
	padding:10px 15px;
	display:inline-block;
	border:1px #ccc solid;
}

#services .service {
	margin:5px;
	padding:10px;
	width:calc(100% - 30px);
	max-width:300px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#services .service .title {
	margin:15px auto;
	font:16px 'Dosis',sans-serif;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
}

#testimonials {
	padding:50px 0;
	background:#111;
	position:relative;
	overflow:hidden;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}

#testimonials #quote {
	font-size:25px;
	color:#333;
}

#testimonials .testimonial {
	margin:0 auto;
	padding:15px;
	width:calc(100% - 30px);
	max-width:970px;
	font:24px/35px 'Titillium Web', sans-serif;
	font-weight:600;
	color:#fff;
	z-index:25;
}

#testimonials .testimonial .meta {
	margin-top:15px;
	font:16px 'Dosis',sans-serif;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	color:#999;
}

#testimonials #controls {
	z-index:25;
}

#testimonials #controls i {
	margin:2px;
	font-size:20px;
	color:#777;
	display:inline-block;
	transition:all .5s ease;
}

#testimonials #controls i:hover {
	color:#fff;
}

#testimonials #controls i.selected {
	color:#f58120;
}

#contact {
	padding:50px 0;
	border-top:1px #777 solid;
	border-bottom:1px #777 solid;
}

#contact h2 {
	margin-bottom:20px;
	font:20px 'Dosis',sans-serif;
	letter-spacing:5px;
	text-transform:uppercase;
	font-weight:300;
	color:#ccc;
}

#contact .form .notification {
	padding:10px 30px;
	display:inline-block;
	transition:all .5s ease;
}

#contact .form .notification.success {
	color:#fff;
	background:#8cc700;
}

#contact .form .notification.error {
	background:#990000;
	color:#fff;
}

#contact .form form {
	
}

#contact .form form div {
	margin:5px auto;
	width:calc(100% - 10px);
	max-width:480px;
	position:relative;
}

#contact .form form div label {
	font:12px 'Dosis',sans-serif;
	text-transform:uppercase;
	font-weight:300;
	color:#ccc;
	position:absolute;
	top:5px;
	left:5px;
	z-index:200;
}

#contact .form form div input, #contact .form form div textarea {
	padding:25px 10px 10px 10px;
	width:calc(100% - 2px);
	font:14px 'Dosis',sans-serif;
	font-weight:300;
	color:#777;
	border:1px #aaa solid;
	outline:0;
	position:relative;
	z-index:100;
	transition:all .5s ease;
}

#contact .form form div textarea {
	height:150px;
}

#contact .form form div input:hover, #contact .form form div textarea:hover,
#contact .form form div input:focus, #contact .form form div textarea:focus {
	border:1px #f58120 solid;
}

#contact .form form div button {
	padding:15px 20px;
	font:18px 'Dosis',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	font-weight:300;
	color:#fff;
	background:#f58120;
	border:0;
	outline:0;
	transition:all .5s ease;
}

#contact .form form div button:hover {
	background:#aaa;
	color:#fff;
}