/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;  }
body { font: normal 62.5% "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; color: #666666; min-height: 100%; background: #161f37; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #111; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 300;}
p { font-size:1.6em; line-height:1.8em; margin:20px 0; }

.left { float:left; display:inline;}
.right { float: right; display: inline;}

.push { clear: both;}

a { text-decoration: none; font-weight: 300; }
a:link { color: #111;}
a:visited { color: #111;}
a:hover { color: #111; text-decoration: underline;}
a:active { color: #111;}

.footer a:link { color: #fff;}
.footer a:visited { color: #fff;}
.footer a:hover { color: #fff; text-decoration: underline;}
.footer a:active { color: #fff;}

a.button { display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #555; color: #fff; padding: 16px 20px; font-size: 1.6em; text-transform: uppercase; letter-spacing: 3px; font-family: "proxima-nova", Helvetica, Arial, sans-serif;}
a.button:hover { background: #000; text-decoration: none;}
a.button.full { padding-left: 0; padding-right: 0; text-align: center; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px;}

/* Contstants
--------------------------------------------------------------------------------------- */

/* THE MARGINS ARE BASED ON 60px ON A 1240px GRID */

.col_2, .columns { width: 100%; margin-top: 60px;}
.col_2 .left, .col_2 .right { width: 47.5806451613%;}
.col_2.full .left, .col_2.full .right { width: 50%;}
.col_2.full .left .left, .col_2.full .left .right, .col_2.full .right .right, .col_2.full .right .left { background: none; width: 44.6428571429%;}
.fluid_half_wrap { margin: 0 auto; width: 80.6451612903%; padding: 60px 0;}
.panel { float: left; display: inline; margin-right: 4.83870967742%;}
.panel.last { margin: 0;}
.columns.panels_3 .panel { width: 30.1075268817%;}
.columns.panels_4 .panel { width: 21.3709677419%;}
.columns.panels_5 .panel { width: 20%; margin: 0;}

.header_wrap { padding: 30px 0 0 0;}
.header { width: 90%; max-width: 1240px; margin: 0 auto;}
.content_wrap { background: #fff; padding: 60px 0;}
.content { width: 90%; max-width: 1240px; margin: 0 auto;}
.footer_wrap { background: #444; padding: 30px 0;}
.footer { width: 90%; max-width: 1240px; margin: 0 auto;}

.home .content_wrap { padding: 0;}
.home .content { width: 100%; max-width: 100%;}

.bg_image {
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	overflow: hidden;
}

.section { padding: 60px 0; width: 90%; max-width: 1240px; margin: 0 auto;}

h2.titles { text-align: center; font-size: 3em; }


/* Header
--------------------------------------------------------------------------------------- */

.top_tier {
	width: 100%;
	background: url(../images/bg_image.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	overflow: hidden;
}

.header h1 { width: 100%; max-width: 277px; margin: 0 auto;}
.header h1 img { width: 100%; max-width: 100%; height: auto; }

/* Homepage
--------------------------------------------------------------------------------------- */

.hero_wrap { height: 500px; }

.hero.section { padding: 0;}
.hero h2 { text-align: center; font-size: 6em; font-weight: 700; color: #fff; margin-top: 150px;}
.hero p { text-align: center;}
.hero a.button { max-width: 200px; }

.hp_tier_1.section { max-width: 1000px;}
.hp_tier_1 h3 { font-size: 2em; font-weight: bold;}

.hp_tier_2_wrap { background: #f5f5f5;}
.hp_tier_2 h3 { font-size: 3.2em; font-weight: bold;}

.hp_tier_3_wrap { background-image: url(../images/bg_team.jpg);}
.hp_tier_3 { max-width: 80%;}
.hp_tier_3 h2.titles {  color: #fff;}
.hp_tier_3 h3 { font-size: 2em; font-weight: bold; color: #fff;}
.hp_tier_3 img { width: 100%; max-width: 100%; height: auto; margin-bottom: 16px;}
.hp_tier_3 small { font-size: 1.4em; color: #fff; }
.columns.panels_4 .panel {width: 24.939516129%; margin-right: 0.08064516129%; text-align: center; margin-bottom: 24px;}
.columns.panels_4 .panel.last { margin-right: 0;}

.col_2.full .left { background: #ddd;}
.col_2.full .right { background: #ccc;}

.hp_tier_4_wrap { text-align: center;}
.hp_tier_4 h3 { font-size: 1.6em; font-weight: bold; color: #111;}
.hp_tier_4 img { width: 100%; height: auto; margin-bottom: 16px; max-width: 155px; text-align: center;}

.hp_tier_5 .panel { width: 49.9596774194%; margin-right: 0.08064516129%; margin-bottom: 1px;}
.hp_tier_5 .panel.alt { margin-right: 0;}
.hp_tier_5 img { width: 100%; max-width: 100%; height: auto; }

hr.divider { height: 3px; background: #ddd; color: #ddd; width: 90%; max-width: 400px; border: 0; margin: 0 auto 60px auto;}

.hp_tier_5 { max-width: 80%; margin: 0 auto; padding-bottom: 60px;}
.hp_tier_5 h2.titles { margin-bottom: 60px; }


.hp_tier_6_wrap { background: #ddd;}
.hp_tier_6 { width: 92.75%; max-width: 1240px; margin: 0 auto; padding: 90px 0; overflow: hidden; text-align: center;}

.hp_tier_6 h2 { font-size: 4.4em; float: none; display: block; color: #111; margin-top: 6px; line-height: 1em; text-align: center;}
.hp_tier_6 p { margin-bottom: 0 !important; font-size: 2em;}
.hp_tier_6 a.button { float: right; display: inline; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 4px solid #111; background: transparent; color: #111; padding-left: 24px; padding-right: 24px;}

.hidden { display: none;}

.about p { font-size: 2.0em;}


/* Content
--------------------------------------------------------------------------------------- */



/* Form
--------------------------------------------------------------------------------------- */

.project_request_wrap { background: #fff; display: none; position: relative;}
#divFormWrap { display: none;}

.form_wrapper { width: 85%; max-width: 1200px; padding:0 0 1% 0; background: #fff; margin: 0 auto; }
.form_wrapper_contact { width: 85%; max-width: 1200px; padding:0 0 1% 0; background: #fff; margin: 0 auto;  overflow: hidden;}

.form_wrap {
	position: relative; /* This protects the inner element from being blurred */
	padding: 7.25% 8.57142857143% 4% 8.57142857143%;
}

.form_left { width: 44.8275862069%; max-width: 520px; float:left; display:inline; }
.form_right { width: 44.8275862069%; max-width: 520px; float:right; display:inline; }

.form_wrap h3 { text-align: center; width: 100%; font-size: 1.4em; text-transform: uppercase; letter-spacing: .3em; margin-bottom: 4%; font-weight: 700; }

.form_row { width: 100%; margin-bottom: 20px;}
.form_row label { font-size: 1.2em; color: #111; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase;}
.form_row input.input { margin-top: 8px; padding: 10px 3%; width: 94%; border: 1px solid #cccccc; font-size: 2em; font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif; font-weight: 300; background: #f5f5f5;}
.form_row textarea.textarea { margin-top: 8px; padding: 10px 3%; height: 119px; width: 94%; font-size: 2em; border: 1px solid #cccccc;  font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif; font-weight: 300; background: #f5f5f5;}
.form_wrapper_contact .form_row input.input { background: #fff;}
.form_wrapper_contact .form_row textarea.textarea { background: #fff;}

.form_row.select_row { margin-bottom: 34px;}
.select_row select { margin-top: 20px; width: 100%; font-size: 2em; }

.form_row.submit_row { margin-top: 35px;}
.form_row input.btn_submit { margin-top: 8px; padding: 10px 0; width: 100%; border: 1px solid #60c16e; font-size: 2em; font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif; font-weight: 300; background: #60c16e; color: #fff;}
.form_row input.btn_submit:hover { background: #499954; border-color: #499954;}

.form_row small { font-size: 1.1em; font-style: italic; color: #999;}

.form_row.error label { color: #ea3232;}
.form_row.error input.input { border: 1px solid #ea3232; background: #fcf4f4;}
.form_row.error textarea.textarea { border: 1px solid #ea3232; background: #fcf4f4;}

.error_message { display: none; background: #ea3232; color: #fff; text-align: center; padding: 16px 0; margin-bottom: 4%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.error_message h6 { font-size: 3em; color: #fff; margin: 0;}
.error_message p { margin: 0;}

#divConfirmation { display: none;background: #60c16e; color: #fff; text-align: center; padding: 40px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#divConfirmation h6 { font-size: 5em; margin: 0;}
#divConfirmation p { margin: 0; font-size: 1.6em; font-weight: 300;}

a.close { font-size: 3em; font-weight: 300; color: #fff; text-decoration: none; position: absolute; top: 20px; right: 20px; height: 40px; width: 40px; line-height: 44px; background: #ddd; text-align: center; font-family: "proxima-nova", Helvetica, Arial, sans-serif;}
a.close:hover { background: #d12328; color: #fff; text-decoration: none; }


/* Footer
--------------------------------------------------------------------------------------- */

.footer { color: #6c7aa2; padding: 40px 0;}

p.copyright { font-size: 1.5em; text-align: center;}


/* Media Queries
--------------------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
	
	.classhere {
		background: transparent url(../images/bg_header@2x.jpg) !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
}

/* Desktops and laptops ----------- */

@media only screen 
and (max-width : 1060px) {

}

@media only screen 
and (max-width : 880px) {

	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	input { -webkit-appearance: none; border-radius: 0; }

}

@media only screen 
and (max-width : 480px) {

	.col_2, .columns { margin-top: 40px;}
	.col_2 .left, .col_2 .right,
	.col_2 .left, .col_2 .right { width: 100%; float: none; display: block; }
	.col_2 .right { margin-top: 40px;}
	.columns .panel,
	.columns.panels_3 .panel,
	.columns.panels_4 .panel,
	.columns.panels_5 .panel,
	.hp_tier_5 .panel { width: 100%; float: none; display: block; margin-bottom: 30px;}	

	.header_wrap { padding: 40px 0;}
	.content_wrap { padding: 40px 0;}
	.footer_wrap { padding: 40px 0;}
	
	.section { padding: 40px 0; }
	
	h2.titles { font-size: 2.4em; }

	.hero_wrap { height: auto; padding: 40px 0; }
	.hero h2 { margin-top: 0; font-size: 3em;}
	.hero a.button { max-width: 100%; }

	.form_left { width: 100%; max-width: 520px; float:left; display:inline; }
	.form_right { width: 100%; max-width: 520px; float:right; display:inline; }
	
	.form_wrap h3 { letter-spacing: 0; margin-bottom: 20px; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	input { -webkit-appearance: none; border-radius: 0; }
	
	.col_2, .columns { margin-top: 40px;}
	.col_2 .left, .col_2 .right { width: 100%; float: none; display: block; }
	.col_2 .right { margin-top: 40px;}
	.columns .panel,
	.columns.panels_3 .panel,
	.columns.panels_4 .panel,
	.columns.panels_5 .panel,
	.hp_tier_5 .panel { width: 100%; float: none; display: block; margin-bottom: 30px;}	

	.header_wrap { padding: 40px 0;}
	.content_wrap { padding: 40px 0;}
	.footer_wrap { padding: 40px 0;}
	
	.section { padding: 40px 0; }
	
	h2.titles { font-size: 2.4em; }

	.hero_wrap { height: auto; padding: 40px 0; }
	.hero h2 { margin-top: 0; font-size: 3em;}
	.hero a.button { max-width: 100%; }

	.form_left { width: 100%; max-width: 520px; float:left; display:inline; }
	.form_right { width: 100%; max-width: 520px; float:right; display:inline; }
	
	.form_wrap h3 { letter-spacing: 0; margin-bottom: 20px; }

}