/*
------------------------------------------

	COLORS

------------------------------------------

Red: #e3280e
Gold: #ffaa4e
Text: #6e6e6e
Gray: #afafaf
Teal: #1baea9

*/


/*
------------------------------------------

	BANNER

------------------------------------------
*/

#banner{
	width: 100%;
	position: relative;
}

	#banner .overlay{
		width: 80%;
		position: absolute;
		text-align: center;
		top: 30%;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		z-index: 150;
	}

		.overlay h1{
			line-height: 1.4875;
			text-transform: uppercase;
			color: #fff;
			font-size: 6.5vw;
		}

			.overlay h1 span{
				font-weight: 500;
			}

	#banner .scroll-arrow{
		display: inline-block;
		width: 3.5em;
		height: 3.5em;
		position: absolute;
		bottom: 10em;
		margin: 0;
		left: 50%;
		border: 2px solid #ffaa4e;
		transform: translate(-50%, 0) rotate(-45deg);
		-webkit-transform: translate(-50%, 0) rotate(-45deg);
		-moz-transform: translate(-50%, 0) rotate(-45deg);
		-ms-transform: translate(-50%, 0) rotate(-45deg);
		text-align: center;
		cursor: pointer;
		z-index: 150;
	}

		#banner .scroll-arrow span{
			display: block;
			font-size: 2.5em;
			transform: rotate(45deg) translate(-75%, 0);
			-webkit-transform: rotate(45deg) translate(-75%, 0);
			-moz-transform: rotate(45deg) translate(-75%, 0);
			-ms-transform: rotate(45deg) translate(-75%, 0);
			color: #fff;
			position: absolute;
			top: 50%;
			left: 50%;
		}

		#banner .scroll-arrow.hide{
			visibility: hidden;
			opacity: 0;
		}

	#banner .hp_slides{
		position: relative;
		background: #000;
		z-index: 100;
		height: calc(100vh - 6.25em);
	}

		.hp_slides .slick-list{
			width: 100%;
			height: 100%;
		}

		/* Individual Slide */
		.hp_slides .slick-track {
			height: 100%;
		}

		.hp_slides .slide{
			width: 100%;
			height: 100%;
		}

			.slide .image{
				width: 100%;
				height: 100%;
				opacity: .4;
			}

			.slide .caption{
				width: 85.8687258687259%;
				height: 3.4375em;
				position: absolute;
				border-top: 2px solid #e3280e;
				bottom: 0;
				right: 0;
			}

				.slide .caption a{
					text-decoration: none;
					letter-spacing: 1px;
					color: #fff;

					position: absolute;
					top: 50%;
					right: 10.7913669064748%;
					transform: translate(0, -50%);
					-webkit-transform: translate(0, -50%);
					-moz-transform: translate(0, -50%);
					-ms-transform: translate(0, -50%);
				}

					.slide .caption a strong{
						font-weight: 500;
					}

		/* Slide Paging */
		.hp_slides .slick-dots{
			position: absolute;
			left: 14.2084942084942%;
			bottom: 1.375em;
			z-index: 160;
		}

			.slick-dots li{
				width: 0.625em;
				height: 0.625em;
				margin-right: 1.25em;
				float: left;
			}

				.slick-dots li span{
					display: block;
					width: 0.625em;
					height: 0.625em;
					background: #ffffff;

					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-ms-border-radius: 50%;
					border-radius: 50%;
					cursor: pointer;
				}

					.slick-dots li.slick-active span{
						background: #e3280e;
					}


/*
------------------------------------------

	ABOUT

------------------------------------------
*/

#about{
	width: 100%;
}

	#about .alpha{
		width: calc(43.2432432432432% - 2px); /* 560 / 1295 (minus border width) */
		border: 2px solid #e3280e;
		border-top: none;
		border-left: none;
		float: left;
		position: relative;
	}

		.alpha .intro{
			width: 100%;
			box-sizing: border-box;
			padding: 17.8571428571429% 0;
			padding-left: 32.1428571428571%; /* 180 / 560 */
			padding-right: 12.8571428571429%; /* 60 / 560 */
			position: relative;
		}

			.alpha .intro h3{
				display: block;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 6px;
				position: relative;
				top: 8.33333333333em;
				left: -31%;
				transform: rotate(-90deg);
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				transform-origin: left top 0;
				-webkit-transform-origin: left top 0;
				-moz-transform-origin: left top 0;
				/* -ms-transform-origin: left top 0; */
				position: relative;
			}

				.alpha .intro h3:after{
					font-family: "hillis-carnes" !important;
					content: "\65";
					font-style: normal !important;
					font-weight: normal !important;
					font-variant: normal !important;
					text-transform: none !important;
					speak: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

					position: absolute;
					bottom: 0;
					left: -1.5em;
					transform: rotate(90deg) translate(32%, 0);
					-webkit-transform: rotate(90deg) translate(32%, 0);
					-moz-transform: rotate(90deg) translate(32%, 0);
					-ms-transform: rotate(90deg) translate(32%, 0);

					font-size: 3em;
					color: #ffaa4e;

				}

			.alpha .intro h2{
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 4px;
				color: #3a3a3a;
			}

				.alpha .intro h2:after{
					display: block;
					content: '';
					width: 1.44444444444em;
					height: 2px;
					background: #e3280e;
					position: relative;
					left: 0;
					bottom: -0.888888888888889em;

				}

			.alpha .intro p{
				margin-bottom: 4.28571428571em;
			}

			.alpha .intro img{
				display: none;
			}



	#about .beta{
		width: calc(100% - 43.2432432432432%); /* Minus alpha width */
		float: left;
		position: relative;
	}

		#about .beta img{
			display: block;
			width: 76.1904761904762%;
			padding-top: 13.6054421768707%;
			padding-left: 23.8095238095238%;
			right: 0;
			float: right;
			position: relative;
			z-index: 20;

			transition: padding-top 0.5s ease;
			-webkit-transition: padding-top 0.5s ease;
			-moz-transition: padding-top 0.5s ease;
			-ms-transition: padding-top 0.5s ease;
		}

		#about .beta .img-desc{ /* 735 */
			display: block;
			width: 51.7006802721088%; /* 380px */
			padding-left: 40.8163265306122%; /* 300px */
			padding-right: 7.48299319727891%; /* 55px */
			float: right;
			position: relative;
		}

			#about .beta .img-desc:before{
				font-family: "hillis-carnes" !important;
				content: "\6d";
				font-style: normal !important;
				font-weight: normal !important;
				font-variant: normal !important;
				text-transform: none !important;
				speak: none;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;

				position: absolute;
				bottom: auto;
				top: .625em;

				color: #ffaa4e;
				font-size: 4em;
				line-height: .75em;
				left: calc(40.8163265306122% - 1.5em);
			}

			.beta .img-desc p{
				font-style: italic;
				font-weight: 500;
				color: #1baea9;
				margin-top: 2.85714285714em;
				margin-bottom: 0;
			}

		#about .beta:before{
			font-family: "hillis-carnes" !important;
		    content: "\6b";
		    font-style: normal !important;
		    font-weight: normal !important;
		    font-variant: normal !important;
		    text-transform: none !important;
		    speak: none;
		    line-height: 1;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;

		    font-size: 35em;
		    font-size: 43vw;
		    opacity: 0.10;

		    position: absolute;
		    top: calc(100% - .3em);
		    right: -0.25em;
		}



/*
------------------------------------------

	SERVICES

------------------------------------------
*/

#services{
	width: 100%;
	position: relative;
}

	#services h2.heading{
		width: 100%;
		font-weight: 500;
		letter-spacing: 2px;
		text-align: center;
		text-transform: uppercase;
		color: #3a3a3a;
		padding-top: 2.58333333333em;
		margin-bottom: 2.58333333333em;
		position: relative;
	}

		#services h2.heading:before{
			display: block;
			content: '';
			width: 1.44444444444em;
			height: 2px;
			background: #e3280e;

			position: absolute;
			bottom: -0.833333333333333em;
			left: 50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-moz-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
		}

	#services .services-horz{
		/* width: 100%; */
	}

		.services-horz .serv{
			float: left;
			opacity: 0.26;
			transition: opacity 0.25s ease;
			-webkit-transition: opacity 0.25s ease;
			-moz-transition: opacity 0.25s ease;
			-ms-transition: opacity 0.25s ease;
		}

			.serv.slick-active{
				opacity: 1;
			}

			.serv .icon{
				width: calc(100% - 4px);
				height: 9.8125em;
				position: relative;
			}

				.serv.slick-active .icon{
					border-left: 2px solid rgba(227, 40, 14, 0.26);
					border-right: none;
				}

				.serv.slick-active.slick-center .icon{
					border: 2px solid #e3280e;
					border-top: none;
					border-bottom: none;
				}

				.serv.slick-active.slick-center + .serv .icon{
					border-left: none;
					border-right: 2px solid rgba(227, 40, 14, 0.26); /* #e3280e */
				}

				.serv .icon .diamond{
					width: 10em;
					text-align: center;
					position: relative;
					left: 50%;
					transform: translate(-50%, 0);
					-webkit-transform: translate(-50%, 0);
					-moz-transform: translate(-50%, 0);
					-ms-transform: translate(-50%, 0);
				}

					.serv .icon .diamond.red{
						background: transparent url('../img/servicetile_red_angle.png');
						background-size: cover;
					}

					.serv .icon .diamond.gold{
						background: transparent url('../img/servicetile_yellow_angle.png');
						background-size: cover;
					}

					.serv .icon .diamond.teal{
						background: transparent url('../img/servicetile_teal_angle.png');
						background-size: cover;
					}

					.serv .icon .diamond.black{
						background: transparent url('../img/servicetile_black_angle.png');
						background-size: cover;
					}

						.serv .icon .diamond span{
							display: block;
							font-size: 5em;
							color: #fff;
							position: relative;
							top: 50%;
							transform: translate(0, -50%);
							-webkit-transform: translate(0, -50%);
							-moz-transform: translate(0, -50%);
							-ms-transform: translate(0, -50%);
						}

							.serv .icon .diamond span.hc-consulting,
							.serv .icon .diamond span.hc-facilities{
								font-size: 4em;
								transform: translate(.125em, -50%);
								-webkit-transform: translate(.125em, -50%);
								-moz-transform: translate(.125em, -50%);
								-ms-transform: translate(.125em, -50%);
							}

							.serv .icon .diamond span.hc-specialty{
								font-size: 4.5em;
								transform: translate(-.125em, -50%);
								-webkit-transform: translate(-.125em, -50%);
								-moz-transform: translate(-.125em, -50%);
								-ms-transform: translate(-.125em, -50%);
							}

							.serv .icon .diamond span.hc-drill{
								font-size: 4.5em;
								transform: translate(0, -45%);
								-webkit-transform: translate(0, -45%);
								-moz-transform: translate(0, -45%);
								-ms-transform: translate(0, -45%);
							}

							.serv .icon .diamond span.hc-beam{
								font-size: 4.5em;
							}

							.serv .icon .diamond span.hc-topography{
								font-size: 4em;
							}

							.serv .icon .diamond span.hc-structure{
								font-size: 3.5em;
							}


			.serv h3{
				width: 48%;
				font-size: 1.25em;
				text-align: center;
				color: #e3280e;
				margin-top: 2.11111111111em;
				margin-bottom: 1.11111111111em;
				margin-right: 0;
				line-height: 1.3;
				position: relative;
				left: 50%;
				transform: translate(-50%, 0);
				-webkit-transform: translate(-50%, 0);
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
			}

			.serv p{
				width: 70%;
				text-align: center;
				position: relative;
				left: 50%;
				transform: translate(-50%, 0);
				-webkit-transform: translate(-50%, 0);
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
			}


			.serv a{
				position: relative;
				left: 50%;
				transform: translate(-50%, 0);
				-webkit-transform: translate(-50%, 0);
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
			}

	#services .services-nav{
		display: inline-block;
		text-align: center;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		margin-top: 3.70656370656371%;
	}

		#services .services-nav .prev{
			float: left;
			margin-right: 1.125em;
		}

		#services .services-nav .next{
			float: left;
			margin-left: 1.125em;
		}

			#services .services-nav .prev span,
			#services .services-nav .next span{
				font-size: 3em;
				color: #3a3a3a;
				cursor: pointer;
			}



/*
------------------------------------------

	PROJECTS

------------------------------------------
*/

#projects{
	width: 100%;
	margin-top: 6%;
}

	#projects .container{
		width: 100%;
		box-sizing: border-box;
		padding: 0 3.75em;
	}

		#projects .container h3.headline.mobile{
			text-transform: uppercase;
			font-weight: 500;
			margin-bottom: 1.5em;
			letter-spacing: 3px;
			display: none;
		}

		/* PROJECT IMAGES (SLIDES) */
		#projects .container .proj-slides{
			width: 63.8297872340426%; /* 750 / 1175 */
			float: left;
			position: relative;
		}

			#projects .container .proj-slides .proj-single img{
				display: block;
			}

			.proj-slides .proj-prevnext{
				width: 100%;
				position: absolute;
				top: 50%;
				transform: translate(0, -50%);
				-webkit-transform: translate(0, -50%);
				-moz-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				display: none;
			}

				.proj-slides .prev{
					float: left;
					color: #fff;
				}

					.proj-slides .prev span{
						font-size: 3.25em;
						margin-left: .5em;
						cursor: pointer;
					}

				.proj-slides .next{
					float: right;
					color: #fff;
				}

					.proj-slides .next span{
						font-size: 3.5em;
						margin-right: .5em;
						cursor: pointer;
					}

		/* PROJECT NAVIGATION */
		#projects .container .proj-nav{
			width: calc(100% - 63.8297872340426%);
			float: left;
			position: relative;
		}

			.proj-nav ul{
				width: 100%;
				height: 100%;
				list-style: none;
			}

				.proj-nav ul li{
					width: 100%;
					background-size: cover;
					position: relative;
				}

					/* Title */
					.proj-nav ul li .title{
						padding: 9.41176470588235% 3em;
						box-sizing: border-box;
						width: 100%;
						height: 100%;
						background: rgba(27, 174, 169, 0.8);

						position: relative;
						transition: all 0.625s ease;
						-webkit-transition: all 0.625s ease;
						-moz-transition: all 0.625s ease;
						-ms-transition: all 0.625s ease;
						cursor: pointer;
					}

						.proj-nav ul li .title:before{
							display: block;
							content: '';
							width: 0em; /* to 6.25em */
							height: 2px;
							background: #e3280e;

							position: absolute;
							top: 50%;
							right: calc(100% - 1.5625em);

							transition: width 0.1s ease-in-out;
							-ms-transition: width 0.1s ease-in-out;
							-webkit-transition: width 0.1s ease-in-out;
							-moz-transition: width 0.1s ease-in-out;

							transform: translate(0, -50%);
							-webkit-transform: translate(0, -50%);
							-moz-transform: translate(0, -50%);
							-ms-transform: translate(0, -50%);
						}

						.proj-nav ul li.active .title{
							background: rgba(255,255,255,0.8);
						}

							.proj-nav ul li.active .title:before{
								width: 6.25em;
								transition: width 0.5s ease-in-out;
								-webkit-transition: width 0.5s ease-in-out;
								-moz-transition: width 0.5s ease-in-out;
								-ms-transition: width 0.5s ease-in-out;
							}

						.proj-nav ul li:hover .title{
							background: rgba(255,255,255,0.8) !important;
						}

						.proj-nav ul li .title p{
							width: 100%;
							box-sizing: border-box;
							padding-left: 4.71428571429em;
							margin-bottom: 0;
							font-weight: 500;
							line-height: 1.2;
							text-transform: uppercase;
							letter-spacing: 1px;
							color: #fff;

							transition: color 0.25s ease;
							-webkit-transition: color 0.25s ease;
							-moz-transition: color 0.25s ease;
							-ms-transition: color 0.25s ease;
						}

							.proj-nav ul li .title p.name{
								position: absolute;
								top: 50%;
								-moz-transform: translate(0, -50%);
								-ms-transform: translate(0, -50%);
								transform: translate(0, -50%);
								-webkit-transform: translate(0, -50%);
							}

							.proj-nav ul li.active .title p{
								color: #e3280e;
							}

								.proj-nav ul li:hover .title p{
									color: #e3280e;
								}

						/* Diamond */
						.proj-nav ul li .title .num-diamond{
							width: calc(2.125em - 4px);
							height: calc(2.125em - 4px);
							background: transparent;
							border: 2px solid #fff;
							position: absolute;
							left: 4.5em;
							top: 50%;
							transform: rotate(-45deg) translate(0, -70%);
							-webkit-transform: rotate(-45deg) translate(0, -70%);
							-moz-transform: rotate(-45deg) translate(0, -70%);
							-ms-transform: rotate(-45deg) translate(0, -70%);
							transition: all 0.25s ease;
							-webkit-transition: all 0.25s ease;
							-moz-transition: all 0.25s ease;
							-ms-transition: all 0.25s ease;
						}

							.proj-nav ul li:hover .title .num-diamond{
								border-color: #e3280e;
							}

							.proj-nav ul li.active .title .num-diamond{
								border-color: #e3280e;
								background: #e3280e;
							}

								.proj-nav ul li.active .title .num-diamond p.number{
									color: #fff;
								}

							.num-diamond p.number{
								width: auto !important;
								display: block;
								margin-bottom: 0 !important;
								padding-left: 0 !important;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%) rotate(45deg);
								-webkit-transform: translate(-50%, -50%) rotate(45deg);
								-moz-transform: translate(-50%, -50%) rotate(45deg);
								-ms-transform: translate(-50%, -50%) rotate(45deg);
							}

					.proj-nav ul li p.caption.hidden{
						display: none;
					}

					.proj-nav ul li a.link.hidden{
						display: none;
					}

		/* PROJECT INFO */
		#projects .container .proj-info{
			width: 100%;
			float: left;
			position: relative;
		}

			.proj-info h3.headline{
				display: block;
			    font-weight: 500;
			    text-transform: uppercase;
			    letter-spacing: 6px;
			    position: absolute;
			    bottom: 6em;
			    left: 0;

			    transform: rotate(-90deg);
			    -webkit-transform: rotate(-90deg);
			    -moz-transform: rotate(-90deg);
			    -ms-transform: rotate(-90deg);
			    transform-origin: left top 0;
			    -webkit-transform-origin: left top 0;
			    -moz-transform-origin: left top 0;
			    -ms-transform-origin: left top 0;
			}

				.proj-info h3.headline:before{
					font-family: "hillis-carnes" !important;
				    content: "\65";
				    font-style: normal !important;
				    font-weight: normal !important;
				    font-variant: normal !important;
				    text-transform: none !important;
				    speak: none;
				    line-height: 1;
				    -webkit-font-smoothing: antialiased;
				    -moz-osx-font-smoothing: grayscale;
				    position: absolute;
				    bottom: 0;
				    left: -1.5em;
				    transform: rotate(90deg) translate(32%, 0);
				    -webkit-transform: rotate(90deg) translate(32%, 0);
				    -moz-transform: rotate(90deg) translate(32%, 0);
				    -ms-transform: rotate(90deg) translate(32%, 0);
				    font-size: 3em;
				    color: #ffaa4e;
				}

			.proj-info .details{
				width: calc(86.8085106382979% - 2px); /* 1020 - 2px */
				box-sizing: border-box;
				padding-left: 12.3404255319149%; /* 150 / 1175 */
				padding-bottom: 8.51063829787234%;
				margin-left: 13.1914893617021%;
				border: 2px solid #e3280e;
				border-top: none;
				border-right: none;
				position: relative;
			}

				.proj-info .details:after{
					display: block;
					width: 21%;
					height: 100%;
					content: '';
					background: transparent url('../img/hp_drillbit.png') no-repeat left top;
					background-size: cover;
					position: absolute;
					top: 0;
					right: 4.25531914893617%;
				}

				.proj-info .details .diamond{
					width: calc(3em - 4px);
					height: calc(3em - 4px);
					border: 2px solid #ededed;
					position: absolute;
					top: 0;
					margin-top: 7.25%;
					left: 5%;
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
				}

					.proj-info .details .diamond p.num{
						font-size: 1.25em;
						text-align: center;
						position: absolute;
						top: 50%;
						transform: rotate(45deg) translate(-25%, -52%);
						-webkit-transform: rotate(45deg) translate(-25%, -52%);
						-moz-transform: rotate(45deg) translate(-25%, -52%);
						-ms-transform: rotate(45deg) translate(-25%, -52%);
						color: #3a3a3a;
					}

				.proj-info .details h2{
					width: 54%;
					font-weight: 500;
					text-transform: uppercase;
					padding-top: 8.25%;
					margin-bottom: 1.625em;
					position: relative;
					color: #3a3a3a;
				}

					.proj-info .details h2:after{
						display: block;
						content: '';
						width: 1.44444444444em;
						height: 2px;
						background: #e3280e;

						position: absolute;
						bottom: -0.75em;
						left: 0;
					}

				.proj-info .details p{
					width: 54%;
				}


/*
------------------------------------------

	NEWS

------------------------------------------
*/

#news{
	width: 100%;
	position: relative;
}

	#news .container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 4.63320463320463%;
	}

	/* CTA */
	#news .cta{
		width: 64.6963562753036%; /* 800 / 1295 */
		padding-top: 8.5875%;
		float: left;
	}

		.cta .alpha{
			width: calc(45.5% - 2px);
			box-sizing: border-box;
			padding-right: 7.625%;
			float: left;
			border-right: 2px solid #e3280e;
		}

		.cta .beta{
			width: 54.5%;
			box-sizing: border-box;
			padding-left: 7.625%;
			padding-right: 9.5%;
			float: left;
		}

			.cta .alpha img,
			.cta .beta img{
				margin-bottom: 2em;
			}

			.cta .alpha h3,
			.cta .beta h3{
				color: #e3280e;
				margin-bottom: 1.11111111111em;
			}

			.cta .alpha a,
			.cta .beta a{
				margin-top: 1.75em;
			}

	/* Recent News */
	#news .recent-news{
		width: 35.3036437246964%;
		box-sizing: border-box;
		padding: 6.625% 6.125% 6.125% 6.125%; /* 90px 76px 76px 76px */
		background: #eee;
		position: relative;
		margin-top: -2.875em;
		float: left;
	}

		.recent-news h3.headline{
			width: 10em;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 6px;

			position: absolute;
			left: 82.25%;
			top: 0;
			margin-top: 14.75%;

			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform-origin: left bottom;
			-webkit-transform-origin: left bottom;
			-moz-transform-origin: left bottom;
			-ms-transform-origin: left bottom;
		}

			@-moz-document url-prefix() {
				.recent-news h3.headline{
					width: 10.125em;
				}
			}

			.recent-news h3.headline:after{
				font-family: "hillis-carnes" !important;
			    content: "\65";
			    font-style: normal !important;
			    font-weight: normal !important;
			    font-variant: normal !important;
			    text-transform: none !important;
			    speak: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			    position: absolute;
			    bottom: 0;
			    right: -1.5em;
			    transform: rotate(-90deg) translate(-24%, 0);
			    -webkit-transform: rotate(-90deg) translate(-24%, 0);
			    -moz-transform: rotate(-90deg) translate(-24%, 0);
			    -ms-transform: rotate(-90deg) translate(-24%, 0);
			    font-size: 3em;
			    color: #ffaa4e;
			}

		.recent-news ul{
			width: 79%;
			list-style: none;
		}

			.recent-news ul li{
				padding-bottom: 2.1875em;
				border-bottom: 2px solid #e3280e;
				margin-bottom: 2.5em;
			}

				.recent-news ul li:last-child{
					padding-bottom: 0;
					border-bottom: 0;
				}

				.recent-news ul li p{
					text-transform: uppercase;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 1px;
					margin-bottom: 0.9375em;
					color: #989898;
				}

				.recent-news ul li h3{
					font-size: 1.0875em;
					line-height: 1.625;
					margin-bottom: 1.125em;
					color: #3a3a3a;
				}

				.recent-news ul li a{
					font-size: 0.875em;
					font-weight: 500;
					text-transform: uppercase;
					text-decoration: none;
				}

					.recent-news ul li a:after{
						font-family: "hillis-carnes" !important;
						content: "\6c";
						font-style: normal !important;
						font-weight: normal !important;
						font-variant: normal !important;
						text-transform: none !important;
						speak: none;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;

						position: relative;
						top: .0875em;
						padding-left: .675em;
						font-size: .9375em;
						line-height: .9375em;
						color: #1baea9;
					}


/*
------------------------------------------

	MEDIA QUERIES

------------------------------------------
*/


@media only screen
and (min-width: 100em){ /* 1600px */

	/* Banner */
	.overlay h1{ /* Lock size & width to maintain line wrap position */
		font-size: 6.8em;
		text-align: center;
		width: 12.7647058824em;
		margin: 0 auto;
	}

}


@media only screen
and (min-width: 85.625em){

	/* Projects */
	.proj-info .details{
		margin-left: 10.3125em;
	}

		.proj-info .details:after{
			max-width: 15.625em;
		}

}


@media only screen
and (max-width: 80em){ /* 1280 */

	/* Banner */
	.overlay h1{
		font-size: 6.5vw;
	}

	/* About */
	#about .alpha{
		width: calc(34.375em - 2px);
	}

	#about .beta{
		width: calc(100% - 34.375em);
	}

		#about .beta img{
			padding-top: 20%;
		}

}


@media only screen
and (max-width: 75em){ /* 1200px */

	/* About */
	#about .beta img{
		width: 85%;
		padding-left: 15%;
	}

	/* News */
	#news .recent-news{
		width: 25em;
	}

	#news .cta{
		width: calc(100% - 25em);
	}



}


@media only screen
and (max-width: 68.75em){ /* 1100px */

	/* About */
	#about .beta img{
		padding-top: 25%;
	}

}


@media only screen
and (max-width: 67.5em){ /* 1080px */

	/* Projects */
	.proj-nav ul li .title .num-diamond {
    	width: calc(1.875em - 4px);
		height: calc(1.875em - 4px);
    }

    .proj-nav ul li .title p{
	    padding-left: 4.125em;
    }

    .proj-nav ul li.active .title:before{
	    width: 5em;
    }

    .proj-info .details .diamond{
	    width: calc(2.75em - 4px);
		height: calc(2.75em - 4px);
		text-align: center;
    }

}


@media only screen
and (min-width: 56.3125em)
and (max-width: 63.9375em){ /* 901 - 1023px */

	.cta .alpha .details,
	.cta .beta .details{
		width: calc(60% - 3em);
		float: left;
	}


}


@media only screen
and (max-width: 63.9375em){ /* 1023px */

	/* About */
	#about .alpha{
		width: calc(94% - 2px);
		margin-right: 6%;
	}

		#about .alpha .intro{
			padding: 8% 10% 11% 15%;
		}

			.alpha .intro h3{
				left: -11%;
			}

			.alpha .intro h2{
				width: 50%;
			}

			.alpha .intro p{
				width: 52%;
			}

			.alpha .intro img{
				display: block;
				position: absolute;
				top: 16.5%;
				right: 7%;
				width: 33%;
				float: right;
				transition: top 0.5s ease;
				-webkit-transition: top 0.5s ease;
				-moz-transition: top 0.5s ease;
				-ms-transition: top 0.5s ease;
			}

	#about .beta{
		display: none;
	}


	/* Services */
	#services h2.heading{
		padding-top: 8.5%;
	}

	/* News */
	#news .cta{
		padding-top: 6%;
	}

	.cta .alpha{
		width: 92.375%;
		padding: 0 0 2.5em 0;
		margin: 0 14% 2.5em 0;
		border-right: none;
		border-bottom: 2px solid #e3280e;
		float: none;
	}

	.cta .beta{
		width: 92.375%;
		padding: 0;
		margin: 0 14% 0 0;
		float: none;
	}

		.cta .alpha img,
		.cta .beta img{
			width: 40%;
			float: left;
			margin-right: 1.5em;
			margin-bottom: 3em;
		}

		.cta .alpha p,
		.cta .beta p{
			margin-bottom: 1em;
		}

		.cta .alpha a,
		.cta .beta a{
			margin-top: .875em;
		}

}


@media only screen
and (max-width: 61.25em){ /* 980px */

	/* Services */
	.serv.slick-active.slick-center + .serv{
		opacity: 0.26;
	}

	.serv.slick-active .icon{
		border-left: 2px solid #e3280e;
	}

	/* Projects */
	.proj-nav ul li .title .num-diamond {
    	left: 3.875em
    }

    .proj-nav ul li .title p{
	    padding-left: 3.75em;
	    font-size: .75em;
    }

}


@media only screen
and (max-width: 56.25em){ /* 900px */

	/* Banner */
	.slide .caption a span.desc{
		display: none;
	}

	/* About */
	#about .alpha .intro img{
		top: 15%;
	}

	/* Projects */
	#projects .container{
		padding-left: 2.375em;
		padding-right: 2.375em;
	}

	.proj-nav ul li .title{
		padding-right: 2em;
	}

		.proj-nav ul li .title .num-diamond {
	    	width: calc(1.625em - 4px);
			height: calc(1.625em - 4px);
	    }

	    .proj-nav ul li .title p{
		    padding-left: 3.75em;
		    font-size: .7125em;
	    }

		.proj-nav ul li .title .num-diamond p.number{
			font-size: .6875em;
		}

	.proj-info h3.headline{
		left: 1.25em;
		bottom: 5em;
	}

	#projects .container .proj-info .details{
		width: 100%;
	}

		.proj-info .details:after{
			background-size: 100% auto;
			right: 10%;
		}

			.proj-info .details .diamond{
			    width: calc(2.5em - 4px);
				height: calc(2.5em - 4px);
				left: 4.25%;
		    }

		    	.proj-info .details .diamond p.num{
			    	font-size: 1em;
		    	}

	/* News */

	#news .container{
		padding: 6.5% 0 0 0;
	}

	#news .cta,
	#news .recent-news{
		width: 100%;
		padding-left: 2.375em;
		padding-right: 2.375em;
	}

		#news .recent-news{
			margin-top: 0;
		}

			#news .recent-news h3.headline{
				left: 90%;
				top: -13%;
			}

			#news .recent-news ul{
				width: 86%;
			}

		#news .cta{
			padding-top: 0;
			padding-bottom: 6.5%;
			box-sizing: border-box;
		}

			#news .cta .alpha,
			#news .cta .beta{
				width: 100%;
				margin-right: 0;
			}


	.cta .alpha img,
	.cta .beta img{
		width: 100%;
		float: none;
		margin-right: 0em;
		margin-bottom: 1.5em;
		display: none;

	}

}





@media only screen
and (min-width: 48em)
and (max-width: 56.25em){ /* 768-900px */

	/* Projects */
	.proj-info .details:after{
		width: 18%;
		right: 15%;
	}

}


@media only screen
and (max-width: 50em){ /* 800px */

	/* About */
	#about .alpha{
		    width: calc(94% - 2px);
	}

	#about .alpha .intro{
		padding-left: 17%;
		padding-right: 9%;
	}

		.alpha .intro h3{
			left: -13%;
		}

		.alpha .intro h2{
			width: auto;
		}

			.alpha .intro h2 br{
				display: none;
			}

		.alpha .intro p{
			width: auto;
		}

		.alpha .intro img{
			display: none;
		}

	/* Projects */
	.proj-nav ul li .title .num-diamond {
	    left: 3.125em;
	}

	.proj-nav ul li.active .title:before{
	    width: 4em;
	    right: calc(100% - 1.25em);
    }

    .proj-nav ul li .title p {
    	padding-left: 2.875em;
    	font-size: .6875em;
    }

    .proj-info .details .diamond{
		    width: calc(2.25em - 4px);
			height: calc(2.25em - 4px);
	    }

	    	.proj-info .details .diamond p.num{
		    	font-size: .875em;
	    	}

}


@media only screen
and (max-width: 48em){ /* 768px */

	/* About */
	.alpha .intro h2{
		width: 70%;
	}

}


@media only screen
and (max-width: 47.9375em){ /* 767px */

	/* About */
	#about .alpha{
		width: calc(100% - 4.75em);
		margin-left: 2.375em;
		margin-right: 2.375em;
		border-right: none;
	}

		#about .alpha .intro{
			padding-left: 0;
			padding-right: 0;
		}

			.alpha .intro h2{
				width: auto;
			}

			.alpha .intro h3{
				top: 0;
				left: 0;
				letter-spacing: 3px;
				transform: none;
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				margin-bottom: .75em;
				padding-left: .0875em;
			}

				.alpha .intro h3:after{
					display: none;
				}

			.alpha .intro p{
				font-size: .9375em;
				margin-bottom: 2.125em;
			}

	/* Services */
	#services h2.heading{
		margin-bottom: 1.5em;
		padding-top: 2em;
	}

		#services h2.heading:before{
			display: none;
		}

	.serv .icon .diamond{
		width: 9em;
		height: 9em;
	}

	.serv h3{
		margin-top: 1.5em;
	}

	/* Projects */
	#projects{
		margin-top: 1.75em;
	}

		#projects .container .proj-nav{
			display: none;
		}

		#projects .container .proj-slides{
			width: 100%;
		}

			.proj-slides .proj-prevnext{
				display: block;
				z-index: 200;
			}

		#projects .container .proj-info h3.headline{ display: none; }

		#projects .container h3.headline.mobile{
			display: block;
			padding-top: 2.5em;
			border-top: 2px solid #e3280e;
		}

		#projects .container .proj-info .details{
			margin-left: 0;
			border-left: 0;
			padding-left: 11%;
		}

			.proj-info .details .diamond{
				left: 2%;
			}

			.proj-info .details h2{
				width: 65%;
			}

			.proj-info .details p{
				width: 65%;
			}

			.proj-info .details:after{
				right: 4%;
			}

	/* News */
	#news .recent-news ul{
		width: 100%;
	}

		#news .recent-news h3.headline{
			position: relative;
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			margin-top: 0;
			margin-bottom: 2em;
			left: 0;
		}

	#news .recent-news h3.headline:after{ display: none; }

}


@media only screen
and (max-width: 43.75em){ /* 700px */

	/* About */
	#about .alpha{
		width: calc(100% - 3.5em);
		margin-left: 1.75em;
		margin-right: 1.75em;
	}

	/* Projects */
	#projects .container{
		padding-left: 1.75em;
		padding-right: 1.75em;
	}

	.proj-info .details{
		width: 92%;
		padding-left: 14%;
	}

		.proj-info .details:after{
			display: none;
		}

		.proj-info .details h2{
			width: 100%;
		}

		.proj-info .details p{
			width: 100%;
		}

		.proj-info .details .diamond p.num{
			margin-bottom: 0;
			transform: rotate(45deg) translate(-30%, -35%);
			-webkit-transform: rotate(45deg) translate(-30%, -35%);
			-moz-transform: rotate(45deg) translate(-30%, -35%);
			-ms-transform: rotate(45deg) translate(-30%, -35%);
		}

	/* News */
	#news .cta,
	#news .recent-news{
		padding-left: 1.75em;
		padding-right: 1.75em;
	}

	#news .cta{
		padding-bottom: 6.5%;
	}

}


@media only screen
and (max-width: 40em){ /* 640px */

	/* Banner */
	.slide .caption a span.service{
		display: none;
	}

		.slide .caption a strong{
			display: block;
		}

	/* Projects */
	.proj-info .details .diamond{
		left: 1%;
	}

}


@media only screen
and (max-width: 37.5em){ /* 600px */

	/* About */
	#about .alpha{
		width: calc(100% - 2.825em);
		margin-left: 1.4125em;
		margin-right: 1.4125em;
	}

		#about .alpha .intro{
			padding-top: 3.25em;
			padding-bottom: 3.25em;
		}

	/* Projects */
	#projects .container .proj-info .details{
		padding-left: 0;
	}

	.proj-info .details{
		padding-bottom: 3.5em;
	}

		.proj-info .details .diamond{
			display: none;
		}

	/* Recent News */
	#news .recent-news{
		padding-top: 3.25em;
		padding-bottom: 3.25em;
	}

	#news .cta{
		padding-bottom: 3.5em;
	}

	#news .container{
		padding-top: 3.25em;
	}

}


@media only screen
and (max-width: 34.375em){ /* 550px */

	/* About */
	#about .alpha .intro{
		padding-top: 2.375em;
		padding-bottom: 3.25em;
	}

	/* Projects */
	.proj-info .details{
		width: 96%;
		margin-left: 0;
		padding-left: 18%;
	}

		.proj-info .details .diamond{
			left: 5%;
		}

}


@media only screen
and (max-width: 31.25em){ /* 500px */

	/* About */
	.alpha .intro h2{
		width: 80%;
	}

	/* Projects */
	#projects .container{
		padding-left: 1.4125em;
		padding-right: 1.4125em;
	}

	/* News */
	#news .cta,
	#news .recent-news{
		padding-left: 1.4125em;
		padding-right: 1.4125em;
	}

}


@media only screen
and (max-width: 28.125em){ /* 450px */

	/* About */
	.alpha .intro h2{
		width: 100%;
	}

}


@media only screen
and (max-width: 26.25em){ /* 420px */

	/* Services */
	.serv h3{
		width: 80%;
		font-size: 1.5em;
		margin-bottom: .5em;
	}

	.serv p{
		width: 85%;
		font-size: .9375em;
	}

	.serv a{
		margin-bottom: .875em;
	}


	.serv.slick-active .icon{ border-left: none; }
	.serv.slick-active.slick-center .icon{ border: none; }
	.serv.slick-active.slick-center + .serv .icon{ border-right: none; }

}


@media only screen
and (max-width: 21.875em){ /* 350px */

	/* Banner */
	#banner .scroll-arrow{
		width: 2.875em;
		height: 2.875em;
		bottom: 9em;
	}

		#banner .scroll-arrow span{
			font-size: 2em;
		}

}

@media only screen
and (max-width: 20em)
and (max-height: 30em){ /* 320px x 480px */

	/* Banner */
	#banner .scroll-arrow{
		bottom: 7em;
	}

}


/*
------------------------------------------

	DEVICES QUERIES

------------------------------------------
*/

@media only screen
and (min-device-width : 20em)
and (max-device-width : 47.9375em)
and (orientation : landscape) { /* Mobile Under 768px */

	/* Header */
	header{
		height: 5.5em;
	}

	/* Banner */
	.overlay h1{
			width: 12em;
			margin: 0 auto;
			font-size: 2em;
		}

	#banner .scroll-arrow{
		display: none;
	}

}