@charset "UTF-8";
/* CSS Document */
.clear{clear:both;}
body {background-image: url(images/background-cardboard.jpg);margin: 0px;}
.header-strip{background-image:url(images/header-teeth.png);height:15px;width:960px;margin:0 auto;margin-bottom:0px;margin-top:20px;}
#main-container{width:960px;margin:0 auto;background-image: url(images/background.jpg);}
#logo{width:242px;height:82px;float:left;margin-left:35px;margin-top:25px;}
#header-nav{float:left;width:667px;height:82px;margin-bottom:25px;margin-top:25px;}
.header-nav{font-family: 'Montserrat', sans-serif;font-size:12px;color:#da6c3c;text-transform:uppercase;text-align:right;margin-right:15px;margin-top:30px;}
.header-nav-selected{color:#da6c3c;margin-left:25px;}
.header-nav a{margin-left:25px;text-decoration:none;color:#007fb6;}
.header-nav a:hover{text-decoration:none;color:#da6c3c;}
.intro-italic{font-family: 'Asap', sans-serif;font-size:22px;color:#999;text-align:center;font-style:italic;margin-bottom:15px;margin-top:0px;}
.huge-type{font-family: 'Montserrat', sans-serif;font-size:80px;color:#4d4d4d;text-align:center;text-transform:uppercase;font-weight:700;line-height:80px;margin-top:0px;margin-bottom:0px;}
.bursts{margin-top:20px;}
#arrows{background-image:url(images/arrows.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:20px;}
#buckets{margin-left:35px;margin-right:5px;width:270px;height:310px;background-image:url(images/bucket-background.png);float:left;margin-top:20px;}
.expertise{margin:18px;margin-top:25px;}
.expertise-copy{font-family: 'Roboto', sans-serif;font-size:13px;color:#666;margin:18px;margin-top:0px;line-height:18px;}
.core-services{margin:14px;margin-top:25px;}
.learn-more1{margin-left:72px;margin-top:35px;margin-bottom:20px;}
.learn-more2{margin-left:72px;margin-top:5px;margin-bottom:20px;}
.featured-product-title{margin-bottom:20px;}
#footer-left{float:left;width:465px;margin-top:40px;margin-bottom:30px;margin-left:20px;}
#footer-right{float:left;width:460px;margin-top:40px;margin-bottom:30px;}
.footer-nav{font-family: 'Montserrat', sans-serif;font-size:12px;color:#da6c3c;text-transform:uppercase;text-align:left;margin-left:15px;}
.footer-nav-selected{color:#da6c3c;margin-right:20px;}
.footer-nav a{margin-right:25px;text-decoration:none;color:#007fb6;}
.footer-nav a:hover{text-decoration:none;color:#da6c3c;}
.footer-text{font-family: 'Roboto', sans-serif;font-size:11px;color:#666;text-align:right;margin-right:20px;line-height:18px;}
.footer-strip{background-image:url(images/footer-teeth.png);background-repeat:repeat-x;height:32px;margin-top:0px;padding-bottom:40px;margin:0 auto;width:960px;}


#core-services-large{margin:0 auto;background-image:url(images/core-services-large.png);width:286px;height:218px;}
#arrows2{background-image:url(images/arrows2.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:20px;}
.services-text{font-family: 'Montserrat', sans-serif;font-size:25px;color:#4d4d4d;text-align:center;text-transform:uppercase;font-weight:700;line-height:30px;margin-top:0px;margin-bottom:20px;}
.services-text-sub{font-family: 'Montserrat', sans-serif;font-size:25px;color:#4d4d4d;text-align:center;font-weight:500;line-height:30px;margin-top:0px;margin-bottom:20px;}
#arrows3{background-image:url(images/arrows3.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:20px;}
.bursts2{background-image:url(images/bursts-services.png);width:467px;height:130px;margin:0 auto;margin-bottom:40px;}
.service-images{border-style:solid;border-width:5px;color:#FFF;box-shadow: 1px 1px 6px #CCC;float:left;margin-left:35px;}
.service-images-right{margin-left:130px;}
#services-description-left{margin-left:20px;width:368px;float:left;text-align:center;font-family: 'Asap', sans-serif;font-style:italic;color:#4d4d4d;margin-bottom:45px;margin-top:15px;margin-left:40px;font-size:14px;}
#services-description-right{margin-left:140px;width:368px;float:left;text-align:center;font-family: 'Asap', sans-serif;font-style:italic;color:#4d4d4d;margin-bottom:45px;margin-top:15px;font-size:14px;}

#arrows6{background-image:url(images/arrows6.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:20px;}
#arrows6 a {display: block; margin: 0 auto; width: 177px;}

.bursts3{background-image:url(images/bursts-products.png);width:467px;height:130px;margin:0 auto;margin-bottom:40px;}
#arrows4{background-image:url(images/arrows4.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:20px;}
#arrows5{background-image:url(images/arrows2.png);width:819px;height:30px;background-repeat:no-repeat;background-position:center;margin:0 auto;margin-top:25px;margin-bottom:40px;}
.product-images{border-style:solid;border-width:5px;color:#FFF;box-shadow: 1px 1px 6px #CCC;float:left;margin-left:15px;margin-bottom:15px;}
.nudge-products{margin-left:30px;}
.contact-text{font-family: 'Montserrat', sans-serif;font-size:25px;color:#4d4d4d;text-align:center;text-transform:uppercase;font-weight:700;line-height:20px;margin-top:0px;margin-bottom:20px;}
.pipes{letter-spacing:5px;color:#CCC;}
#contact-wrapper{width:400px;float:left;margin-left:35px;margin-top:35px;}
.FormCopy{font-family: 'Asap', sans-serif;font-size:14px;color:#666;font-style:italic;margin-bottom:0px;}
.formFields{margin-top:5px;margin-bottom:12px;background-color:#D8D8D8;width:375px;height:30px;border:none;}
.comments{height:80px;margin-bottom:10px;}
.map{float:left;margin-left:105px;margin-top:65px;border-style:solid;border-width:5px;color:#FFF;box-shadow: 1px 1px 6px #CCC;}

/*
>>================================================================================>
Global
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

.header-strip,
#main-container,
.footer-strip {
	width: 95%;
	max-width: 960px;
}

/* Header */

header.main {
	display: flex;
	justify-content: space-between;
	padding: 25px 15px 25px 35px;
}

#logo,
#header-nav {
	float: none;
	width: auto;
	margin: 0;
}

/* Footer */

footer.main {
	display: flex;
	justify-content: space-between;
	padding: 50px 35px 40px 35px;
}

#footer-left,
#footer-right,
.footer-text,
.footer-nav {
	margin: 0;
}

#header-nav,
#footer-right,
#footer-left {
	float: none;
	width: auto;
}

/* Other */

.arrows {
	min-height: 30px;
	position: relative;
	overflow: hidden;
	height: auto !important;
	max-width: 100%;
}

.arrows p {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 768px) {
	#footer-right {
		width: 340px;
		flex-shrink: 0;
	}

	.footer-nav {
		line-height: 20px;
	}

	.header-nav {
		line-height: 20px;
	}
}

/*
Greater than Mobile
>>----------------->
*/

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

	
	
}

/*
Mobile
>>--->
*/

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

	.header-strip, #main-container, .footer-strip {
		width: 95%;
	}

	/* Header */

	header.main {
		flex-direction: column;
		padding: 20px 0 10px 0px;
	}

	#header-nav {
		/*order: 1;*/
		height: auto;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	.header-nav {
		margin-right: 0;
		text-align: center;
		margin-top: 20px;
		line-height: 20px;
	}

	.header-nav a,
	.header-nav-selected {
		padding-left: 2%;
		padding-right: 2%;
		margin: 0;
	}

	#logo {
		width: 242px;
		margin: 0 auto;
	}

	/* Footer */
	
	footer.main {
		flex-direction: column;
		padding: 0 0 42px 0;
	}

	.footer-nav {
		text-align: center;
		margin-bottom: 20px;
		line-height: 20px;
	}

	.footer-nav a,
	.footer-nav-selected {
		margin-left: 5px;
		margin-right: 5px;
	}

	.footer-text {
		text-align: center;
	}

	.footer-nav a,
	.footer-nav-selected {
		margin-right: 10px;
	}

	/* Other */

	.arrows {
		margin-bottom: 10px;
	}
}

/*
>>================================================================================>
Home Page
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

img.bursts {
	max-width: 100%;
	display: block;
	height: auto;
	margin: 20px auto 0 auto;
}

/* Buckets */

#buckets {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	margin:0;
	width: 100%;
	background-image: none;
	height: auto;
	float: none;
}

.bucket {
	position: relative;
	margin: 0 2%;
	padding: 18px;
	background-image: none;
	background-color: rgba(0,0,0,.04);
	float: none;
	margin-top: 20px;
}

.bucket img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.expertise {
	margin-top: 0;
}

.expertise-copy {
	margin: 0;
}

.bucket img.core-services {
	margin-top: 25px;
}

.learn-more1,
.learn-more2 {
	margin: 0;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 960px) {
	.bucket {
		width: 33.3%;
	}
}

/*
Mobile
>>--->
*/

@media screen and (max-width: 959px) {
	#buckets {
		flex-direction: column;
		margin-bottom: 40px;
	}

	.bucket {
		margin-left: auto;
		margin-right: auto;
		height: 300px;
		max-width: 272px;
		width: 100%;
	}

	.intro-italic {
		font-size: 22px;
		padding: 0 10px;
	}

	.huge-type {
		font-size: 60px;
		line-height: 60px;
		padding: 0 10px;
	}
}

@media screen and (max-width: 630px) {
	img.bursts {
		box-sizing: border-box;
		padding: 0 20px;
	}

	.intro-italic {
		font-size: 22px;
		padding: 0 10px;
	}

	.huge-type {
		font-size: 30px;
		line-height: 30px;
	}
}

/*
>>================================================================================>
Services Page
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

.services-text {
	padding: 0 10px;
}

.service-images {
	margin-left: 0;
	float: none;
}

#services-thumbnails {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 20px;
	align-content: center;
	margin: 30px auto 0 auto;
}

#services-thumbnails img {
	display: block;
	max-width: 100%;
	height: auto;
}

#services-thumbnails figure {
	margin: 0 2%;
}

#services-thumbnails figcaption {
	display: block;
    text-align: center;
    font-family: 'Asap', sans-serif;
    font-style: italic;
    color: #4d4d4d;
    margin-bottom: 45px;
    margin-top: 15px;
    font-size: 14px;
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 960px) {

}

/*
Mobile
>>--->
*/

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

}

/*
>>================================================================================>
Featured Projects Page
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

.bursts3 {
	max-width: 467px;
	width: 100%;
	height: auto;
	margin: 0 auto 40px auto;
	background-image: none;
	/*padding: 0 20px;*/
}

.bursts3 img {
	box-sizing: border-box;
	padding: 0 20px;
	display:block;
	max-width: 100%;
	height: auto;
}

/* Project Thumbnails */

#project-thumbnails {
	padding: 0 20px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 0 auto;
}

#project-thumbnails a {
	display: block;
	width: 204px;
	margin: 0 7.5px 15px 7.5px;
}

.product-images {
	border-style: solid;
    border-width: 5px;
    color: #FFF;
    box-shadow: 1px 1px 6px #CCC;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 960px) {

}

/*
Mobile
>>--->
*/

@media screen and (max-width: 440px) {
	#lightboxOverlay {
		position: fixed !important;
		height: 100% !important;
		width: 100% !important;
	}

	.lb-outerContainer,
	.lb-dataContainer {
		width: 350px !important;
		height: auto !important
	}

	.lb-image {
		max-width: 100%;
		height: auto;
		display: block;
	}
}

/*
>>================================================================================>
Contact Wrapper
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

#contact-wrapper {
	box-sizing: border-box;
	display: flex;
	float: none;
	margin: 0;
	width: 100%;
	justify-content: space-between;
	/*margin: 0 -2%;*/
}

#form-and-map {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	/*margin: 0 -2%;*/

}

#form-and-map > * {
	box-sizing: border-box;
	
	padding: 0 2%;
}

.map {
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	margin-top: 33px;
	float: none;
	display: block;
	height: auto;
	max-width: 100%;
}

.formFields {
	width: 100%;
	box-sizing: border-box;
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 960px) {
	#contact-wrapper {
		padding: 0 35px;
	}

	#form-and-map > * {
		width: 50%;
	}
}

/*
Mobile
>>--->
*/

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

	#contact-wrapper {
		max-width: 400px;
		margin: 0 auto;
	}

	.contact-text {
		font-size: 20px;
	}

	#form-and-map {
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	.contact-text .pipes {
		display: none;
	}

	.contact-text .text {
		display: block;
		margin: 5px;
	}

	.contact-text br {
		height: 20px;
	}
	
}

/*
>>================================================================================>
Labels/Ribbons
>>================================================================================>
*/

/*
All Resolutions
>>------------->
*/

#core-services-large{
	margin:0 auto;
	background-image:url(images/labels-ribbons-large.png);
	width:284px;
	height:214px;
}

.labels-text{
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	color:#4d4d4d;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	line-height:34px;
	margin-top:0px;
	margin-bottom:15px;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px;
}

.labels-text-sub{
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	color:#4d4d4d;
	text-align:center;
	font-weight:500;
	line-height:32px;
	margin-top:0px;
	margin-bottom:40px;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px;
}

/* Labels Thumbnails */

#labels-thumbnails {
	padding: 10px 20px 10px 20px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 0 auto;
}

#labels-thumbnails figure {
	margin: 20px;
}

#labels-thumbnails a {
	display: block;
	width: 204px;
	margin: 0 7.5px 15px 7.5px;
}

.labels-images {
	border-style: solid;
    border-width: 5px;
    color: #FFF;
    box-shadow: 1px 1px 6px #CCC;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
}

.contact-us-button {
	background-image: url(images/contact-us-button.png);
	background-size: 177px 37px;
	width: 177px;
	height: 37px;
}

.contact-us-button:hover {
	background-image: url(images/contact-us-button-over.png);
}

.contact-us-button span {
	position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}

/*
Greater than Mobile
>>----------------->
*/

@media screen and (min-width: 960px) {

}

/*
Mobile
>>--->
*/

@media screen and (max-width: 440px) {
}