/**
 * @license
 * MyFonts Webfont Build ID 3001285, 2015-03-31T16:34:14-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: BankGothicMdBT by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/bankgothiccttmdbt/bank-gothic-medium/
 *
 * Webfont: BankGothicLtBT by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/bankgothiccttmdbt/bank-gothic-light/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3001285
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-1993 Bitstream Inc.  All rights reserved.  Copyright (c)ParaType, Inc., 2005. All rights reserved.
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2dcbc5");

@font-face {font-family: 'BankGothicMdBT';src: url('fonts/bank-gothic/2DCBC5_0_0.eot');src: url('fonts/bank-gothic/2DCBC5_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/bank-gothic/2DCBC5_0_0.woff2') format('woff2'),url('fonts/bank-gothic/2DCBC5_0_0.woff') format('woff'),url('fonts/bank-gothic/2DCBC5_0_0.ttf') format('truetype');}

@font-face {font-family: 'BankGothicLtBT';src: url('fonts/bank-gothic/2DCBC5_1_0.eot');src: url('fonts/bank-gothic/2DCBC5_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/bank-gothic/2DCBC5_1_0.woff2') format('woff2'),url('fonts/bank-gothic/2DCBC5_1_0.woff') format('woff'),url('fonts/bank-gothic/2DCBC5_1_0.ttf') format('truetype');}


/*
       _ _                     _   _
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|

*/


/********************************************************
HOME
********************************************************/

header {
	width: 100%;
	background-color: #231f20;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 900;
}

#bgImage {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: -10;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#logo {
	width: 274px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -137px;
	z-index: 950;
	top: 0;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	-ms-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s;
}

#logo.stick {
	top: -6em;
}

.slicknav_menu {
	display:none;
}

#topMenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 20%;
}

#topMenu li a:link, #topMenu li a:visited {
	font-family: 'BankGothicLtBT', sans-serif;
	display: block;
	font-size: 0.875em;
	line-height: 0;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
	padding: 2em 0;
	color: #fff;
}

#topMenu li a:hover, #topMenu li a:active {
	color: #666666;
}

#topMenu li a.active, .slicknav_menu li a.active {
	color: #a43439;
}


#homeImages {
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	display: block;
	width: 100%;
}


#homeImages div {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}

#homeSnipes {
	position: absolute;
	left: 0;
	top: 35%;
	width: 100%;
}

#homeSnipes h1 {
	display: block;
	width: 100%;
  font-family: "utopia-std",sans-serif;
	font-size: 4.75em;
	color: #DBDCDD;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .025em;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, .65);
}

/********************************************************
CONTENT
********************************************************/

#content {
	padding-top: 15em;
}

.content-wide .wrapper {
	max-width: 1020px;
}

h1.secTitle {
	display: block;
	width: 100%;
  font-family: "utopia-std",sans-serif;
	font-size: 4em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .025em;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, .65);
}

/* Accordian */

.accordion-container {
	width: 100%;
	margin: 0 0 20px;
	clear: both;
}
.accordion-toggle {
	font-family: 'BankGothicLtBT', sans-serif;
	position: relative;
	display: block;
	padding: 20px 40px 20px;
	font-size: 1.375em;
	font-weight: 300;
	letter-spacing: .1em;
	background: #bab9b9;
	color: #818080;
	text-decoration: none;
}
.accordion-toggle.open {
	background: #231f20;
	color: #cc393c;
}
.accordion-toggle:hover {
	color: #cc393c;
}
.accordion-toggle span.toggle-icon {
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.5em;
}
.accordion-content {
	display: none;
	padding: 20px 20px 0 20px;
	overflow: auto;
}

/* Accordian Subs */

.accordionsub-container {
	width: 100%;
	margin: 0;
	clear: both;
	border-top:  1px solid #231f20;
}
.accordionsub-toggle {
	position: relative;
	display: block;
	padding: 20px 40px 20px 0;
	font-size: 1em;
	font-weight: 300;
	background: none;
	color: #231f20;
	text-decoration: none;
}
.accordionsub-toggle.open {
	background: none;
	color: #cc393c;
}
.accordionsub-toggle:hover {
	color: #cc393c;
}
.accordionsub-toggle span.toggle-icon {
	position: absolute;
	top: .65em;
	right: 20px;
	font-size: 1.5em;
}
.accordionsub-content {
	color: #231f20;
	display: none;
	padding: 0;
	overflow: auto;
}

.personHeading {
	color: #cc393c;
	font-size: 1.25em;
	margin-right: 1em;
}

/********************************************************
PEOPLE
********************************************************/

h2.people-intro ul {
	margin-left: 20px;
}

h2.people-intro ul li {
	list-style-type: disc;
	margin-bottom: 10px;
}

h2.people-intro ul li li {
	list-style-type: circle;
}

h2.people-intro ul ul {
	margin-top: 10px;
}

.content-wide h2.people-intro {
	font-size: 1.12em;
}
	

/********************************************************
GALLERY
********************************************************/

.projectThumb {
    border: 0.5em solid #fff;
    display: block;
    float: left;
    margin: 2%;
    position: relative;
    width: 29%;
		line-height: 0;
}

.projectThumb a {
	display: block;
	height: 100%;
}

.projectThumb a img {
	-webkit-transition: webskit-filter .5s;
	-moz-transition: filter .5s;
	-ms-transition: filter .5s;
	-o-transition: filter .5s;
	transition: filter .5s;
	filter: brightness(50%);
	-webkit-filter: brightness(50%);

}

.projectThumb a:hover > img {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
}

.projectThmbTitle {
	color: #fff;
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	margin: 0;
	padding: 0 5%;
	vertical-align: middle;
	text-align: center;
	z-index: 90;
	text-shadow: 1px 1px 1px #231f20;
}

.projectThmbTitle span {
	opacity: 0;
	display: block;
	clear: right;
	height: 5px;
}

#galleryDisc {
	padding: 2em;
}

.discsmall {
	color: #fff;
	font-size: .75em;
}

/***** GALLERY SINGLE ****/

h2#gallereyTitle {
	font-size: 2em;
	display: block;
	width: 100%;
	/*padding: 0.5em 4em 0.5em 1em;*/
	padding: 0.5em 3em;
	margin: 0;
	background-color: #231f20;
	text-align: center;
}

#galleryBack {
	position: absolute;
	display: block;
	height: 21px;
	top: 1.65em;
	right: 2em;
	z-index: 500;
	color: #fff;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: .5em;
	line-height: .5em;
	margin: 0;
	text-decoration: none;
	text-transform:  uppercase;
	vertical-align: middle;
}

#galleryBack img {
	vertical-align: middle;
	margin-top: -5px;
}

#galleryBack:hover {
	color: #a43439;
}

#projectGallery {
	position: relative;
	padding: 0 0 2em;
}

#nextPrev {
	font-size: 3.5em;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
	padding: 0 2%;
  z-index: 500;
}

#next, #prev {
	width: 45px;
	height: 38px;
	padding: 0 5px;
}

#next {
	float: right;
	background: url("img/global/arrow-right.png") 0 0 no-repeat;
}

#prev {
	float: left;
	background: url("img/global/arrow-left.png") 5px 0 no-repeat;
}

#next:hover {
	cursor: pointer;
	background-position: 5px 0;
}

#prev:hover {
	cursor: pointer;
	background-position: 0 0;
}

#next.disabled, #prev.disabled {
	display: none;
}

#projectContent h2 {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	color: #a43439;
	margin-bottom: .5em;
	font-weight: 500;
}

#projectContent ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #231f20;
}

#projectContent li {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em;
	list-style: disc;
	text-align: left;
	margin: 0 0 .5em 1em;
	padding: 0;
}

#projectContent h2#projectContentTitle {
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0 0 1em 0;
}

.hide-content-title #projectContent h2#projectContentTitle:first-of-type {
	display: none;
}

.hide-content-title #projectContent h2#projectContentTitle {
	margin: .7em 0;
}

/********************************************************
CONTACT
********************************************************/

.contact h2 {
	line-height: 1.5em;
}

.contact h2 a {
	text-decoration: none;
	color: #a43439;
}

.contact h2 a:hover {
	color: #231f20;
}

#google {
	background: #231f20;
	padding: 1em 0;
}

#google hr {
	border: none;
	width: 95%;
	height: 1px;
	margin: 0 2.5%;
	padding: 0;
	background-color: #a43439;
}

#saddr {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #231f20;
	font-size: .8em;
	border: 0;
	color: #fff;
	text-indent: 15px;
}

#google-btn {
	width: 15%;
	height: 30px;
	font-size: 1em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	position: absolute;
	right: 0;
	nottom: 20px;
}

#google-btn:hover {
	color: #a43439;
	cursor: pointer;
}

#contact-intro {
	overflow: visible;
}

#contactMap {
	padding-bottom: 180px;
}

#directionBG {
	position: absolute;
	left: 45%;
	bottom: 6%;
	z-index: 0;
}

#gmap {
	position: relative;
	padding-bottom: 85%; /* This is the aspect ratio */
	padding-left: 1em;
	height: 0;
	overflow: hidden;
	background-color: #d3d3d3;
}
#gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/********************************************************
FOOTER
********************************************************/

/*
Sticky Footer by Ryan Fait
http://ryanfait.com/sticky-footer/
*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
	height: 100%;
}
.allwrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
footer, .push {
	height: 45px; /* .push must be the same height as .footer */
}

footer {
	width: 100%;
	background-color: #A43439;
	font-family: 'BankGothicLtBT', sans-serif;
	font-weight: 100;
	font-size: 0.750em;
	padding: 0;
	overflow: hidden;
}

#footerL {
	padding-top: 5px;
}

#footerR {
	padding-top: 2px;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #231f20;
}

a.social {
	display: inline-block;
	font-size: 2em;
	color: #bab9b9;
	vertical-align:middle;
}





/********************************************************
RESPONSIVE
********************************************************/



@media (min-width: 1200px) {

}


@media (max-width: 1199px) {

}


@media (max-width: 875px) {

	footer, .push {
    height: 75px;
	}

	#footerL.left, #footerR.right {
		text-align: center;
		width: 100%;
	}

	.projectThumb {
    width: 46%;
	}

	h2#gallereyTitle {
    text-align: left;
	}

}


@media (max-width: 767px) {

	#topMenu li {
		width: 15%;
	}

	#topMenu li.spacer {
		width: 40%;
	}

	#homeSnipes h1 {
		font-size: 4em;
	}

}

@media (max-width: 680px) {

	body {
		font-size: 15px;
	}

	.half, .third, .twothird, .fourth, .threefourth, .fifth {
		width: 100%;
	}

	#topMenu {
		display:none;
	}

	.slicknav_menu {
		display:block;
	}

	.slicknav_menu .spacer {
		display: none;
	}

	#logo {
	    left: 20%;
	    margin-left: -100px;
	    width: 200px;
	    z-index: 950;
	}

	#logo.stick {
		top: -4.75em;
	}

	.personPosition {
		display: block;
		width: 100%;
		padding-top: .25em;
	}

	.projectThumb {
    width: 96%;
	}

}

@media (max-width: 480px) {
	#homeSnipes h1 {
		font-size: 3em;
	}

	#logo {
    left: 28%;
    width: 150px;
	}

	#logo.stick {
		top: -3.5em;
	}

	h2#gallereyTitle {
    font-size: 1.5em;
	}

	#projectContent h2#projectContentTitle {
    font-size: 1.25em;
	}

	footer, .push {
    height: 100px;
	}

}