/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Structure
================================================== */

	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	body {
		border-top: 4px solid #939598;
		color: #939598;
		font: 300 15px/24px 'Lato', sans-serif;
		overflow-x: hidden;
	}

	.outer {
		float: left;
		width: 100%;
	}

	.inner {
		margin: auto;
		position: relative;
		width: 1060px;
	}

/* Utility Classes
================================================== */

	.clear {
		clear: both;
	}

	.caret-right {
		border-bottom: 12px solid transparent;
		border-left: 12px solid #fff;
		border-top: 12px solid transparent;
		display: inline-block;
		float: right;
		height: 0;
		width: 0;
	}

/* Typography
================================================== */

	h1, h2, h3, h4, h5, h6 {
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	a {
		color: inherit;
		text-decoration: none;
		-moz-transition: .4s ease-in-out;
		-o-transition: .4s ease-in-out;
		-webkit-transition: .4s ease-in-out;
		transition: .4s ease-in-out;
	}

	p {
		margin-bottom: 20px;
	}

		p:last-child {
			margin-bottom: 0;
		}

	strong {
		font-weight: 700;
	}

	em {
		font-style: italic;
	}

	.btn {
		background-color: #58585a;
		border: none;
		border-bottom: 3px solid #232324;
		color: #fff;
		cursor: pointer;
		float: left;
		padding: 12px 20px;
		text-transform: uppercase;
		-moz-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		-webkit-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.btn:hover {
		background-color: #68686a;
	}

/* Header
================================================== */

	#header-wrapper {
		border-bottom: 5px solid #939598;
		padding: 40px 0;
	}

	#header #logo {
		float: left;
	}

	#header #call,
	#header #primary-nav {
		clear: right;
		float: right;
	}

	#header #call {
		font-size: 28px;
		margin-bottom: 24px;
		text-transform: uppercase;
	}

		#header #call span {
			color: #f7941d;
		}

	#header #primary-nav {
		font-size: 16px;
	}

/* Navigation
================================================== */

	.nav ul li {
		float: left;
		margin-left: 20px;
		text-transform: uppercase;
	}

	.nav ul li:first-child {
		margin-left: 0;
	}

	.nav ul li:hover {
		color: #f7941e;
	}

/* Hero Banner
================================================== */

	.banner {
		border-bottom: 5px solid #f7941e;
		height: 500px !important; 
		position: relative; 
		overflow: auto;
		width: 100%; 
	}
	
    	.banner li { 
    		list-style: none; 
			width:100%;
    	}

        	.banner ul li {
        		background-size: cover !important;
        		float: left;
        		min-height: 500px;
        		position: relative;
				
        	}

			.banner ul li:nth-of-type(1) { background: url(../img/index-banner-1.png) no-repeat center; }
			.banner ul li:nth-of-type(2) { background: url(../img/index-banner-2.png) no-repeat center; }
			.banner ul li:nth-of-type(3) { background: url(../img/index-banner-3.png) no-repeat center; }

        		.banner ul li .banner-caption {
        			color: #fff;
        			left: 0;
        			max-width: 520px;
        			position: absolute;
        			right: 40px;
        			top: 100px;
        			width: 35%;
        		}

        		.banner ul li:nth-of-type(3) .banner-caption {
        			background-color: rgba(247, 148, 30, .7);
        			border-radius: 0 104px 104px 0;
        			max-width: none;
        			margin: 0 auto;
        			top: 130px;
					width: 70%;
				}

        			.banner ul li .banner-caption h2 {
        				font-size: 54px;
        				line-height: normal;
        			}

        			.banner ul li:nth-of-type(3) .banner-caption h2,
        			.banner ul li:nth-of-type(3) .banner-caption p {
        				text-align: center;
        				width: 55%;
        			}

        			.banner ul li:nth-of-type(3) .banner-caption h2 {
        				font-size: 28px;
        				line-height: 38px;
        				margin-bottom: 0;
        				padding: 20px 20px 5px;
        				text-transform: none;
        			}

        				.banner ul li .banner-caption h2 span {
        					font-weight: 300;
        				}

        				.banner ul li:nth-of-type(3) .banner-caption h2 span {
        					display: block;
        					font-size: 22px;
							line-height: 30px;
							margin-top: 10px;
        				}

        			.banner ul li:nth-of-type(3) .banner-caption p {
        				font-size: 16px;
        				margin-bottom: 0;
        				padding: 5px 20px 20px;
        			}

        			.banner ul li:nth-of-type(3) .banner-caption img {
        				position: absolute;
        				right: 0;
        				top: -52px;
        				width: 44%;
        			}

        			.banner ul li .banner-caption .btn {
        				background-color: #f7941e;
        				border-color: #c26c07;
        				width: 100%;
        			}
					
					

/* Hero Blocks
================================================== */

    #hero-blocks-wrapper {
    	margin-bottom: 40px;
    }

    .block {
    	background: url(../img/brick-bg.png) no-repeat left center;
    	color: #fff;
    	float: left;
    	min-height: 80px;
    	text-align: center;
    	width: 25%;
    }

	.block:nth-child(odd) {
		background-color: #58585a;
	}

	.block:nth-child(even) {
		background-color: #939598;
	}

    	.block h2 {
    		font-size: 18px;
    		margin-bottom: 0;
    		padding: 16px;
    	}

/* Content
================================================== */

	#content-aside-wrapper {
		float: left;
		width: 63%;
	}

	#content-aside {
		background-color: #e6e6e6;
		color: #58585a;
		padding: 30px;
	}

/* Sidebar
================================================== */

	#sidebar-wrapper {
		color: #fff;
		float: right;
		width: 35%;
	}

	.sidebar {
		padding: 30px;
		width:100%
	}

		.sidebar figure {
			max-height: 240px;
			max-width: 100%;
		}

			.sidebar figure img {
				height: 100%;
				overflow: hidden;
				width: 100%;
			}

	#sidebar-info {
		background-color: #58585a;
		margin-bottom: 20px;
	}

		#sidebar-info h3 {
			color: #f7941e;
		}

	#sidebar-projects, #sidebar-form {
		background-color: #f7941e;
	}

	#sidebar-form {
		display: inline-block;
	}

		#sidebar-form h3 {
			text-align: center;
		}

		#sidebar-form input, #sidebar-form textarea {
			border: none;
		}

/* Testimonials
================================================== */

	.testimonials blockquote {
		border-bottom: 1px solid #cfcfd1;
		padding: 60px 0;
		margin: 0 auto;
		max-width: 600px;
	}

	.testimonials blockquote:last-child {
		border-bottom: none;
	}

		.testimonials blockquote p {
			font-size: 17px;
			line-height: 34px;
		}

			.testimonials blockquote p span {
				color: #f7941e;
				font-size: 40px;
				font-weight: 700;
				vertical-align: middle;
			}

			.testimonials blockquote p span:first-child {
				padding-right: 8px;
			}

			.testimonials blockquote p span:last-child {
				padding-left: 8px;
			}

		.testimonials blockquote .source {
			font-size: inherit;
			font-style: italic;
			font-weight: 400;
		}

/* Portfolio Gallery
================================================== */

	.gallery figure {
		float: left;
		margin: 0 20px 20px 0;
		overflow: hidden;
		width: 23.5%;
	}

	.gallery figure:nth-child(4n) {
		margin-right: 0;
	}

		.gallery figure img {
			display: block;
			width: 100%;
		}
        
/* Contact Us
================================================== */

	#contact-left {
		float: left;
		width: 40%;
	}

		#contact-left h3 {
			color: #f7941e;
		}

		#contact-left figure {
			margin-top: 20px;
		}

	#contact-right {
		float: right;
		width: 50%;
	}

	#contact-social {
		display: none;
	}

/* Forms
================================================== */

	input, textarea, button {
		font-size: inherit;
		width: 100%;
	}

	input, textarea {
		border: 2px solid #adaeb1;
		border-radius: 2px;
		margin-bottom: 20px;
		padding: 10px;
	}

	textarea {
		min-height: 150px;
	}

	label {
		display: block;
		font-weight: 400;
		margin-bottom: 10px;
		text-transform: uppercase;
	}

/* Bottom Banner
================================================== */

	#bottom-banner-wrapper {
		background-color: #f7941e;
		color: #fff;
		font-size: 26px;
		margin-top: 40px;
		padding: 20px 0;
		text-align: center;
	}

		#bottom-banner-wrapper h3 {
			margin-bottom: 0;
		}

/* Footer
================================================== */

	#footer-wrapper {
		background-color: #e6e6e6;
		padding: 40px 0;
	}

	#footer #footer-nav ul li {
		line-height: 48px;
	}

	#footer #footer-nav ul li:last-child a {
		border-right: none;
		padding-right: 0;
	}

		#footer #footer-nav ul li a {
			border-right: 1px solid #bebfc1;
			padding-right: 20px;
		}

	#footer #social {
		display: none;
		float: right;
	}

		#footer #social img {
			display: inline;
		}