* { margin: 0; padding: 0; }

html {
	overflow-y: scroll; 
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	height: 100%;
}

body {
	font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 62.5%;
	color: #555;
	background: #fff;
}

body#home { height: 100%; }

a:link, a:visited { color: #555; text-decoration: none; }
a:hover, a:active { color: #c69a7f; text-decoration: underline; }

/*------------------------------------------------------------*/
/* Font definitions */
/*------------------------------------------------------------*/

@font-face {
	font-family: "Metric-Regular";
	src: local("Metric-Regular");
	src: url('../fonts/metric/MetricWeb-Regular.eot');
	src: url('../fonts/metric/MetricWeb-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/metric/MetricWeb-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}

@font-face {
	font-family: "Metric-Semibold";
	src: local("Metric-Semibold");
	src: url('../fonts/metric/MetricWeb-Semibold.eot');
	src: url('../fonts/metric/MetricWeb-Semibold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/metric/MetricWeb-Semibold.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}

/*------------------------------------------------------------*/
/* Font styles */
/*------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: "Metric-Semibold", arial, helvetica, tahoma, verdana, sans-serif; font-weight: normal; }

h1 { font-size: 4.5em; color: #c69a7f; margin-bottom: 20px; line-height: 40px; }
h2 { font-size: 3.8em; margin-bottom: 10px; }
h3 { font-size: 2.6em; }
h4 { font-size: 2.2em; margin-bottom: 10px; }
h5 { font-size: 2.0em; }
h6 { font-size: 1.8em; margin-bottom: 10px; }

p { font-size: 1.5em; margin-bottom: 15px; line-height: 21px; }

ol, ul { list-style: none; }

img { max-width: 100%; }
a img { border: none; }

form {}
input, select, textarea { font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 1.4em; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input:focus { outline: none; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }

fieldset { border: none; }
legend { display: none; }
label { cursor: pointer; }

/*------------------------------------------------------------*/
/* Class definitions */
/*------------------------------------------------------------*/

.error { color: #f00; }
.highlight { color: #c69a7f; }
.lead-in { font-size: 2em; }
,last { margin-right: 0!important; }

/*------------------------------------------------------------*/
/* Button defintion */
/*------------------------------------------------------------*/

.bt-default {
	position: relative;
	display: inline-block;
	font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	padding: 15px 30px;
	text-decoration: none;
	
	border: none;
	overflow: visible;
	cursor: pointer;
	margin-bottom: 15px;
	text-align: left;
	
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.bt-default { color: #fff; background: #2a4366; }
.bt-default:hover { background: #c69a7f; }

/*------------------------------------------------------------*/
/* Constants */
/*------------------------------------------------------------*/

#content { width: 1280px; }

/*------------------------------------------------------------*/
/* Components */
/*------------------------------------------------------------*/

#wrapper { display: table; width: 100%; height: 100%; margin: 0 auto;  }
#home { width: 100%; height: 100%; }
#home-info { display: none; }

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

#header-main { position: fixed; top: 0; left: 0; display: table; width: 100%;  z-index: 5; margin: 0; background: #fff; opacity: 1; }
#header-content { overflow: auto; width: 1220px;  padding: 30px; margin: 0 auto; }

/* Logo */

#logo-main, #logo-main a { display: block; float: left; width: 167px; height: 47px; background: url(../images/branding/logo-gardner-stewart-architects@2x.png) no-repeat; background-size: 167px; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); text-indent: -99999px; }
#logo-main { margin: 0 30px 0 0; }

/*------------------------------------------------------------*/
/* Navigation */
/*------------------------------------------------------------*/

#nav-main, #nav-sub, #nav-sub ul { float: right; }
#nav-main { margin: 25px 0 0 0; }
#nav-sub { clear: both; float: left; border-top: 2px solid #e5e5e5; width: 1220px; padding: 0; margin: 30px 0 0 0; }

body#home #nav-sub, body#home #nav-sub-toggle { display: none; }

/* Nav toggle */

#nav-toggle { display: none; position: absolute; top: 0; left: 0; width: 30px; height: 22px; background: url(../images/system/nav-toggle@2x.png) no-repeat; background-size: 30px 44px; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); text-indent: -99999px; }
#nav-toggle.active { background-position: 0 -22px; }

/* Nav sub toggle */

#nav-sub-toggle { display: none; font-size: 1.8em; text-align: center; color: #555; width: 100%; }
#nav-sub-toggle:hover { text-decoration: none; }
#nav-sub-toggle span.toggle-status { display: inline-block; width: 20px; font-weight: bold; color: #c69a7f; }

#nav-main li, #nav-sub li { float: left; }
#nav-main li { margin: 0 0 0 60px; }
#nav-sub li { margin: 20px 0 0 30px; }

#nav-main li a, #nav-sub li a { font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-size: 1.8em; color: #555; }
	#nav-sub li a { font-size: 1.6em; }
#nav-main li a:hover, #nav-sub li a:hover, #nav-main li a.active, #nav-sub li a.active { color: #c69a7f; }

#nav-main li#nav-search a { display: block; width: 19px; height: 18px; background: url(../images/system/icon-search@2x.png) no-repeat; background-size: 38px; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); text-indent: -99999px; } 
#nav-main li#nav-search a:hover, #nav-main li#nav-search a.active { background-position: -19px 0; }

/*------------------------------------------------------------*/
/* Search */
/*------------------------------------------------------------*/

#search { position: fixed; left: 0; top: -100%; width: 100%; height: 0; min-height: 100%; background: #fff; z-index: 10; opacity: 0.97; overflow-y: scroll; }

#search-exit { position: absolute; top: 0; right: 10px; display: block; width: 42px; height: 40px; background: url(../images/system/icon-exit.png) no-repeat; text-indent: -99999px; }
#search-exit:hover { background: url(../images/system/icon-exit-active.png) no-repeat; }

#search-wrapper { position: relative; width: 1220px; margin: 20px auto 0 auto; }

#search-action li { float: left; }
#search-field { font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-size: 8em; color: #555; -webkit-appearance: none; border: none; margin: 0 0 30px 0; padding: 10px 10px 0 100px; box-sizing: border-box; background: url(../images/system/icon-search-large.png) no-repeat 0 18px; }
#search-submit { margin: 0 0 0 100px; }
#search-submit.bt-default { font-family: "Metric-Semibold", arial, helvetica, tahoma, verdana, sans-serif; font-size: 2.4em; color: #555; width: 122px; height: 50px; background: url(../images/system/bt-search.gif) no-repeat; }

#search-results { float: left; }
#search-results h3 { margin-bottom: 20px; }

.search-item { float: left; width: 391px; border-top: 2px solid #ececec; margin: 0 23px 0 0; padding: 15px 0; }
	.search-item:nth-child(3n+3) { margin-right: 0; }

.search-item .search-photo { float: left; width: 75px; margin: 0 15px 15px 0; }
.search-item .search-photo img { width: 72px; height: 56px; }
.search-item .search-data { float: left; width: 301px; }
.search-item .search-data h4 { font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-weight: normal; margin-bottom: 0; }
.search-item .search-data p a { color: #c69a7f; text-decoration: underline; }

/*------------------------------------------------------------*/
/* Sections */
/*------------------------------------------------------------*/

section { position: relative; margin: 0 auto; }
.section-list > li { float: left; }

a.nav-return { font-size: 1.7em; color: #c69a7f; }

/* Home */

#content section#home { display: table; margin: 0 auto; }

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

#content { position: relative; overflow: auto; margin: 0 auto; }
#content section { float: left; width: 1220px; margin: 0 30px 50px 30px; }
#content section img.loader { position: absolute; top: 40px; left: 50%; margin-left: -33px; }

.hd-image { position: absolute; top: 0; right: 0; margin: 0; z-index: 1 }
.hd-block { position: relative; float: left; width: 1220px; min-height: 600px; background: url(../images/system/bg-hd-block.png) no-repeat; z-index: 4; }

#practice .hd-image { display: none; }

	.section-info { width: 400px; padding: 20px 20px 10px 20px; margin: 50px 0 0 0; }
	.section-info.reduced { margin-top: 10px; }
	
	.default .section-info { width: auto; margin: 0; background: #e5e5e5 url(../images/system/bg-sub-block-static.png) no-repeat; }
		
	/* Define editable block styles */
	
	.section-info h1 { width: 400px; }
	.section-info ul, .section-info ol { margin: 5px 0 10px 25px; list-style: disc; }
	.section-info ul ul, .section-info ol ol { margin-left: 15px; }
	.section-info ol { list-style: decimal; }
	.section-info li { font-size: 1.5em; margin-bottom: 5px; }
	.section-info li li { font-size: inherit; margin-bottom: 5px; list-style-type: circle; }
	
	/* Section navigation */
	
	.section-navigation { width: 500px; margin: 0 0 0 20px; }
	.section-navigation ul li { float: left; width: 240px; margin: 0 10px 5px 0; }
	.section-navigation ul li a { font-family: "Metric-Semibold", arial, helvetica, tahoma, verdana, sans-serif; font-size: 2.4em; color: #c69a7f; }
	.section-navigation ul li a.active { color: #d9b8a3; }
	
	
.sub-block, .sub-block-full { float: left; width: 1180px; padding: 30px 20px; background: #e5e5e5 url(../images/system/bg-sub-block-static.png) no-repeat;  }
.sub-block-full { width: 1200px; padding: 30px 0 20px 20px; } 

.lead-condensed { width: 500px; }

/*------------------------------------------------------------*/
/* Practice */
/*------------------------------------------------------------*/

/* Practice */

#practice { background: #e5e5e5; }

/* Client list */

#clients { font-size: 1.5em; }
.clients-block { float: left; width: 280px; margin-right: 20px; }
.clients-block ul ul, .clients-group { margin-bottom: 15px; }
.clients-block li { margin-bottom: 6px; line-height: 16px; }
.client-sorting { display: none; }

/* Team list */

#team {}
#team-list { display: table; }
#team-list li.team-member { display: inline-block; width: 282px; margin-right: 20px; vertical-align: top; }
#team-list li.team-member.end, #team-list li.team-member:nth-child(4n+0) { margin-right: 0; }

#team-list li.team-member img.team-photo { margin-bottom: 10px; }
#team-list li.team-member h3 { color: #c69a7f; margin-bottom: 0px; }
#team-list li.team-member p.team-title { font-size: 2em; margin-bottom: 10px; border-bottom: 2px solid #d5d5d5; padding-bottom: 8px; }
#team-list li.team-member p.team-bio {  }

/*------------------------------------------------------------*/
/* Awards + Publications */
/*------------------------------------------------------------*/

#awards { position: relative; float: left;  }
#awards p.lead-in { width: 300px; }

#publications { position: relative; float: left; background: #e5e5e5; }

#publications-image, #publications-gallery { float: left; z-index: 0; position: absolute; top: 0; right: 0; height: 600px; }
#publications-gallery { width: 983px; overflow: hidden; }
#publications-gallery img, #practice-gallery img { position: absolute; top: 0; right: 0; z-index: 1; }
#publications-gallery img.active, #practice-gallery img.active { z-index: 3; }

.section-info ul.swap-list { display: none; margin: 0 0 15px 0; }
.section-info ul.swap-list.viewing { display: block; }
.section-info ul.swap-list li { list-style: none; margin-bottom: 5px; line-height: 15px; }

.section-info ul.pagination { width: 100%; clear: left; margin: 0 0 10px 0; }
.section-info ul.pagination li { display: inline; background: url(../images/system/pagination-divide.gif) no-repeat 0 3px; padding: 0 6px 0 8px; }
.section-info ul.pagination li:first-child { padding-left: 0; background: none; }
.section-info ul.pagination li a { text-decoration: none; }
.section-info ul.pagination li a.active { color: #c69a7f; }

#awards h1 { margin-bottom: 5px; }

#awards-main { float: left; margin: 15px 0 0 0; }
.awards-column { float: left; width: 256px; margin-right: 50px; }
.awards-column ul { font-size: 1.5em; }
.awards-column ul li { margin-bottom: 20px; }
.awards-column ul li strong { font-weight: normal; color: #c69a7f; }

#awards-imagery { float: left; width: 280px; margin-left: 2px; }
#awards-imagery li, #awards-imagery li img { float: left; }
#awards-imagery li { margin: 0 0 8px 0; }

/*------------------------------------------------------------*/
/* Contact us */
/*------------------------------------------------------------*/

#contact-us { }

#contact-us .section-info { width: 265px; float: left; margin: 0 50px 0 0; padding: 0; }
#contact-us .section-info h1 { width: auto; }
#contact-us .section-info h4 { margin-bottom: 0; }

#office-photo { text-align: left; }
#location-map { float: right; }

/*------------------------------------------------------------*/
/* News */
/*------------------------------------------------------------*/

#news {}

#news .news-item { position: relative; float: left; width: 568px; background: #fff; padding: 7px; margin: 0 16px 16px 0; min-height: 500px; }
#news .news-item:nth-child(even) { margin-right: 0; }
#news .news-item img { margin-bottom: 7px; }
#news .news-item h1 { font-family: "Metric-Semibold", arial, helvetica, tahoma, verdana, sans-serif; font-size: 2.4em; color: #555; margin-bottom: 10px; line-height: 1em; }
#news .news-block { float: left; width: 268px; margin: 0 30px 0 0; }
#news .news-block br { display: none; }
#news .news-block p a { color: #c69a7f; }
#news .news-block.end { margin-right: 0; }

#news p.news-date { position: absolute; left: 2%; bottom: 7px; float: left; width: 96%; padding-top: 10px; border-top: 2px solid #ececec; margin: 0; }

/* News full width */

/*
#content #news { width: 1280px; margin: 0 0 50px 0; }
#news .sub-block-full { width: 1220px; padding: 30px 30px 20px 30px; background-size: 1280px; }
#news .news-item { position: relative; float: left; width: 583px; background: #fff; padding: 7px; margin: 0 26px 26px 0; min-height: 560px; }
*/

/*------------------------------------------------------------*/
/* Portfolio */
/*------------------------------------------------------------*/

#portfolio, #portfolio-list > li, .portfolio-project, .portfolio-project img { float: left; }
#portfolio { float: left; margin-top: 30px; overflow-y: hidden; }

#portfolio-list { margin: 30px auto 0 auto; /* background: url(../images/misc/grid.gif) top center; */ }
#portfolio-list .item { width: 234px; margin-bottom: 10px; }

.portfolio-project { position: relative; overflow: hidden; width: 234px; height: 100%; margin-bottom: 8px; }
.portfolio-project img { height: 100%; width: 234px; }

.overlay { position: absolute; width: 100%; height: 100%; background: #2a4366; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity = 60); overflow: hidden; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

.overlay-title { position: absolute; width: 184px; bottom: 10px; right: -100%; display: block; padding: 8px 10px 8px 40px; text-align: right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: url(../images/system/bg-hd-portfolio.png) no-repeat 5px 0; font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-size: 1.4em; color: #555; font-weight: normal; opacity: 1; z-index: 1; text-decoration: none; }

.portfolio-project a:hover .overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity = 0); }
.portfolio-project a:hover .overlay-title { right: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity = 100); }

/* Duotone, grayscale filter */

.portfolio-project a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }

.portfolio-project a:hover img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; /* Firefox 4+ */ filter: none; /* IE 6-9 */ filter: none; }

/*------------------------------------------------------------*/
/* Portfolio detail */
/*------------------------------------------------------------*/

#portfolio-detail { }

.project-info { float: left; width: 338px; margin: 0 50px 0 0; }
.project-info h4 { margin-bottom: 20px; }

.project-gallery h4.project-location, .project-info h4.project-location { font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-size: 2.0em; }
.project-gallery h3.project-name, .project-gallery h4.project-location { display: none; }

.project-info h5 { color: #c69a7f; }
.project-info ul, .project-info ol { font-size: 1.5em; margin: 0 0 20px 20px; }
.project-info ul li, .project-info ol li { margin: 0 0 3px 0; list-style: disc; }
.project-info ul ul { font-size: inherit; margin: 3px 0 3px 15px; }
.project-info ul ul li { list-style-type: circle; }
.project-info ol li { list-style-type: decimal; }

.project-info img { margin-bottom: 10px; }

.project-gallery { float: right; }
.project-stage { float: left; width: 750px; }
.project-hero { float: left; margin: 0 0 10px 0; }

.project-controls li { float: left; width: 33.3%; }
.project-controls li.view-gallery { text-align: center; }
.project-controls li.view-animation { text-align: right; }

.project-controls li a { display: inline-block; font-size: 1.8em; color: #2a4366; padding: 3px 0 0 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 25px !important; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); }

	.project-controls li.view-model a { background: url(../images/system/icon-model.png) no-repeat; }
		.project-controls li.view-model a:hover { background: url(../images/system/icon-model-active.png) no-repeat; }
		
	.project-controls li.view-gallery a { background: url(../images/system/icon-gallery.png) no-repeat; }
		.project-controls li.view-gallery a:hover { background: url(../images/system/icon-gallery-active.png) no-repeat; }
	
	.project-controls li.view-animation a { background: url(../images/system/icon-animation.png) no-repeat; }
		.project-controls li.view-animation a:hover { background: url(../images/system/icon-animation-active.png) no-repeat; }
	
.project-controls li a:hover { color: #c69a7f; text-decoration: none; }

.project-extra { float: right; width: 72px; margin: 0 0 0 10px; }
.project-extra ul li { margin: 0 0 8px 0; }
.project-extra ul li img { display: block; }

/*------------------------------------------------------------*/
/* Carousel */
/*------------------------------------------------------------*/

#home { overflow-x: hidden; }

#carousel-home, .carousel-main, .carousel-main li { width: 100%; height: 100%;  }
.carousel-main li { position: fixed; top: 0; left: 0; background-repeat: no-repeat; background-position: top center; background-size: cover; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); z-index: -99999; }
.carousel-main li img { display: none; }

.slider-hd { position: absolute; bottom: 40px; right: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; opacity: 0; }
.slider-hd { display: none; font-family: "Metric-Regular", arial, helvetica, tahoma, verdana, sans-serif; font-size: 2.8em;  text-align: center; background: url(../images/system/bg-hd-portfolio.png) no-repeat 5px 0; opacity: 0.9; padding: 9px 30px 10px 80px; margin-bottom: 0; }

.slider-hd.inactive { right: -100%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }

.bx-controls { display: none; }

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

body#home #footer-main { display: none; }
#footer-main { clear: both; width: 1220px; margin: 0 auto; }
#footer-main p#copyright { float: left; margin: 0 0 20px 0; }
#footer-main #legal { float: right; }
#footer-main #legal li { float: left; font-size: 1.5em; margin-left: 20px; }

/*------------------------------------------------------------*/
/* Fancybox defaults for lightbox */
/*------------------------------------------------------------*/

.fancybox-skin { background: #e6e6e6 !important; border-radius: 0 !important; }
/* .fancybox-close { width: 42px !important; height: 40px !important; top: -50px !important; right: 0 !important; background: url(../images/system/icon-exit.png) no-repeat !important; } */

.fancybox-close { position: fixed !important; width: 42px !important; height: 40px !important; top: 20px !important; right: 20px !important; background: url(../images/system/icon-exit.png) no-repeat !important; }

.fancybox-opened .fancybox-skin { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

.fancybox-prev span { background: url(../images/system/arrow-left.png) no-repeat !important; background-position: 0 0 !important; }
.fancybox-next span { background: url(../images/system/arrow-right.png) no-repeat !important; background-position: 0 0 !important; }

.fancybox-nav {}

.fancybox-nav span {
	visibility: visible !important;
	opacity: 1 !important;
	width: 41px !important;
	height: 78px !important; 
	margin-top: -37px !important;
}

.fancybox-nav:hover span { opacity: 1 !important; }

.fancybox-next { right: -81px !important; }
.fancybox-prev { left: -81px !important; }


.fancybox-links {
	position: fixed;
    bottom: 10px;
    width: 100%;
    padding-top: 10px;
    list-style: none;
    text-align: center;
    z-index: 99999;
}

.fancybox-links li {
    display: inline;
    padding: 0 5px;
}

.fancybox-links li label {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background-color: #555;
    cursor: pointer;
}

.fancybox-links li.active label {
	width: 8px; height: 8px;
    background-color: #fff;
    border: 1px solid #555;
}

/*------------------------------------------------------------*/
/* Responsive */
/*------------------------------------------------------------*/

/* Version desktop scale */

@media only screen and (max-width: 1279px) { 
	
	#search { width: 100%; padding: 20px; box-sizing: border-box; }

	#search-action-li { clear: left; }
	#search-field { width: 600px; font-size: 6em; padding-bottom: 10px; background-position: 0 0; }
	#search-submit { margin: 0; clear: left; }
	
	.search-item { width: 48%; margin: 0 1%; display: inline-block; vertical-align: top; }
	.search-item:nth-child(3n+3) { margin-right: 1%; }
	.search-item .search-data { float: none; width: auto; clear: left; }

	
	#wrapper { width: 95%; display: block; max-width: 1220px; }
		body#home #wrapper { width: 100%; max-width: 100%; }
	
	#search-wrapper, #content, #home, #footer-main, #header-main, #header-content, #nav-sub, #carousel-home, #content section, .sub-block-full, .hd-block, .section-list > li, .section-info h1, #awards p.lead-in, #awards-imagery li, #news .news-block, .project-info, .project-stage, .project-extra { width: 100%; }

	#header-main, #header-content { position: relative !important; box-sizing: border-box; }
	#header-content { padding: 30px 0; }
		body#home #header-main { position: fixed !important; }
		body#home #header-content { padding: 30px; } 

	#content { float: left; margin-top: 0 !important; }
	.carousel-main { width: auto !important; }
	
	#nav-main li { margin: 0 0 0 20px; }
	#nav-main li a, #nav-sub li a { font-size: 1.6em; }
	
	/* Sections */
	
	.sub-block-full { box-sizing: border-box; }
	
	#content section { margin: 0 0 50px 0; }
	
	/* Clients list */
	
	.clients-block { width: 23.3%; margin: 0 2% 0 0; }
	.clients-block:nth-child(n+4) { margin-right: 0; }
	
	/* Team */
	
	#team-list li.team-member, .awards-column, #awards-imagery { width: 23%; margin-right: 2%; }
	#awards-imagery { margin-right: 0; }
	
	/* Portfolio */
	
	#portfolio-list { margin-top: 0; }
	
	/* Portfolio detail */

	.project-gallery, .project-stage, .project-hero { float: none; }
	.project-gallery { margin: 0 auto; }
	.project-gallery h3.project-name, .project-gallery h4.project-location { display: block; }
	.project-info h3.project-name, .project-info h4.project-location { display: none; }
	.project-extra { margin: 19px auto 0 auto; text-align: center; }
	.project-extra ul li { display: inline-block; margin: 0 11px 19px; }
	.project-hero { text-align: center; margin: 0 auto 10px auto; }
	
	.project-controls { width: 100%; max-width: 750px; margin: 0 auto; }
	.project-controls li { width: 100%; margin: 0 0 15px 0; text-align: left !important; }
	
	/* Publications */
	
	#publications-image { height: auto; max-height: 600px; }
	
	/* News */
	
	#news .news-item { width: 48%; margin-right: 2%; box-sizing: border-box; min-height: 530px; }
	
	/* Contact us */
	
	#contact-us .section-info { width: 30%; margin-right: 5%; }
	#location-map { width: 65%; }
	
	.fancybox-next { right: -51px !important; }
	.fancybox-prev { left: -51px !important; }
}

/*------------------------------------------------------------*/
/* Mobile responsive version */
/*------------------------------------------------------------*/

@media only screen and (max-width: 768px) { 
	html { overflow-y: scroll !important; }

	#wrapper, body#home #wrapper { width: 95%; }
	body#home { -webkit-overflow-scrolling: touch; }

	#search-wrapper { margin-top: 0; }
	#search { display: none; position: static; width: 95%; top: 0 !important; height: auto; min-height: 0; margin: 20px auto 0 auto; overflow: auto; opacity: 1; padding: 0; }
	
	body.viewing-search #search { display: block !important; height: auto; }

	#search-submit { display: none; }
	#search-exit { display: none; }
	
	#search-action li { width: 100%; }
	#search-field { width: 100%; border: 1px solid #e5e5e5; font-size: 1.6em; background-size: 15px; -ms-behavior: url(/assets/polyfills/backgroundsize/backgroundsize.htc); background-position: 10px 10px; padding:0 10px 0 40px; line-height: 38px; height: 38px; margin-bottom: 0; }
	#search-results h3 { margin-top: 20px; }
	
	.search-item { width: 100%; margin: 0; }
	.search-item:nth-child(3n+3) { margin-right: 0; }
	.search-item .search-data { width: auto; float: left; }

	#wrapper { width: 95%; display: block; height: auto; }
	
	#search-wrapper, #content, #footer-main, #header-main, #nav-sub, #carousel-home, #content section, .sub-block-full, .clients-block, .lead-condensed, .hd-block, .section-list > li, .section-info h1, .section-navigation, #awards p.lead-in, .awards-column, #awards-imagery, #awards-imagery li, #news .news-block, #contact-us .section-info, #location-map, .project-info, .project-stage, .project-extra { width: 100%; }
	
	#home-info { display: block; padding: 20px 0; }
	#home-info h2 { line-height: 38px; margin-bottom: 15px; }
	
/* Header */
	
	#header-main { padding: 20px 0 0 0; }
		body#home #header-main { position: static !important; }
		
	body#home #header-content, #header-content { padding: 0; }
	#logo-main { float: none; margin: 0 auto 25px auto; }
	
/* Nav */

	#nav-toggle, #nav-sub-toggle { display: block; }
	#nav-sub.active { border-top: 2px solid #e5e5e5; }
	#nav-sub.inactive { display: none; }
	
	#nav-main { display: table; width: 100%; margin: 0 auto; }
	#nav-main.active { margin: 15px auto; }
	#nav-main.inactive li  { display: none; }
	#nav-main.active li#nav-search { display: block; }

	#nav-main, #nav-sub, #nav-sub ul { float: none;  }
	#nav-sub { overflow: auto; }
	
	#nav-main li, #nav-sub li { width: 100%;  margin: 0; text-align: center; }
	#nav-main li a, #nav-sub li a { font-size: 1.8em; }
	
	#nav-main li a { display: block; padding: 10px 0; color: #555;  }
	#nav-main li a:hover { color: #c69a7f; text-decoration: none; }
	#nav-main li#nav-contact-us { border-bottom: 2px solid #e5e5e5; padding-bottom: 10px; }
	
	#nav-main li#nav-search { position: absolute; top: 0; right: 0; display: block; width: 19px; height: 18px; text-indent: -99999px; padding: 0; border: none; }
	#nav-main li#nav-search a { padding: 0; }
	
	#nav-sub { border-top: none; margin: 15px 0 0 0; padding: 15px 0 0 0; }
	#nav-sub li a { display: block; padding: 0 0 10px 0; }
	
/* Containers */
	
	#content { margin-top: 20px !important; }
	#content section { margin: 0 0 30px 0; }
	.hd-image { position: static; float: left; width: 100%; margin: 0; }
		
	.hd-block { min-height: 0; background: none; }

	.sub-block, .sub-block-full { background: none; padding-bottom: 0; }
	.sub-block-full { padding: 0; margin: 0; }
	
	.section-info { margin: 0; width: 100%; box-sizing: border-box; }
	.section-info h1 { text-align: left; }
	
	.section-navigation { overflow: auto; width: 95%; margin: 0 2.5% 20px 2.5%; border-top: 2px solid #ccc; padding-top: 20px; }
	.section-navigation ul li { width: 50%; margin: 0 0 10px 0; text-align: center; }
	.section-navigation ul li a { font-size: 2.0em; }
	
	.fancybox-next { right: -41px !important; display: none; }
	.fancybox-prev { left: -41px !important; display: none; }
	
/*------------------------------------------------------------*/
/* Sections */
/*------------------------------------------------------------*/
	
/* Home */
	
	#home { display: block; height: auto; }
	#carousel-home { height: auto; }
	.carousel-main { width: auto !important; }
	.carousel-main li { width: 100%; clear: left; margin-bottom: 10px; background: none !important; opacity: 1! important; position: relative; }
	.carousel-main li img { display: block; }
	
	/* #home .slider-hd { display: block !important; position: static; padding: 0; margin: 10px 0; opacity: 1; background: none; } */
	
	.slider-hd { font-size: 1.6em; bottom: 10px; -webkit-transition: none !important; padding: 9px 20px 10px 50px; }
	.slider-hd, .slider-hd.inactive { right: 0!important; }
	
	.bx-controls { display: block; }

/* Practice */
	#practice .hd-image { display: block; }
	#practice > ul > li { background: #e5e5e5 none; }
	#practice-gallery { display: none; }
	
/* Portfolio */

	#portfolio { max-width: 604px; float: none !important; margin: 0 auto !important; }
	#portfolio-list { margin-top: 0; }
	#portfolio-list > li {  }
	.portfolio-project, .portfolio-project img { width: 100%; }
	#portfolio-list > li:nth-child(2n+2) { margin-right: 0; }

	/* Make titles visible for mobile views on portfolio pics */
	
	.portfolio-project img { }
	/* .overlay-title { right: 0; background-image: none; background-color: #fff; width: 214px; box-shadow: 1px 1px 4px #000; opacity: 0.9; } */ /* High contrast mobile titles */
	
	.overlay { background: none; }
	.overlay-title { right: 0; }
	
	.portfolio-project a img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; filter: none; }
	
	.project-info { padding-top: 20px; border-top: 2px solid #e5e5e5; }

/* Clients */
	
	#client-list, #team, #awards { background: #e5e5e5; padding: 20px; box-sizing: border-box; }
	.clients-block { text-align: left; }
	.client-sorting { display: block; margin-bottom: 15px; }
	
/* Awards */
	
	#awards h1 { margin-bottom: 20px; }
	.awards-column { margin-right: 0; text-align: left; }
	#awards-imagery li { text-align: center; width: 49%; margin-right: 2%; }
	#awards-imagery li:nth-child(n+2) { margin-right: 0; }
	#awards-imagery li img { float: none; }

	/* Publications */
	
	#publications-image, #publications-gallery { display: none !important; }
	
	/* News */
	
	#news .news-item { width: 100%; padding: 0; margin: 0 0 30px 0; min-height: 0; padding: 20px; background: #e5e5e5; }
	#news .news-block { margin: 0; }
	#news .news-item img { display: block; margin: 0 auto 10px auto; }
	#news .news-item h1 { text-align: left; }
	#news p.news-date { position: static; border-top: 1px solid #555; width: 100%; }
	
	/* Contact us */
	
	#contact-us .section-info, #contact-us .section-info h1, #location-map { text-align: left; }
	#contact-us .section-info { margin-right: 0; }
	#office-photo {  margin-bottom: 15px; }
	#location-map { float: none; }
	
	#team-list li.team-member { width: 45%; text-align: center; margin: 0 2.3%; }
	
	body#home #footer-main { display: block; }
	#footer-main { display: block; float: none; text-align: center; overflow: auto; border-top: 2px solid #e5e5e5; padding-top: 10px; }
	#footer-main p#copyright { float: none; margin: 20px auto; }
	
	#footer-main #legal { clear: left; float: none; margin: 0; }
	#footer-main #legal li { float: none; width: auto; margin: 10px 0 ; }
}

/* iPad styles */

@media only screen and (max-device-width: 1024px) { 
	.overlay-title { right: 0; }
}

/*------------------------------------------------------------*/
/* Touch styles */
/*------------------------------------------------------------*/

	body.touch a:link, body.touch a:visited, body.touch a:hover, body.touch a:active { text-decoration: none; } 

/* Galleria */
	
	.galleria-container { background: #fff !important; }
	.galleria-stage { opacity: 0; }