/* ================================================================

   main.css

   Author: Brandon Leudke, www.LeudkeCreative.com

=================================================================== */


/* BOOTSTRAP
/* =========================================================================================================================================== */
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
              /*
              input[type="search"] {
                -webkit-box-sizing: content-box;
                   -moz-box-sizing: content-box;
                        box-sizing: content-box;
                -webkit-appearance: textfield;
              }
              input[type="search"]::-webkit-search-cancel-button,
              input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none;
              }
              */
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Other Bootstrap styles - selected
=================================================================== */

small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}





.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
/* =========================================================================================================================================== */
/* !BL@LC */
/* From HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/
=================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

    /* !BL@LC see Bootstrap */
    /*
    audio,
    canvas,
    img,
    video {
        vertical-align: middle;
    }
    */

/*
 * Remove default fieldset styles.
 */

    /* !BL@LC see Bootstrap */
    /*
    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }
    */

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
/* ==========================================================================
   Prompts - Browser Upgrade & Javascript Off
   ========================================================================== */

.prompt,
.browserupgrade {
  position: relative;
  padding: 0;

  top: 0;
  right: 0;
  z-index: 20000;
  font-size: .85em;
  color: #555;
  background: #FFF;
  margin: 1em;
}
.prompt a,
.browserupgrade a {
  text-decoration: underline;
  color: #333;
}
@media (min-width:768px) {
  .prompt,
  .browserupgrade {
    position: absolute;
    padding: .5em 1em;
  }
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Style adjustments for viewports that meet the condition */
@media only screen and (min-width: 35em) {

}

/* Style adjustments for high resolution devices */
/* https://github.com/h5bp/html5-boilerplate/issues/1474 */
/*
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}
*/

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
/*         text-decoration: underline; */
        border-bottom: 1px solid #BBB;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* =========================================================================================================================================== */
/* Boostrap - Customized
=================================================================== */

ul, ol {
  padding: 0;
  margin: 0 0 1.375em;
}
a {
	color: inherit; /* !BL@LC */
	color: #333;
	text-decoration: none;
	  /* !BL@LC */
  	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

      border-bottom: none;
}

a:hover {
/* 	color: #F00;  *//* !BL@LC */
  color: #000;
	text-decoration: none;

/* 	    border-bottom: 1px solid #BBB; */
}
/*
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	text-decoration: none;
}
*/
/* !BL@LC */
/* hide outlines/dotted boxes visible in Firefox (etc?) */
* { outline: none; }
a:focus { -moz-outline-style: none; }


img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-rounded {
	border-radius: 6px;
}

.img-thumbnail {
	padding: 4px;
	line-height: 1 28571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.img-circle {
	border-radius: 50%;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

/* !BL@LC =============== used for .project .modules */

figure {
  margin: 0;
}

/* =========================================================================================================================================== */


/* ON STATE */
/* profile gn-1, people gn-2, projects gn-3, recognition gn-4, contact gn-5, links gn-6 */
#home .gn-home, #all-projects .gn-projects, #projects .gn-projects, #people .gn-people, #process .gn-process, #profile .gn-profile, #news .gn-news, #contact .gn-contact,
#awards .gn-awards {
  color: #F00;
}


/* Slideshow - Option 2 - NOT full width
=================================================================== */

.module.slideshow-framed { padding: 0 16px !important; }



/* Loader
=================================================================== */

/* From Zerif  */

  /* !BL@LC */
  @media (min-width: 768px) {

  /* PRE LOADER */
  .preloader {
  	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background-color: #fefefe;
  	z-index: 99999;
  	height: 100%;
  	width: 100%;
  	overflow: hidden !important;
  }
  .status {
  	width: 500px;
  	height: 104px;
  	position: absolute;
  	left: 50%;
  	top: 48%;
  	/* see div for img */
  	/* background-image: url(/assets/img/loading.gif); */
  	/* background-image: url(/assets/img/dau-logo.svg); */
  	background-repeat: no-repeat;
  	background-position: center;
  	margin: -104px 0 0 -250px; /* -104px 0 0 -250px; */

  	display: none; /* to fadeIn */
  }
  /*
  .status img {
    width: 250px;
  }
  */

  .status img {
    width: 500px;
  }


  /* internal relative link */
  /* http://css-tricks.com/snippets/css/style-links-depending-on-destination/ */

  a[href^="/"], a[href^=".."] {

  }


}

/* Helper Classes
=================================================================== */


.z-index-top {
  z-index: 9998;
}
/* !BL@LC  font-awesome - no border */
a.fa, i.fa {
  border: none !important;
}
/* !BL@LC *  CSS TRICKS - modified */
pre {
  overflow: auto;
  color: #FFF;
  background: #A8ABB3; /* #1D1F21; */
  padding: 0 0 0 10px;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -ms-word-break: normal;
  word-break: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  position: relative;
}
pre code {
  font-family: 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
  font-size: 0.9rem;
  background: none;
  padding: 12px 15px;
  white-space: pre;
  overflow: auto;
  display: block;
}
/* !BL@LC - DEV */
.dev {
  opacity: .5;
}
.dev:hover {
  opacity: 1
}
.padding-l-r-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* =========================================================================================================================================== */
/* Humour
=================================================================== */
.joke {
  opacity: 0;
  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out; }
.joke:hover, .joke:focus {
  opacity: .3;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

}
.joke#top { position: absolute; top: 10px; right: 8.333333333333332%; z-index: 9999;}

.joke#top audio#billyConnollyDemands { }

.joke-gif {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 92% !important;
  width: 93% !important;
  -webkit-clip-path: inset(0px 0px 5% 0px);
  clip-path: inset(0px 0px 5% 0px);
  right: 2%;
}
.project-list-item {
  position: relative;
}
.project-list-item:hover .joke-gif-1 {
  opacity: 1;
}
/* =========================================================================================================================================== */


.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 16px;
	padding-right: 16px;
}

.container:before,.container:after {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

.row {
	margin-left: -16px;
	margin-right: -16px;
}

  /* !BL@LC */
  .project-head .row {
    margin-left: -16px;
  	margin-right: -16px;
  }

.row:before,.row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 16px;
	padding-right: 16px;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11 {
	float: left;
}

.col-xs-1 {
	width: 8.333333333333332%;
}

.col-xs-2 {
	width: 16.666666666666664%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-4 {
	width: 33.33333333333333%;
}

.col-xs-5 {
	width: 41.66666666666667%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-7 {
	width: 58.333333333333336%;
}

.col-xs-8 {
	width: 66.66666666666666%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-10 {
	width: 83.33333333333334%;
}

.col-xs-11 {
	width: 91.66666666666666%;
}

.col-xs-12 {
	width: 100%;
}

@media (min-width:768px) {
	.container {
		max-width: 728px;
	}

	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11 {
		float: left;
	}

	.col-sm-1 {
		width: 8.333333333333332%;
	}

	.col-sm-2 {
		width: 16.666666666666664%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 33.33333333333333%;
	}

	.col-sm-5 {
		width: 41.66666666666667%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7 {
		width: 58.333333333333336%;
	}

	.col-sm-8 {
		width: 66.66666666666666%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-10 {
		width: 83.33333333333334%;
	}

	.col-sm-11 {
		width: 91.66666666666666%;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-push-1 {
		left: 8.333333333333332%;
	}

	.col-sm-push-2 {
		left: 16.666666666666664%;
	}

	.col-sm-push-3 {
		left: 25%;
	}

	.col-sm-push-4 {
		left: 33.33333333333333%;
	}

	.col-sm-push-5 {
		left: 41.66666666666667%;
	}

	.col-sm-push-6 {
		left: 50%;
	}

	.col-sm-push-7 {
		left: 58.333333333333336%;
	}

	.col-sm-push-8 {
		left: 66.66666666666666%;
	}

	.col-sm-push-9 {
		left: 75%;
	}

	.col-sm-push-10 {
		left: 83.33333333333334%;
	}

	.col-sm-push-11 {
		left: 91.66666666666666%;
	}

	.col-sm-pull-1 {
		right: 8.333333333333332%;
	}

	.col-sm-pull-2 {
		right: 16.666666666666664%;
	}

	.col-sm-pull-3 {
		right: 25%;
	}

	.col-sm-pull-4 {
		right: 33.33333333333333%;
	}

	.col-sm-pull-5 {
		right: 41.66666666666667%;
	}

	.col-sm-pull-6 {
		right: 50%;
	}

	.col-sm-pull-7 {
		right: 58.333333333333336%;
	}

	.col-sm-pull-8 {
		right: 66.66666666666666%;
	}

	.col-sm-pull-9 {
		right: 75%;
	}

	.col-sm-pull-10 {
		right: 83.33333333333334%;
	}

	.col-sm-pull-11 {
		right: 91.66666666666666%;
	}

	.col-sm-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.col-sm-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.col-sm-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.col-sm-offset-6 {
		margin-left: 50%;
	}

	.col-sm-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.col-sm-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.col-sm-offset-9 {
		margin-left: 75%;
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.col-sm-offset-11 {
		margin-left: 91.66666666666666%;
	}
}

@media (min-width:992px) {
	.container {
		max-width: 1280px;
	}

	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11 {
		float: left;
	}

	.col-md-1 {
		width: 8.333333333333332%;
	}

	.col-md-2 {
		width: 16.666666666666664%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-4 {
		width: 33.33333333333333%;
	}

	.col-md-5 {
		width: 41.66666666666667%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-7 {
		width: 58.333333333333336%;
	}

	.col-md-8 {
		width: 66.66666666666666%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-10 {
		width: 83.33333333333334%;
	}

	.col-md-11 {
		width: 91.66666666666666%;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-push-0 {
		left: auto;
	}

	.col-md-push-1 {
		left: 8.333333333333332%;
	}

	.col-md-push-2 {
		left: 16.666666666666664%;
	}

	.col-md-push-3 {
		left: 25%;
	}

	.col-md-push-4 {
		left: 33.33333333333333%;
	}

	.col-md-push-5 {
		left: 41.66666666666667%;
	}

	.col-md-push-6 {
		left: 50%;
	}

	.col-md-push-7 {
		left: 58.333333333333336%;
	}

	.col-md-push-8 {
		left: 66.66666666666666%;
	}

	.col-md-push-9 {
		left: 75%;
	}

	.col-md-push-10 {
		left: 83.33333333333334%;
	}

	.col-md-push-11 {
		left: 91.66666666666666%;
	}

	.col-md-pull-0 {
		right: auto;
	}

	.col-md-pull-1 {
		right: 8.333333333333332%;
	}

	.col-md-pull-2 {
		right: 16.666666666666664%;
	}

	.col-md-pull-3 {
		right: 25%;
	}

	.col-md-pull-4 {
		right: 33.33333333333333%;
	}

	.col-md-pull-5 {
		right: 41.66666666666667%;
	}

	.col-md-pull-6 {
		right: 50%;
	}

	.col-md-pull-7 {
		right: 58.333333333333336%;
	}

	.col-md-pull-8 {
		right: 66.66666666666666%;
	}

	.col-md-pull-9 {
		right: 75%;
	}

	.col-md-pull-10 {
		right: 83.33333333333334%;
	}

	.col-md-pull-11 {
		right: 91.66666666666666%;
	}

	.col-md-offset-0 {
		margin-left: 0;
	}

	.col-md-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.col-md-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.col-md-offset-3 {
		margin-left: 25%;
	}

	.col-md-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.col-md-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.col-md-offset-6 {
		margin-left: 50%;
	}

	.col-md-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.col-md-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.col-md-offset-9 {
		margin-left: 75%;
	}

	.col-md-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.col-md-offset-11 {
		margin-left: 91.66666666666666%;
	}
}

@media (min-width:1200px) {


    /* !BL@LC */

    .col-lg-offset-1-half {
      /* margin-left: 8.333333333333332%; */
      margin-left: 4.1666666667%;
  	}

    /* align with logo */
    .col-sm-offset-fixed,
    .col-lg-offset-fixed {
/*       margin-left: 25px; */
    }



	.container {
		max-width: 2048px;
	}

	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11 {
		float: left;
	}

	.col-lg-1 {
		width: 8.333333333333332%;
	}

	.col-lg-2 {
		width: 16.666666666666664%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-4 {
		width: 33.33333333333333%;
	}

	.col-lg-5 {
		width: 41.66666666666667%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-7 {
		width: 58.333333333333336%;
	}

	.col-lg-8 {
		width: 66.66666666666666%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-10 {
		width: 83.33333333333334%;
	}

	.col-lg-11 {
		width: 91.66666666666666%;
	}

	.col-lg-12 {
		width: 100%;
	}

	.col-lg-push-0 {
		left: auto;
	}

	.col-lg-push-1 {
		left: 8.333333333333332%;
	}

	.col-lg-push-2 {
		left: 16.666666666666664%;
	}

	.col-lg-push-3 {
		left: 25%;
	}

	.col-lg-push-4 {
		left: 33.33333333333333%;
	}

	.col-lg-push-5 {
		left: 41.66666666666667%;
	}

	.col-lg-push-6 {
		left: 50%;
	}

	.col-lg-push-7 {
		left: 58.333333333333336%;
	}

	.col-lg-push-8 {
		left: 66.66666666666666%;
	}

	.col-lg-push-9 {
		left: 75%;
	}

	.col-lg-push-10 {
		left: 83.33333333333334%;
	}

	.col-lg-push-11 {
		left: 91.66666666666666%;
	}

	.col-lg-pull-0 {
		right: auto;
	}

	.col-lg-pull-1 {
		right: 8.333333333333332%;
	}

	.col-lg-pull-2 {
		right: 16.666666666666664%;
	}

	.col-lg-pull-3 {
		right: 25%;
	}

	.col-lg-pull-4 {
		right: 33.33333333333333%;
	}

	.col-lg-pull-5 {
		right: 41.66666666666667%;
	}

	.col-lg-pull-6 {
		right: 50%;
	}

	.col-lg-pull-7 {
		right: 58.333333333333336%;
	}

	.col-lg-pull-8 {
		right: 66.66666666666666%;
	}

	.col-lg-pull-9 {
		right: 75%;
	}

	.col-lg-pull-10 {
		right: 83.33333333333334%;
	}

	.col-lg-pull-11 {
		right: 91.66666666666666%;
	}

	.col-lg-offset-0 {
		margin-left: 0;
	}

	.col-lg-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.col-lg-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.col-lg-offset-3 {
		margin-left: 25%;
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.col-lg-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.col-lg-offset-6 {
		margin-left: 50%;
	}

	.col-lg-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.col-lg-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.col-lg-offset-9 {
		margin-left: 75%;
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.col-lg-offset-11 {
		margin-left: 91.66666666666666%;
	}
}
/*! ==========================================================================
   Fonts - Proxima Nova
========================================================================== */

@font-face {
  font-family: "Proxima Nova";
  font-weight: bold;
  font-style: normal;
  src: url("/assets/fonts/proximanova/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/proximanova/proximanova-bold-webfont.woff") format("woff"),url("/assets/fonts/proximanova/proximanova-bold-webfont.ttf") format("truetype"),url("/assets/fonts/proximanova/proximanova-bold-webfont.svg#Proxima Nova") format("svg");
}
@font-face {
  font-family: "Proxima Nova";
  font-weight: 200;
  font-style: normal;
  src: url("/assets/fonts/proximanova/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/proximanova/proximanova-light-webfont.woff") format("woff"),url("/assets/fonts/proximanova/proximanova-light-webfont.ttf") format("truetype"),url("/assets/fonts/proximanova/proximanova-light-webfont.svg#Proxima Nova") format("svg");
}
@font-face {
  font-family: "Proxima Nova";
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/proximanova/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/proximanova/proximanova-regular-webfont.woff") format("woff"),url("/assets/fonts/proximanova/proximanova-regular-webfont.ttf") format("truetype"),url("/assets/fonts/proximanova/proximanova-regular-webfont.svg#Proxima Nova") format("svg");
}
@font-face {
  font-family: "Proxima Nova";
  font-weight: 600;
  font-style: normal;
  src: url("/assets/fonts/proximanova/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/proximanova/proximanova-semibold-webfont.woff") format("woff"),url("/assets/fonts/proximanova/proximanova-semibold-webfont.ttf") format("truetype"),url("/assets/fonts/proximanova/proximanova-semibold-webfont.svg#Proxima Nova") format("svg");
}

/*! ==========================================================================
   Fonts - Gotham Narrow
========================================================================== */

@font-face {
    font-family: 'GothamNarrowLight';
    src: url('/assets/fonts/gothamnarrow-light.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-light.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-light.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-light.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowLight') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrowLightItalic';
    src: url('/assets/fonts/gothamnarrow-lightitalic.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-lightitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-lightitalic.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-lightitalic.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-lightitalic.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowLightItalic') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'GothamNarrowBook';
    src: url('/assets/fonts/proximanova/proximanova-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/proximanova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/proximanova/proximanova-regular-webfont.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/proximanova/proximanova-regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/proximanova/proximanova-regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/proximanova/proximanova-regular-webfont.svg#GothamNarrowBook') format('svg'); */ /* Legacy iOS */
    font-weight: lighter;
    font-style: normal;
}


@font-face {
    font-family: 'GothamNarrowBookItalic';
    src: url('/assets/fonts/gothamnarrow-bookitalic.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-bookitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-bookitalic.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bookitalic.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bookitalic.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowBookItalic') format('svg'); */ /* Legacy iOS */
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'GothamNarrowMedium';
    src: url('/assets/fonts/gothamnarrow-medium.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-medium.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-medium.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-medium.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowMedium') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrowMediumItalic';
    src: url('/assets/fonts/gothamnarrow-mediumitalic.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-mediumitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-mediumitalic.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-mediumitalic.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-mediumitalic.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowMediumItalic') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothamNarrowBold';
    src: url('/assets/fonts/gothamnarrow-bold.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-bold.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bold.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bold.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowBold') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GothamNarrowBoldItalic';
    src: url('/assets/fonts/gothamnarrow-bolditalic.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/gothamnarrow-bolditalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/gothamnarrow-bolditalic.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bolditalic.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/gothamnarrow-bolditalic.ttf') format('truetype'); /* Safari, Android, iOS */
         /* , */
         /* url('/assets/fonts/svg/gothamnarrow-book.svg#GothamNarrowBoldItalic') format('svg'); */ /* Legacy iOS - Probably don't need */
    font-weight: bold;
    font-style: italic;
}



html,button,input,select,textarea {
	color: #333;
}

img {
	vertical-align: middle;
}

textarea {
	resize: vertical;
}

strong {
	/* font-family: GothamNarrowBold; */
  font-weight: 400;
	  font-family: 'Proxima Nova', sans-serif;

	font-weight: 600;
}

* {
	box-sizing: border-box;
}

#baseline-grid {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	list-style: none;
	padding: 0;
	margin: 0;
}

#baseline-grid li {
	height: 1.375em;
	border-bottom: 1px solid #ce0318;
}


body {
	/* font: 400 100%/1.375 GothamNarrowBook,sans-serif; */

  	/* !BL@LC  See herein for embedded web fonts: GothamNarrowBook, etc. 	All others are system fonts (if available) 	*/

	/* font: 400 100%/1.375 'GothamNarrowBook','Gotham narrow',Helvetica,sans-serif; */
	font: 400 100%/1.375 'Proxima Nova',sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1em;
    padding-top: 130px;

  	 padding-top: 108px;

	/* font-family: ; */

	/* overflow-x: hidden; */ /* !BL@LC */
}
body#home {
/* 	padding-top: 88px; */
	 padding-top: 108px;
}
html.noscroll,body.noscroll {
	overflow: hidden!important;
}

h1,h2,h3,h4 {
	font-size: 1em;
	margin: 0 0 1.375em;
	/* font-family: GothamNarrowBold,sans-serif; */
	  font-family: 'Proxima Nova', sans-serif;
	/* font-weight: bold; */
	font-weight: 600;
}
h1 {
	font-weight: 500;
}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 0 1.375em;
}

em {
	/*
font-family: GothamNarrowItalic,sans-serif;
	font-style: normal;
*/
				font-family: 'Proxima Nova', sans-serif;
        font-style: italic;
}

.underline .und {
	/* text-decoration: underline; */
}

/* !BL@LC full screen */
.presentation-view.underline {
  font-weight: 100;
}
/* add arrow symbol */
.presentation-view.underline .und:last-child:after {
	font-style: normal;
	font-size: 60%;
	content: '\25BA'; /* &#9658  U+25BA */
	/* color: #aaaaaa; */
	opacity: .3;
}

img.unveil {
	opacity: 0;
	transition: opacity .3s ease-in;
}

.icon-instagram {
	position: relative;
	top: 1px;
}



.content-background {
/* 	min-height: 800px; */
    min-height: 1050px;
				/* !BL@LC */

	/* margin: 0 auto; */
	/* padding: 0 16px; */
}






.wrapper {
	/* max-width: 2048px!important; */
	/* max-width: 2460px!important; *//* !BL@LC */


	/* max-width: 2560px !important; */
	max-width: 2560px!important;
	margin: 0 auto;
	/* padding: 0 40px; */
	/* box-sizing: content-box; */

	padding: 0 16px;
	box-sizing: border-box;
}
#all-projects .wrapper {
/* max-width: 100%; */


/* margin: 0; */

/* padding: 0; */


/* box-sizing: content-box; */


}


header .wrapper {
	 /* max-width: 2460px!important;  *//* !BL@LC */
}
.wrapper.top-padding {
	padding-top: 2.75em;
}



.categories-background {
	background: none;
}


header {
	padding: 1.35em 0 1em; /* !BL@LC */
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 1em;
	z-index: 2;
		/* !BL@LC */
		z-index: 9998;

	background: rgba(255, 255, 255, 0.9);
	/* box-shadow:0px 12px 50px rgba(239, 239, 239, 0.5); */
	/* position: fixed; */

  /* taller header */
	min-height: 108px;
		min-height: 98px;
  padding: 2em 0 0;

}
header, footer { 	/* margin: 0 auto; */ }

footer {
  padding: 2em 0 1em;
}
header.mobile {
	display: none;
}

header.mobile.upscroll {
	display: none;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 9999;
}

header.upscroll {
	display: none;
	position: fixed;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 9999;
}

header .main-navigation a {   /* !BL@LC  header div a */
	display: inline-block;
	margin-right: 1em;
	text-align: right;
	/* float: right; */
	margin-left: .25em;
/* 	line-height: 50px; */ /* align to center of logo */
	  line-height: 75px; /* align to bottom of logo */
	font-size: .95em;
}

header div a:last-child {
	margin-right: 0;
}

header a {
	color: #333;
	/* color: black; */
}

header a:hover {
	color: inherit;
	text-decoration: none;
}

header .logo, footer .logo {
	display: block;
/*   margin-top: 1em; */
			/* !BL@LC */

	/* text-align: center; */


/*
		background: url(/assets/img/dau_logo.png) no-repeat 0 0;
    width: 251px;
    height: 40px;
*/
/* 	float: left; */
}

footer .logo {
  opacity: .4;
}

header .logo img {
	/* margin-top: -3px; */
	/* !BL@LC */
/*
	margin-left: 75px;
	margin-right: -75px;
*/
}

header .active,header a:hover {
	/* border-bottom: 1px solid #000; */
	color: #000;
}

header .icon-search:hover,header .logo:hover {
	border-bottom: 0;
}

header .main-navigation {
	position: relative;
	top: 1px;
	text-transform: uppercase;
	/* font-size: .85em; */
	/* !BL@LC */
	margin: 0 auto;
	text-align: right;
/*
	margin-top: 15px;
	margin-bottom: -15px;
*/
}
header .secondary-navigation {
	float: right;
	font-size: .85em;
}

header .search a {
	float: right;
	margin-top: 2px;
}

.share-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.share-list ul li {
	position: relative;
	overflow: hidden;
	height: 1.375em;
}

.share-list ul li>a {
	color: inherit;
	position: relative;
	top: 0;
}

.share-list ul li .item {
	position: relative;
	top: 0;
	height: 1.375em;
}

.share-list ul li .item.google {
	padding-top: 5px;
}

.share-list ul li .item.facebook {
	padding-top: 0;
}

.share-list ul li .item iframe {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.share-list ul li .item.facebook {
	height: 25px;
	overflow: hidden!important;
}

.share-list ul li .item img {
	width: auto;
}

.fullscreen-image {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	/* border: 6em solid #fff; */
	left: 0;
	top: 0;
	z-index: -1;
	background-size: cover;
	/* margin-top: 80px; */
}

.full-backgrounds {
	position: fixed;
	left: 0;
	top: 0;
	/* border: 6em solid #fff; */
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

.full-backgrounds .cat {
	display: none;
	overflow: hidden;
}

.full-backgrounds .cat .image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.full-backgrounds .cat .video {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
}

.full-backgrounds .cat .video video {
	position: absolute;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
}

.disciplines {
	list-style: none;
	padding: 0;
	position: fixed;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -160px;
}

.disciplines li {
	text-align: center;
}

.disciplines li a {
	/* font: 400 100%/1.1 GothamNarrowLight,sans-serif; */
	  font: 200 100%/1.1 'Proxima Nova', sans-serif;

	font-size: 5.5em;
	font-size: 5vmin;
	font-size: 6vmin;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: .9;
	padding-top: .35em;
	/* !BL@LC */
	text-shadow: 0px 2px 8px #000;
	color: #FFF;
}

.disciplines li a.underline .und {
	display: inline-block;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	/* !BL@LC */
	border: none;
}

.disciplines li a:hover.underline .und {
	border-bottom: 2px solid;
	/* !BL@LC */
	border: none;
	text-shadow: 0px 2px 8px #fff;
}

.disciplines li:first-child a {
	padding-top: 0;
}

.front-news {
	background: #EDEDED;
	min-height: 100%;
	height: auto;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 10;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	backface-visibility: hidden;
	perspective: 1000;
		/* !BL@LC */

	background: rgba(255, 255, 255, 0.9);

	/* box-shadow: 0 -60px 0 rgba(255, 255, 255, 0.95); */

	margin-top: -60px;
	margin-top: -90px;
}

.news-list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4.125em;
	position: relative;
	background: rgba(247, 247, 247, 0.5);
	/* background: none; */
}

.news-list.archived {
	border-top: 1px solid #ccc;
	padding-top: 1.375em;
}

.news-list.archived>li {
	padding-bottom: 1.375em;
	margin-bottom: 1.375em;
	cursor: pointer;
}

.news-list.archived>li:last-child {
	margin-bottom: 0;
}

.news-list a {
	color: inherit;
/* 	text-decoration: underline; */
	border-bottom: 1px solid #BBB;
}

.news-list img {
	width: 100%;
		-webkit-filter:saturate(40%) brightness(100%);
		filter: saturate(40%) brightness(100%);
/*
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
*/

}

.news-list a:hover img {
		-webkit-filter:saturate(60%) brightness(92%);
		filter: saturate(60%) brightness(92%);
/*
  -webkit-filter: grayscale(20%);
  filter: grayscale(20%);
*/

}
.news-list .content {
	position: relative;
}

.news-list .content h3 p {
	text-indent: 0;
}

.news-list .content p {
	margin-bottom: 0;
	/* text-indent: 1.375em; */
	font-size: .9em;
}

.news-list .content p:first-of-type {
	text-indent: 0;
}

.news-list>li {
	padding-bottom: 2.75em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2.7em;
}

.news-list>li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.news-list.front>li:last-child {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2.7em;
}

.news-list .meta a.view-project,
a.view-project,
a.view-all-projects {
	color: inherit;
/* 	display: block; */
	  display: inline-block; /* required to keep border from extending beyond the text */
	margin-bottom: 1.375em;

  /* 	text-decoration: underline; */
  text-decoration: none;
  border-bottom: 1px solid #bbb;
  font-size: .95em;
}
.news-list .meta a.view-project:hover,
a.view-all-projects:hover {
  color: #000;
  border-bottom: 1px solid #333;
}
.latest-news-heading {
	/* margin-top: -2em; */
	margin-bottom: .75em;
	/* font-size: .85em; */
	color: #333;
	margin-top: 1em;
	margin-top: 2em;
	margin-bottom: 2.75em;
}

.latest-news-heading a {
	/* color: inherit; */
	text-shadow: -1px -1px 5px #FFF;
}

.latest-news-heading a:hover {
  color: #000;
}
/*! Profile & Process
=================================================================== */
#profile {

}

.profile-img {
  width: 100%;
  margin-bottom: 3em;
}





.process-wrapper {
	background: #ededed;
}

.process .js-toggleProcess img {
	-webkit-transition: opacity .3s ease;
}

.process .js-toggleProcess:hover img {
	opacity: .8!important;
}

.process .caption {
	font-size: 4em;
	/* font-family: GothamNarrowLight; */
		font-family: 'Proxima Nova', sans-serif;
    font-weight: 200;
	position: absolute;
	z-index: 99;
	text-decoration: none;
	display: inline-block;
}

.process .caption.underline .und,.process .caption .underline .und {
	text-decoration: none;
	display: inline-block;
}

.process .caption:hover.underline .und,.process .caption:hover .underline .und {
	line-height: .9em;
	border-bottom: 3px solid;
}

.process a {
	color: inherit;
}

.process figcaption {
	font-size: 1em;
	margin-bottom: 2.75em;
	margin-top: .375em;
}

.process .text p {
	text-indent: 1.375em;
	margin: 0;
}

.process .text p.first {
	text-indent: 0;
}

.process.display {
	margin: 3em auto;
	display: none;
	background: #fff;
}

.process.display .content {
	padding-top: 5.5em;
}

.process.display .icon-close {
	position: absolute;
	right: 16px;
	font-size: 12px!important;
}

.process.display .icon-close.top {
	top: -40px;
}

.process.display .icon-close.bottom {
	bottom: -40px;
}

.process .row {
	position: relative;
}

.process .item {
	position: relative;
}

.process img {
	width: 100%;
}


/*! body.system
=================================================================== */

body.system.preview {
	padding-top: 0;
}

body.system.preview .system-toolbar {
	display: none;
}


/* ==========================================================================
   PROJECTS
   ========================================================================== */


/*! Projects Grid & Filter
=================================================================== */

.clearSelection {
	color: inherit;
	text-decoration: underline;
	display: none;
		/* !BL@LC */
	/* 	float: right; use only if positioned at top right */
	font-size: .9rem;
	padding: 0;
	margin-bottom: 2em;
	float: left;
	text-decoration: none;
	clear: both;
}

  /* !BL@LC */
  .clearSelection.show-all {
/*     display: block !important; */
  }

.clearSelection:hover {
	color: #000;
	text-decoration: none;
}
	/* !BL@LC */

	.categories-background {
/*   	 display: none;
  	 visibility: hidden; */
  }
              /*    remove later?    */
            	#all-projects .categories-background, #projects-map .categories-background {  /* show only on project filter page */
              	  display: inline-block;
              	  visibility: visible;

              	  /* margin-left: 60px; */

              	  display: block;

              	 z-index: 10;
}

/* !BL@LC */
.projects-filter {

}

.project-categories {
	/* margin: 1.375em 0 0em; */
/* 	font-size: .85em!important; */
		/* !BL@LC */

	font-size: .85em;
	line-height: 1.45;

}

.project-categories div:last-child {
	margin-right: 0;
}

.project-categories .display-children {
	/* font-family: GothamNarrowBook; */
		font-family: 'Proxima Nova', sans-serif;
	display: none;
}

.project-categories .heading {
	/* font-family: GothamNarrowBold,sans-serif; */
		font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
}
  /* !BL@LC */
  .filter-category-title {
    text-transform: uppercase;
    color: #90B5D3;
    font-weight: 300;

    font-size: .9rem;
    margin-bottom: .25em;
    display: block;
}
.project-categories li {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-bottom: none;
  cursor: pointer;
}
.project-categories li:hover,
.project-categories a:hover {
	/* text-decoration: underline; */
	/* !BL@LC */
	text-decoration: none;
	color: #000;

}

.project-categories div {
	position: relative;
/*
  float: left;
	clear: both;
*/
}

.project-categories div .js-people-delete-category {
	position: absolute;
	top: -2px;
	left: -20px;
}

.project-categories div.parents {
	/* font-family: GothamNarrowBold,sans-serif; */

	font-family: 'Proxima Nova', sans-serif;
    /* font-weight: bold; */
    font-weight: 600;
	width: 10%;
	/* max-width: 10em; */
/* 	margin-right: 2.75em; */
		/* !BL@LC */
		width: auto !important; /* TO DO:  set in other media queries then remove !important here */

	margin-bottom: 2em;
}

.project-categories div.children {
	width: 80%;
	/* max-width: 42em; */
		/* !BL@LC */

	width: auto !important; /* TO DO:  set in other media queries then remove !important here */
		margin-bottom: 0;
}

.project-categories div.children.mobile {
	display: none;
}

.project-categories div.children li {
	/* float: left; */
	/* clear: right; */
	width: 100%;
}

.project-categories div.children ul {
	width: 33.3333%;
	float: left;
			/* !BL@LC */
		z-index: 1;
		clear: both;

	width: auto;
		margin-bottom: 1em;

}

.project-categories div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.project-categories div.parents li {
margin: 0 0 .5em 0;
}

.project-categories div li.selected,.project-categories div li.active,
.project-categories div li.selected a,.project-categories div li.active a {
	text-decoration: underline;
		/* !BL@LC */
		text-decoration: none;
		color: #F00;
}

.project-categories div,
.project-categories div a {
	color: inherit;
	padding: 2px 0;
	/* display: inline-block; */
}

.project-categories div a.selected,.project-categories div a.active {
	text-decoration: underline;
}

.project-categories div a.disabled {
	color: #CCC;
}

.switch-project-view, .sort-a-z, .sort-0-1, .switch-list-view {
	display: inline-block;
	margin: 1.65em 0 1.125em;
	color: inherit;
	/* !BL@LC */
	/* 	float: right; use only if positioned at top right */
	font-size: .8rem;
	padding: 1rem 0 0 0;
	/* float: left; */
		padding: 0;
		margin: 0;
}

.switch-project-view:hover, .switch-project-view:hover .und,
.sort-a-z:hover, .sort-0-1:hover .und,
.switch-list-view:hover, .switch-list-view:hover .und {
	color: #000;
	text-decoration: none;
}

  /* !BL@LC */
  .project-list-wrapper {
    /* padding-top: 70px; */
}
/*
.project-list>.col-sm-10 {
	padding-right: 0;
	padding-left: 0;
}
*/

/*
  .project-list:first-child > div {
  	padding-right: 0;
  	padding-left: 0;
  }
*/
  .project-list {
  	padding-right: 0;
  	padding-left: 0;
  	overflow: hidden;

  	display: -webkit-flex;
  	display: flex;

  	-webkit-flex-flow: row wrap;
  	flex-flow: row wrap;

  	/* IEwin11 */
  	box-sizing: content-box;
    /*   	margin-right: -20px; */
/*     margin-left: -1%; */
  }

.project-list .project-list-item {
	display: none;

/* not required in mixItUp 2.x */
/*
	opacity: 0;
  float: left;
*/

  margin-bottom: 2em;


                /*height: 16.5em;
                  width: 20%;
                  min-height: 14em;
                */

                /*

                	padding-right: .5%;
                	padding-left: 1.5%;
                	-webkit-flex: 0 0 19.9%;
                	flex: 0 0 19.9%;
                */

                	/* margin-right: -.25%; */
                	/* display: inline-block; */

	/* https://github.com/philipwalton/flexbugs

  	IEwin11
  	7. flex-basis doesn't account for box-sizing:border-box
    8. flex shorthand doesn't support calc()

	*/

  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  flex-grow: 0;
  flex-shrink: 0;

  -webkit-flex-basis: calc(100%/5 - 1px);
  flex-basis: calc(100%/5 - 1px);

/*   justify-content: flex-end; */

}
.project-list .project-list-item a {
	color: inherit;
	/* !BL@LC */
	color: #F00;
  display: block;

	margin-left: 10%;
	  margin-left: 40px;

}

      /* mixItUp v2.x.x */

      /* removed float, opacity */

      .mixItUp-v2 .project-list .project-list-item {
      	display: none;
      	opacity: inherit;
      	height: 16.5em;
      	width: 20%;
      		/* !BL@LC */

      	/* width: 25%; */
      	padding-right: 1%;
      	/* padding-left: 1%; */
      	border: 1px solid red;
      	float: inherit;
      }


.project-list .project-list-item.no-margin {
	margin-right: 0;
}

.project-list .project-list-item:hover .title {
	/* 	text-decoration: underline; */ /* !BL@LC */
	color: #000;
}

.project-list .project-list-item img {
	width: 100%;
  /* !BL@LC */
		-webkit-filter:saturate(10%) brightness(105%);
		filter: saturate(10%) brightness(105%);
}
	/* !BL@LC */
	.project-list .project-list-item:hover img {
		-webkit-filter:saturate(50%) brightness(100%);
		filter: saturate(50%) brightness(100%);
		/* !BL@LC */
  	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

.project-list .project-list-item .title {
	display: block;
	padding-top: .6em;
	/* font-family: GothamNarrowBold,sans-serif; */
		font-family: 'Proxima Nova', sans-serif;
    /* font-weight: bold; */
    font-weight: 600;
	/* !BL@LC */
	font-size: .9rem;
	color: #666;

	/* width: 100%; */
}

.project-list .project-list-item .sub-title,
.project-list .project-list-item .categories {
	display: block;
	/* !BL@LC */
	font-size: .75rem;
	color: #888;
	/* width: 100%; */
	/* height: 4em; */
	/* margin-bottom: -1em; */
}
.project-list .project-list-item .categories {
  visibility: hidden;
  height: 1px;
}

/* !BL@LC */
.project hr {
    	margin: 5.125em 0;
    	margin: 4em 0 1em;
}
/*
.hr {
	height: 1px;
	background: #CCC;
	margin: 5.125em 0;
	margin: 4em 0 1em;
}
*/




#map {
	height: 45em;
}

.leaflet-popup-content {
	/* font: 400 100%/1.375 GothamNarrowBook,sans-serif; */
	  font: 400 100%/1.375 'Proxima Nova', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size: 20px;
	width: 400px;
	min-height: 150px;
	padding: 15px;
}

.leaflet-popup-content h3 {
	margin-bottom: 0;
}

.leaflet-popup-content a {
	color: #333!important;
	text-decoration: underline;
}

.leaflet-popup-content img {
	float: right;
	width: 50%;
	margin-left: 20px;
}

.js-edit-module-row {
	display: none;
}

.fs-presentation {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background: #333;
	display: none;
}

.fs-presentation .presentation-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	top: 0;
}

.fs-presentation a.js-presNext,.fs-presentation a.js-presPrev,.fs-presentation a.js-presClose {
	color: #ededed;
	position: absolute;
	line-height: 1em;
	z-index: 99;
}

.fs-presentation a.js-presNext {
	right: 10px;
	top: 50%;
	margin-top: -.5em;
}

.fs-presentation a.js-presPrev {
	left: 10px;
	top: 50%;
	margin-top: -.5em;
}

.fs-presentation a.js-presClose {
	margin-right: -.5em;
	top: 0;
	text-align: center;
	width: 100%;
	height: 5%;
	padding: 10px;
  	/* !BL@LC */
  	text-align: right;
}

.fs-presentation.active {
	display: block;
}

.fs-presentation ul {
	width: 100%;
	height: 100%;
}

.fs-presentation ul li {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.fs-presentation ul li.first {
	display: block;
}

.project {
	padding-bottom: 5.125em;
}





/* ==========================================================================
   MISC.
   ========================================================================== */



/* styles for
  <details>/<summary> jQuery plugin
  https://mathiasbynens.be/demo/html5-details-jquery
=================================================================== */

/* details, summary { display: block; border: 1px solid #666; padding: 1em; } */


			/* Apply a pointer cursor and style the background upon hover to indicate <summary> is a clickable element. */
			/* These styles can be applied regardless of whether the fallback is needed */
			summary { cursor: pointer; }
			summary:hover, summary:focus { /* background: #ddd; */ color: #000; }

			/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
			/* However, we’re still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
			/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */
			.no-details details > * { display: none; }
			/* This doesn’t work very well in Firefox 3.6.x */
			/* .no-details details[open] > * { display: block; } */
			/* The following doesn’t toggle correctly in WebKit:
			.no-details details > summary:before { content: '► '; }
			.no-details details[open] > summary:before { content: '▼ '; }
			*/
			/* And yes, it should really be ::before, but that doesn’t work in IE8 */
			.no-details details > summary:before { float: left; width: 20px; content: '► '; }
			.no-details details.open > summary:before { content: '▼ '; }
			/* For IE6 and IE7, who don’t support generated content, you could use padding-left + a background image instead */
			/* I really couldn’t be bothered though. */
			/*
			.no-details details > summary { padding-left: 20px; background: url(img/arrow-sprite.png) no-repeat 0 0; }
			.no-details details.open > summary { background-position: 0 -20px; }
			*/
			/* Make sure summary remains visible */
			.no-details details summary { display: block; }


/* Responsive Video- See FitVids js
=================================================================== */
/* default for HTML5 video tag */
video {
  width: 100%    !important;
  height: auto   !important;
}
/* other method(s) */
.video-box {
/*   max-height: none !important; */
}

/* Custom Controls in HTML5 Video Full Screen
=================================================================== */
/* https://css-tricks.com/custom-controls-in-html5-video-full-screen/
  https://css-tricks.com/examples/CustomVideoControlsFullscreen/assets/css/style.css */
@font-face {
  font-family: 'icomoon';
  src: url("/assets/fonts/icomoon.eot");
  src: url("/assets/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon.woff") format("woff"), url("/assets/fonts/icomoon.ttf") format("truetype"), url("/assets/fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-fullscreen-alt, .icon-fullscreen-exit-alt, .icon-play, .icon-pause, .icon-volume, .icon-volume-2 {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-fullscreen-alt:before {
  content: "\e000";
}
.icon-fullscreen-exit-alt:before {
  content: "\e001";
}
.icon-play:before {
  content: "\e002";
}
.icon-pause:before {
  content: "\e003";
}
.icon-volume:before {
  content: "\e004";
}
.icon-volume-2:before {
  content: "\e005";
}



.custom-video {
  position: relative;
/*
  height: 260px;
  width: 610px;
  margin: 40px auto;
  background-color: white;
*/
  margin-bottom: -5px;

  width: 100%    !important;
  height: auto   !important;

}

.custom-video video {
  display: block;
  background: url(/assets/img/transparent.png) no-repeat;
  background-size: cover;
}

.custom-video button {
  vertical-align: middle;
  background-color: transparent;
  color: white;
  margin:0 1%;
  font-size: 1.2em;

  border: none; /* !BL@LC */
  margin: 0 0 0 1%;
}

.custom-video::full-screen {
  width: 100%;
  height: 100%;
}

::-moz-full-screen .custom-video {
  width: 100%;
  height: 100%;
}

.custom-video::-moz-full-screen {
  width: 100%;
  height: 100%;
}

.custom-video::-webkit-full-screen {
  width: 100%;
  height: 100%;
}

#mycontrols {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  font-size: .8em;
  width: 100%;
  min-height: 40px;
  padding: 10px 5px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
      background-color: rgba(0, 0, 0, 0.25);/* !BL@LC */
  z-index: 2147483647; /* 2147483647 is the maximum value for a 32-bit signed integer, which is likely the datatype the browser developers use to represent values for z-index    =  2^31 – 1 */
}

input[type=range] {
  border-radius: 2px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(255, 255, 255, 0.7);
  height: 1px;
  border: none;
  cursor: pointer;
}

input[type=range]::-moz-range-track {
  vertical-align: middle;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.7);
  -moz-appearance: none;
  background-color: white;
  height: 1px;
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: white;
  border: 0;
}

input[type=range].light::-moz-range-thumb {
  box-shadow: 0 0 8px 2px white;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: white;
  border: 0;
}

input[type=range].light::-webkit-slider-thumb {
  box-shadow: 0 0 8px 2px white;
}

input[type=range]:active::-moz-range-track {
  background: orange;
}

.seeker {
  position: relative;
/*   width: 65%; */
  width: 50%;
  margin: 0 .9%;
  z-index: 0;
  display: inline-block;
}

.seekbar {
  z-index: 3;
  position: relative;
  width: 100%;
  background-color: transparent !important;
}

.progressbar, .bufferbar {
  position: absolute;
  left: 0;
  top: 8px;
  width: 100%;
  pointer-events: none;
  height: 1px;
  z-index: 2;
  /* Turns off styling - not usually needed, but good to know. */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* gets rid of default border in Firefox and Opera. */
  border: none;
  background: rgba(255, 255, 255, 0.1);
  color: #c0392b;
}
.progressbar::-moz-progress-bar, .bufferbar::-moz-progress-bar {
  background: #c0392b;
}
.progressbar::-webkit-progress-bar, .bufferbar::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.1);
}
.progressbar::-webkit-progress-value, .bufferbar::-webkit-progress-value {
  background: #c0392b;
}

.bufferbar {
  z-index: 1;
  color: #aaa;
}
.bufferbar::-moz-progress-bar {
  background: #aaa;
}
.bufferbar::-webkit-progress-value {
  background: #aaa;
}

.volumebar {
  width: 8%;
  margin: 0 1%;
}

/* !BL@LC */
#fullscreen {
  margin: 0 -1.1%;
}


/* hide controls from shadow DOM in webkit browsers
hides controls only in fullscreen, but shows them in normal screen even if controls is set to false
the most specific pseudo-element to target video controls on full screen */
video::-webkit-media-controls-enclosure,
video::-webkit-full-screen, /* !BL@LC - added this and below after inspecting in Chrome and Safari */
video::-webkit-media-controls,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-timeline,
controls {
  display: none !important;
  visibility: hidden !important;
}

/* !BL@LC */
@media (min-width: 1440px) {
  .seeker {
    width: 63%;
    margin: 0 1.9%;
  }
  #fullscreen {
    margin: 0 0 0 2%;
  }
}

/* Responsive Img
=================================================================== */

 img.img-responsive.img-svg  {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100% \9; /* see note below: SVG images and IE 8-10 */
    /* margin-left: -25%; */
  }

  /* http://getbootstrap.com/css/#responsive-utilities

  Responsive images:
  Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

  SVG images and IE 8-10
  In Internet Explorer 8-10, SVG images with .img-responsive are disproportionately sized. To fix this, add width: 100% \9; where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.
  Copy
  <img src="..." class="img-responsive" alt="Responsive image">
  */

/* Responsive Img - http://www.fredparke.com/blog/css-padding-trick-responsive-intrinsic-ratios
=================================================================== */

.wrapper-1x1 {
  width: 33.33333%;
  float: left;
}
.wrapper-2x1 {
  width: 66.66666%;
  float: left;
}
.wrapper-1x1 .inner {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.wrapper-2x1 .inner {
  position: relative;
  padding-bottom: 50%;
  height: 0;
}
.element-to-stretch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* img ratio on contact & profile pages */
/* 455/1240 = 36.7%    63.3%   ration 1:2.73 */

.wrapper-landscape {
  width: 100%;
}
.wrapper-landscape .inner {
  position: relative;
  padding-bottom: 36.7%;
  height: 0;
}

/* Google Map
=================================================================== */

/* Google Map generated by Maps Coda 2.5 Sidebar Plugin */
#map-canvas {
  margin-bottom: 3em;
}
#map-canvas.test {
  width: 100%;
  box-sizing: content-box;
  min-height: 110px; /* match height of image at sm breakpoint */
  max-height: 455px; /* match height of image at lg breakpoint */
  padding-top: 30%;

 }

.gmnoprint, .gm-style-cc, a[href^="http://maps.google.com/maps"] img   {
  opacity: .25;
} /* reduce visibility of Google stuff */


/* Lists
=================================================================== */

ol.list-1 li,
ul.list-1 li {
	margin-left: 1em;
  position: relative;
}
ul.list-1 li {
  /* color:#444; */
	list-style:none; /* if you are not already using a reset */
  /* !BL@LC  keep all lines aligned */
}

ul.list-1 li:before {
  color:#444;
  content:"\2022"; /* /2022 is the numerical unicode for &bull; */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or % */
  padding-right:.25em; /* give the bullet some padding from the text Make sure to use em */
  position:relative;
  top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
  /* !BL@LC  keep all lines aligned */
  position: absolute;
  left: -1em;
}
ul.list-1.list-bullet-sm li:before {
  font-size:1em;
  padding-right:.75em;
  top:0em;
}


/* Related Projects
=================================================================== */

#home h2, .project .related-projects h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .95em;
}
.project .related-projects h2 {
  margin: 3em 0 2em;
}

/* http://stackoverflow.com/questions/22418082/how-to-smooth-out-an-animation-for-jquery-filter-system */

/*
        @-webkit-keyframes fadein {
           from { opacity: 0; }
           to { opacity: 1; }
        }

        @-webkit-keyframes fadeout {
           from { opacity: 1; }
           to { opacity: 0; }
        }
        .in, .out {
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-duration: 705ms;
            -moz-animation-timing-function: ease-in-out;
            -moz-animation-duration: 705ms;
        }

        .fade.out {
            z-index: 0;
            -webkit-animation-name: fadeout;
            -moz-animation-name: fadeout;
            opacity:0;
        }

        .fade.in {
            opacity: 1;
            z-index: 10;
            -webkit-animation-name: fadein;
            -moz-animation-name: fadein;
        }
*/



.copyright-terms {
	text-align:left;
	color:#BBB;
	font-size: 12px;
	font-weight: 400;
	/* https://css-tricks.com/almanac/properties/l/letter-spacing/ */
  /* 1px/16px = 0.0625 */
  letter-spacing: 0.0625em;
  margin-top: 2.5em;
}
.copyright-terms ul {

}
.copyright-terms li {
	display: block;
  margin: 1em 0 0;
}
.copyright-terms li:last-of-type {
  margin-left: 0;
}
.copyright-terms a {
  color:#BBB;
	text-decoration:none !important;
  border-bottom: 1px solid #DDD;
}
.copyright-terms a:hover {
  color:#AAA;
  border-bottom: 1px solid #BBB;
}


.copyright-terms.copyright-2 {
  text-align: left;
}
.copyright-terms.copyright-2 li {

}

  /* !BL@LC */
  @media (min-width: 768px) {

/*
    header.desktop {
      position: absolute;
    }
*/

    .col-sm-offset-1-half {
      /* margin-left: 8.333333333333332%; */
      margin-left: 4.1666666667%;
    }


    .social-bar .logo {
/*   	  text-align: center; */
  	  /* !BL@LC */
/*
  	  margin: 0 auto;
  	  display: block;
*/
    }

    .social-icons {
      float: right;
      clear: both;

      /* min-width: 300px; */
    }



    /* image */


    .project-modules > row > div:nth-child(1) {}

    /*
    .project-modules [class*='col-'] {
      padding-right: 20px;
    }
    */

    /* two columns in a row */

    .module { padding: 0; }

    .project-modules [class*='col-'] {
      padding-left: 16px;
    }

    .project-modules [class*='col-']:first-of-type {
      padding-left: 0;
      padding-right: 16px;
    }
    .project-modules [class*='col-']:last-of-type {
      padding-right: 0;
    }


    footer .logo {
      opacity: .2; /* less visible on medium to large devices */
    }

    .copyright-terms {
      text-align: center;
    	font-size: 13px;
      /* 1.5px/16px = 0.09375 */
      letter-spacing: 0.09375em;
    }
    .copyright-terms li {
    	display: inline-block;
  	}
    .copyright-terms li:last-of-type {
      margin-left: 5%;
    }


    .copyright-terms.copyright-2 {
      text-align: right;
    	font-size: 13px;
      /* 1.5px/16px = 0.09375 */
      letter-spacing: 0.09375em;
    }
    .copyright-terms.copyright-2 li {
    	display: inline-block;
  	}
    .copyright-terms.copyright-2 li:last-of-type {
      margin-left: 5%;
    }


  }
  @media (min-width:992px) {
    .col-md-offset-1-half {
      /* margin-left: 8.333333333333332%; */
      margin-left: 4.1666666667%;
    }


  }
  @media (min-width:1200px) {

    .wrapper {  margin: 0 25px; }

    /* custom pull-right for large devices only */
    .pull-right-lg {
      float: right !important;
      padding-right: 0;
    }
    /* !BL@LC */
    #all-projects .project-list-wrapper {
/*       padding-left: 65px; */

      padding-left: 210px !important; /* less than or equal to the width of the logo */
    }

    .project-list {
      margin-left: 0;


    }

    .projects-filter { /* temp */

     position: fixed;

     width: auto;
/*

     display: inline-block;
*/
    width: 230px;
    display: block;

     /* margin-top: 50px; */
     color: #666;

     /* margin-left: .5%; */
    }

  }

  @media (min-width:2000px) {
    /* !BL@LC */
    .project-list-wrapper {
/*       padding-left: 15px; */
    }
  }

.project a {
	/* color: inherit; */
}

.project img {
	width: 100%;
}

.project .main-image {
	padding-top: .75em;
	padding-top: 0;
}


.project-title a { }
.project-title h1 { display: inline-block; margin: 0; padding: 0; line-height: 1em; margin-top: .4em; }
.project-title span {font-size: 12px; color: #444; }
.project-title i { font-size: 22px; color: #AAA; vertical-align: middle; font-weight: 100; line-height: 1em; }



  .project .description, .project .text { /* !BL@LC - check text for redundancy */
    /* padding-right: 10%; */
  }

.project h1 {
/*
	margin-top: 3.15em;
	margin-bottom: 2.75em;
*/
  /* !BL@LC */
  	font-size: 1.6em;

  		/* margin-top: 2.15rem; */
      margin-bottom: 1rem;

}

.project .description h1, .project h2 {
  font-size: 1em;
  margin: 0 0 1.375em;
}
.project-data h2 {
  /* from .text-hide */
  font: 0/0 a;
  color: rgba(0, 0, 0, 0);
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  /* extra */
  margin: 0;
  padding: 0;
}
.project h4 {
	font-weight: 400;
	margin-bottom: 4.125em;
	font-weight: 600;
}

.project .year {
	/* margin-bottom: 1.375em; */
}


/* meta-tags
  #projects > .project-data
  #projects > .project-recognition
  #awards >
 =================================================================== */
.meta-tags td,
.meta-tags dl, .meta-tags dt, .meta-tags dd { /* !BL@LC */
  vertical-align: top;

/*
	padding-right: 20px;
	padding-right: 2rem;
*/
}
.meta-tags.project-data dl  {
  margin-top: 0;
  padding-top: 0;
  padding-right: 1em;
}
  .meta-tags dt {
    display: inline-block;
    margin: .4em 0 0;
  }
  .meta-tags dd {
    display: inline-block;
    margin: .4em 0 .8em;
    }


  .meta-tags.project-data dt { width: 29%; font-weight: 600;  }
  .meta-tags.project-data dd { width: 70%;}

  .meta-tags.recognition dt { width: 12%; }
  .meta-tags.recognition dd { width: 87%;}


  .description, .meta-tags { margin-bottom: 5rem; }

  dt.project-team, dd.project-team,
  dt.typology, dd.typology   { display: none !important; }

  /* mute all dates after the first instance */
  .meta-tags.recognition dt:nth-child(n+2) { color: #888; }

  /* architect of record */
  .aor { color: #888; }

  .meta-tags.recognition a {
    text-decoration: none;
    border-bottom: 1px solid #bbb;
  }
  .meta-tags.recognition a:hover {
    color: #000;
    border-bottom: 1px solid #333;
  }

  .meta-tags.project-data a {
    text-decoration: none;
    border-bottom: none;
  }
  .meta-tags.project-data a:hover {
    color: #000;
    border-bottom: 1px solid #333;
  }

/* Projects > .project-data
  =================================================================== */

.project .meta-tags.project-data dt {
  display: inline;
  margin: .4em 0 0;

  font-weight: 100;
  color: #666;
}
.project .meta-tags.project-data dd {
  display: inline;
  margin: .4em 0 .8em;
  margin-right: .5em;
}
.project .meta-tags.project-data td, .project .meta-tags.project-data dl, .project .meta-tags.project-data dt, .project .meta-tags.project-data dd {
  vertical-align: baseline;
  line-height: 1.5em;
}
.project .meta-tags.recognition dt { display: none; visibility: hidden; } /* dates - hidden */

/* #awards >
 =================================================================== */

#awards .meta {
/*
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 200px #FFF;
*/
}
#awards .meta-tags dl * {
  text-shadow: 1px 1px 5px #FFF;
}
#awards .meta-tags dl {
  margin-bottom: 2em;
/*   max-width: 35em; */
}
#awards .meta-tags dl:first-of-type, #awards .meta-tags dl:first-of-type:before,
#awards .meta-tags dl:first-of-type dt, #awards .meta-tags dl:first-of-type dd  {
  margin-top: 0;
}
@media (min-width:1200px) {
  #awards .meta-tags dd {
    padding-right: 20%;
  }
}

.project .presentation-view {
	display: block;
	margin-top: 1.375em;
  	/* !BL@LC */
  	display: none;
  	visibility: hidden;
}


.project .presentation-view:hover .und {
	/* color: #000; *//* !BL@LC */
	text-decoration: none;
}
  /* !BL@LC */
  .project .presentation-view:hover, .project .presentation-view:hover .und  {
  	color: #F00;
  }


/* !BL@LC */
.project .share {
  min-height: 110px; /* set height on parent of detail tag, to prevent vertical shift of elements below */
}
.project .share-list {
	/* margin-bottom: 1.375em; */
	margin-bottom: 5rem;  /* !BL@LC */
	margin-top: 2.75em;
}
/* !BL@LC */
.project .share-list details {

}
.project .share-list details summary:hover {
/*   color: #F00; */
  color: #000;
}

  footer /* .share-list  */ summary {
    float: right;
    font-size: 1rem;
    color: #999;
    /* temp */
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: 1em;
  }

.project .text p {
	/* margin-bottom: 1em; */

	/* text-indent: 1.375em; */
	/* !BL@LC */
  padding: 0;
	margin: 0 2em 1em 0;
}

.project .text p:first-child {
	text-indent: 0;
  /* !BL@LC */
	padding: 0;
	margin: 0;
}

.project figcaption {
	margin-top: 1.375em;
	margin-bottom: 1.375em;
	max-width: 50em;
}

/* .project  */.project-head {
	margin-bottom: 5.125em;

	margin-top: 6em;
}
/* !BL@LC */
/* .project  */.project-head a {
  /* 	text-decoration: underline; */
  border-bottom: 1px solid #bbb;
    border-bottom: none;
}
.project-head a:hover {
  color: #000;
  border-bottom: 1px solid #333;
}
/* .project  */.column.display {
	margin-bottom: 1.375em!important;
	  margin-bottom: 3.375em!important; /* !BL@LC */
}

.related-projects {
	padding-top: .95em;
}

/* see h4.??? */

/*
.related-projects h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .95em;
	margin: 3em 0 2em;
}
*/

  .related-projects.r-p-option-2 h4 {
    text-align: right;
  }


.related-projects .project-list-wrapper {
  padding-left: 0;
}
.related-projects .project-list {
  	margin-left: -40px; /* negative of grid margin-left */
}
.related-projects img {
	position: relative;
	margin-top: -.45em;
	margin-bottom: .45em;
}

.related-projects a {
	text-decoration: none;
}

.related-projects a:hover {
	/* text-decoration: underline; */
	text-decoration: none; /* !BL@LC */
}


  .related-projects.r-p-option-2 .project-list {
  -webkit-justify-content: flex-end;
   justify-content: flex-end;
  }

    .related-projects .project-list .project-list-item {
     display: none !important;

     padding-left: 0;
     padding-right: 2%;
}

      /* show active, as set via php */
    .related-projects .project-list .project-list-item.active {
      display: inline-block !important;
     }



        /* !BL@LC - hide all - also see style visuallyhidden */
        .related-projects.clip-method .project-list .project-list-item {
         overflow: hidden;
         clip: rect(1px 1px 1px 1px);
         height: 1px;
         margin: -1px;

        }
        .related-projects.clip-method .project-list .project-list-item a img {
         display: none;
         width: 1px;
        }

        /* show active, as set via php */
        .related-projects.clip-method .project-list .project-list-item.active {
          /* position: relative; */
          overflow: visible;
          clip: auto;
          height: 17.5em;
          margin: 0;
        }
        .related-projects.clip-method .project-list .project-list-item.active a img {
         display: inline;
         width: 100%;
        }


.people-list {
/* 	padding-top: 2.75em; */
	padding-bottom: 1em;

/*   padding-right: 0; */
  padding-right: 0;
	padding-left: 0;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	/* IEwin11 */
	box-sizing: content-box;

}
.people-list-wrapper {
/*
	padding-right: 0;
	padding-left: 0;
*/
}
.people-list .people-list-item {
	/* height: 32.95em;
	width: 14.28%; */

/* 	padding-right: .5%;
	padding-left: .5%;
 height: 48em;
	margin-bottom: 3.5em; */

/*  display: none; */  /* enable for mixItUp */
/* 	opacity: 0; */  /* enable for mixItUp */
  float: left;
	font-size: .75rem; /* see project list */
	position: relative;
	margin-bottom: 50px;

/*
	-webkit-flex: 0 0 14.27%;
	flex: 0 0 14.27%;
*/
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-grow: 0;
  flex-shrink: 0;

  -webkit-flex-basis: calc(100%/7 - 1px);
  flex-basis: calc(100%/7 - 1px);

}

.people-list .people-list-item > div {
    margin-left: 20px;
}

/* Notes: 1. side-effect: increases the size of the target element
  would have to set a different number for each breakpoint
*/
/*
.people-list .people-list-item:first-child > div,
.people-list .people-list-item:nth-child(7n) > div {
  margin-left: 0;
}
*/



.people-list .add-new.row {
	width: 14.28%;
	float: left;
	margin: 0;
	padding: 0;
}

.people-list .add-new.row a {
	height: 25em;
	margin: 0;
	line-height: 19em;
}

.people-list .people-list-item.inactive {
  opacity: .1 !important;
}
.people-list .people-list-item img {
	width: 100%;
	margin-bottom: .75em;
}

.people-list .people-list-item a {
	color: inherit;
}

.people-list .people-list-item .name {
	/* font-family: GothamNarrowBold,sans-serif; */
		font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
  	font-size: .9rem; /* see project list */
  	margin: .25em 0;
}

.people-list .people-list-item .title {
  	min-height: 3em; /* keep the below contact info aligned accross all people */
}

.people-list .people-list-item .location {
	margin-bottom: 1em;
}

.people-list .people-list-item .contact-information .email,
.people-list a[href^="mailto:"] /* !BL@LC */
 {
	word-break: break-all;
/* 	text-decoration: underline; */
  border-bottom: 1px solid #bbb;
}

.people-list .people-list-item .contact-information .email:hover,
.people-list a[href^="mailto:"]:hover /* !BL@LC */
 {
	color: #000;
/* 	text-decoration: underline; */
	border-bottom: 1px solid #333;
}

/*! Contact
=================================================================== */
#contact {

}

.contact {
	/* padding-top: 4.375em; */
}

/* !BL@LC */
.contact .row [class^="col-"]:first-of-type {
  padding-left: 0;
}


.contact a {
  /* 	color: inherit; */

	/* text-decoration: underline; */
	text-decoration: none;
  border-bottom: 1px solid #bbb;
}
.contact a.fa {
  border: none;
}

.contact a:hover {
	text-decoration: none;
  border-bottom: 1px solid #333;
}

.contact a.link-map {
  text-decoration: none;
  border: none;
}
.contact img {
	width: 100%;
}

    .contact .map {
    	margin-bottom: 1.375em;
    }

    .contact .map img {
    	margin-bottom: 1.375em;
    }

    .contact .map-section {
    	padding-top: 2.75em;
    }

.contact .contact-item {
	margin-bottom: 1.375em;
}



.facts a {
	color: inherit;
	text-decoration: underline;
}

.facts .meta {
	/* font-family: GothamNarrowLight; */ /* !BL@LC  TO DO Consider mono font */
		font-family: 'Proxima Nova', sans-serif;
    font-weight: 200;
	background: #DDD;
}

.search-container {
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	background: rgba(255,255,255,.95);
	z-index: 99999;
	color: #333;
	display: none;
}

.search-container .js-closeSearch {
	position: absolute;
	top: 0;
	right: 16px;
	text-decoration: none;
	z-index: 9999;
}

.search-container .search-header {
	padding-top: 3.125em;
}

.search-container img {
	width: 100%;
	margin-bottom: .375em;
}

.search-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.search-container .search-col {
	display: none;
}

.search-container .search-results-wrap {
	height: auto;
	width: 100%;
	padding-bottom: 3.125em;
}

.search-container input {
	background: 0 0;
	border: 0;
	outline: 0;
	color: #333;
	font-size: 4.6em;
	line-height: 1.54;
	margin-top: .34em;
	/* font-family: GothamNarrowLight,sans-serif; */
		font-family: 'Proxima Nova', sans-serif;
    font-weight: 200;
	margin-left: -.05em;
	width: 100%;
}

.search-container .hr {
	margin: 1.89em 0 1.79em;
}

.search-container h2 {
	margin-bottom: 1em;
}

.search-container a {
	color: inherit;
	text-decoration: underline;
	display: block;
	margin-bottom: 1.375em;
	margin-top: .375em;
	word-break: break-all;
}

.search-container .contact-information {
	margin-top: 1em;
}

.search-container .contact-information a {
	margin-top: 0;
}

.social-bar {
	font-size: 1.225rem;
	/* !BL@LC */
	clear: both;
	margin-top: 30px;
	margin-bottom: 45px;
}

.social-bar a {
	color: inherit;
/* 	text-decoration: underline; */
}

.social-bar .social-content {
	padding: 1.375em 0;
	display: none;
}

.social-bar .social-bar-line {
/* 	height: 3rem; */
  min-height: 3rem;
	padding-top: .8rem;
	cursor: pointer;
}

.social-bar .text {
	color: #b2b2b2;
}

.social-bar .buttons a {
	margin-left: 1em;
	text-decoration: none;
	color: #b2b2b2;
	-webkit-transition: color .1s ease-out;
	margin-right: 1em;
	margin-left: 0;
	border: none;
}
footer .social-bar .buttons a {
	color: #D1D1D1;
}
/* !BL@LC */
  .project-head .social-bar .buttons a {
    float: left;
  }


.social-bar .buttons a:hover {
	color: #333;
}

/*  !BL@LC .social-bar .logo moved to breakpoint  */


.social-bar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.social-bar .social-instagram {
	width: 37%;
	float: left;
}

.social-bar .social-instagram a {
	width: 33.3333%;
	padding: 1%;
	float: right;
	text-align: right;
}

.social-bar .social-instagram img {
	width: 100%;
}

.social-bar .social-facebook {
	width: 43%;
	float: right;
}

.social-bar .social-facebook a {
	float: right;
}

.social-bar .social-facebook li {
	width: 20%;
	float: left;
	padding: 1%;
}

.social-bar .social-facebook img {
	width: 100%;
}

.social-bar .social-facebook .fb-like-box {
	width: 100%;
	position: relative;
	top: -16px;
}

#login {
	background: rgba(240,240,240,.95);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 99;
	color: #333;
	display: none;
	opacity: 0;
	top: 0;
}

#login .large-logo {
	width: 30px;
	margin-bottom: 1em;
}

#login .login-wrapper {
	padding-top: 250px;
	width: 300px;
	margin: 0 auto;
}

#login .login-wrapper input {
	/* font-family: GothamNarrowLight,sans-serif; */
		  font-family: 'Proxima Nova', sans-serif;
      font-weight: 200;
	background: #fff;
	border: 1px solid gray;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	width: 100%;
	outline: 0;
	margin-bottom: 5px;
	color: #333;
}

#login ::-webkit-input-placeholder {
	color: #333;
}

#login :-moz-placeholder {
	color: #333;
}

#login ::-moz-placeholder {
	color: #333;
}

#login :-ms-input-placeholder {
	color: #333;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.share-list ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.share-list ul li {
		position: relative;
		overflow: hidden;
		height: 1.675em!important;
	}

	.share-list ul li>a {
		color: inherit;
		position: relative;
		top: -1.375em;
	}

	.share-list ul li .item {
		position: relative;
		top: -1.375em;
		height: 1.675em;
	}

	.share-list ul li .item.google {
		padding-top: 5px;
	}

	.share-list ul li .item iframe {
		position: absolute;
		top: 50%;
		margin-top: -10px;
	}

	.share-list ul li .item.facebook {
		height: 25px;
		overflow: hidden!important;
	}

	.share-list ul li .item img {
		width: auto;
	}
}

@media (max-width:767px) {
	body {
		/* font: 400 100%/1.375 GothamNarrowBook,sans-serif; */
		  font: 400 100%/1.375 'Proxima Nova', sans-serif;
		font-size: 1em;
		padding: 0;

		/* padding-top: 155px; */
    }

    header {
      position: relative;
    }

  body#home {
    padding-top: 0;
  }
  /* !BL@LC */
  body#all-projects {
      /* padding-top: 2.44em; */
  }

	.process .caption {
		position: absolute;
		font-size: 2em;
		left: 1em!important;
		top: 1em!important;
		color: #000;
		width: 80%!important;
	}

	.process .share-list {
		margin-bottom: 2.75em;
	}

	.process .item:not(.cover) {
		display: none;
	}

	.process.display .content {
		padding-top: 1.375em;
	}

	.process img {
		margin-bottom: 1.375em!important;
		margin-top: 0!important;
		top: 0!important;
		position: relative;
		width: 100%!important;
	}

	.fullscreen-image,.full-backgrounds {
/*
		border: 1em solid #fff;
		border-top: 5em solid #fff;
		border-bottom: 4em solid #fff;
*/
	}

	.contact {
		padding-top: 1.375em;
		hyphens: auto;
	}

	.contact strong {
		display: block;
		margin-bottom: 1.375em;
	}

	.contact .contact-item {
		margin-bottom: 0;
		margin-bottom: 1.375em;
	}

	.contact .map {
		margin-top: 3.75em;
	}

	.contact .map img {
		margin-bottom: 1.375em;
	}

	.contact .map strong {
		margin-bottom: 0;
		display: inline;
	}

	.social-bar .social-content {
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
	}

	.social-bar .social-content .social-instagram {
		display: none;
	}

	.social-bar .social-content .social-facebook {
		float: none;
		width: 100%;
		overflow-x: hidden;
		padding-top: 2.75em;
	}

	.social-bar .social-content .social-facebook .fb-like-box {
		width: 90%!important;
	}

	.social-bar .social-bar-line .text {
		display: none;
	}

	.social-bar .social-bar-line .logo {
		margin: 0;
	}

	.social-bar .social-bar-line .buttons {
		/* margin-top: .25em; */
		/* !BL@LC */
		/* margin: 2em 0; */

		display: inline-block;
  }

	.wrapper {
/* 		padding: .5em 1.5em; */
	}
	.social-bar {
    margin: 0;
  }

	#transpositioning {
		padding-top: .5em!important;
	}


/* !BL@LC  disabled */
/*
    	header.mobile {
    		display: block;
    		position: relative;
    	}
*/

    	header.mobile .main-navigation,header.mobile .secondary-navigation {
    		float: none;

    		text-align: center;
    		text-align: left;
      }

    	header.mobile .main-navigation a {
    		margin-right: 1em;

    		/* text-align: center; */
    		/* float: none; */
    		margin-bottom: .5em;
      }

    	header.mobile .main-navigation a:last-child {
    		margin-right: 0;
    	}

    	header.mobile .secondary-navigation {
    		margin-top: .1em;
    		margin-bottom: .75em;
    	}

    	header.mobile .secondary-navigation a {
    		margin-right: .75em;
    	}

    	header.mobile .logo {
    		margin-top: 0;

    		/* float: none; */
    		/* text-align: center; */
      }


            /*
            	header.desktop {
            		display: none!important;
            	}


            */

    header .main-navigation {
     text-align: left;
     margin: .75em 0 1.25em;
    }

    header .main-navigation a {
      margin-left: 0;
      margin-right: 2%;
      text-align: left;
      line-height: 1em;
      padding: .5em 0;

    }

	.presentation-view {
		display: none!important;
	}

	.project-head {
		/* margin-bottom: 1.375em!important; */
		margin-bottom: .5em;
		margin-top: 1em;
}

	.project .text {
		clear: both;
		padding-top: 2.75em;

		padding-top: 1.5em;
}



	.project-list .project-list-item {
/*  height: 12.75em;
    width: 50%;
		padding-right: 2.3%;
		padding-left: 2.3%;

		-webkit-flex: 0 0 49.8%;
		flex: 0 0 49.8%;
*/
		float: left;
		font-size: .75em;

    -webkit-flex-basis: calc(100%/2 - 1px);
    flex-basis: calc(100%/2 - 1px);
}
  .project-list .project-list-item .sub-title,
	.project-list .project-list-item .categories {
		display: none;
	}

	.people-categories div {
		width: 33%;
		padding: 0 .2em;
	}

	.people-list .people-list-item {
		/* height: 30.95em;
		width: 50%;
		padding-right: 1.5%;
		padding-left: 1.5%;
		float: left; */
		font-size: .75em;
		position: relative;

    -webkit-flex-basis: calc(100%/2 - 1px);
    flex-basis: calc(100%/2 - 1px);
  }

/*
	.people-list .people-list-item .telephone {
		text-decoration: underline;
	}
*/
	.people-list .people-list-item .telephone a { /* !BL@LC added a */
    /* 		text-decoration: underline; */
	}
	.content-background {
		min-height: 0;
	}

	.logo {
		/* margin: 1.375em 0; */
	}

	.search {
		display: none;
	}

      /* Projects Filter
      -------------------------------------------------- */

    	/* !BL@LC */
      .projects-filter { /* temp */
    		position: relative;
      /* margin-top: 1em; */
      /* margin-top: 80px; */}

    	.project-categories {
    		line-height: 1.575;
    	}

    	.project-categories .display-children {
    		display: block;
    	}

    	.project-categories div.parents {
    		width: 100%;
    		font-size: 1.2em;
    		max-width: none;
    	}

    	.project-categories div.parents li {
    		display: inline-block;
    		margin: 0;
    	}

    	.project-categories div.parents li:after {
    		content: ', ';
    	}

    	.project-categories div.parents li:last-child:after {
    		content: '';
    	}

    	.project-categories div.children {
    		width: 100%!important;
    		font-size: 1.2em;
    		display: none;
    	}

    	.project-categories div.children ul {
    		width: 100%!important;
    	}

    	.project-categories div.children.desktop {
    		display: none;
    	}

    	.project-categories div.children a {
    		padding: .2em 0;
    	}

    	.project-categories div.children li {
    		display: inline-block;
    		width: auto;
    	}

    	.project-categories div.children li:after {
    		content: ', ';
    	}

    	.project-categories div.children li:last-child:after {
    		content: '';
    	}




	.contact .map-section {
		padding-top: 0;
	}

	.switch-project-view {
		display: none;
	}

	.disciplines {
		left: 16.66666%;
		position: fixed;
		padding-left: 16px;
	}

	.disciplines li {
		text-align: left;
	}

	.disciplines li a {
		/* font-family: GothamNarrowLight,sans-serif; */
		  font-family: 'Proxima Nova', sans-serif;
      font-weight: 200;
		font-size: 1.7em;
		color: inherit;
		text-decoration: none;
		display: inline-block;
	}

	.disciplines li a:hover.underline .und {
		border-bottom: 1px solid;
	}

	.project .project-modules img {
		margin-top: 1.375em;
	}

	.project .project-modules .video-box {
		margin-top: 1.375em;
	}

	.project h1 {
		margin: 1.375em 0;

		margin: 0;
  }

	.project figcaption {
		margin-bottom: 1.375em;
	}

	.project .column {
		margin-bottom: 0!important;
	}

	.project .column.display {
		margin-bottom: 0!important;
		  margin-bottom: 1.375em!important; /* !BL@LC */
	}

	.news-list {
		padding-top: 1.375em;
	}

	.news-list img {
		margin-bottom: 1.375em;
	}

	.news-list .meta {
		margin-top: 1.375em;
	}

  footer summary {
    float: none;
  }

	.share-list {
		margin-top: 2.75em;
	}

	.share-list h4 {
		margin-bottom: 1.375em;
	}

	.share-list ul {
		width: 69%;
	}

	.share-list li {
		width: 50%;
		float: left;
	}
}


      /* !BL@LC - duplicates some styles above, only with increased max-width

        consider keeping the above styles  for the header.mobile

      */

      @media (max-width:1200px) {

        /* Projects Filter
        -------------------------------------------------- */

      	/* !BL@LC */
        .projects-filter { /* temp */
      		position: relative;
        /* margin-top: 1em; */
        /* margin-top: 80px; */}

      	.project-categories {
      		line-height: 1.575;
      	}

      	.project-categories .display-children {
      		display: block;
      	}

      	.project-categories div.parents {
      		width: 100%;
      		font-size: 1em;
      		max-width: none;

      		font-weight: normal;
      		text-transform: uppercase;
        }

      	.project-categories div.parents li {
      		display: inline-block;
        }



      	.project-categories div.parents li:after {
      		content: ', ';
      	}

      	.project-categories div.parents li:last-child:after {
      		content: '';
      	}

      	.project-categories div.children {
      		width: 100%!important;
      		font-size: 1.1em; /* 1.2em */
      		display: none;
      	}

      	.project-categories div.children ul {
      		width: 100%!important;
      	}

      	.project-categories div.children.desktop {
      		display: none;
      	}

      	.project-categories div.children a {
      		padding: .2em 0;
      	}

      	.project-categories div.children li {
      		display: inline-block;
      		width: auto;
      	}

      	.project-categories div.children li:after {
      		content: ', ';
      	}

      	.project-categories div.children li:last-child:after {
      		content: '';
      	}


       /*  New  */

       #all-projects .categories-background,
       .project-list-wrapper {
/*          padding: 0; */
       }

      #all-projects .project-list-wrapper {
/*          margin-left: -25px; */
          margin-left: -40px;
          width: auto;
       }

        .project-categories li,
        .project-categories li a, .clearSelection {
          padding: 0 1.75em 1em 0;
          display: inline-block;
        }

      	.project-categories div.parents li:after {
      		content: none;
      	}


      	/* !BL@LC
        Button Style */
      	.project-categories.sm-button-style div.parents li {
      		margin: 1em 0;
        }
        .project-categories.sm-button-style li a {
          background: #f8f8f8;
          padding: .75em;

          border: 1px solid #F4F4F4;
          border-left-color: #F2F2F2;
          text-shadow: 1px 1px 0 #FFF;
          padding: .75em 20px;

        }



      }

@media (max-width:400px) {
	.project-list .project-list-item {
/* 		height: 12.75em; */
	}
}

@media (min-width:401px) and (max-width:767px) {
	.project-list .project-list-item {
		/* height: 18.75em; */
	}
}

@media (min-width:768px) and (max-width:992px) {
	body {
		font-size: 1em;
	}

	.logo img {
		/* width: 28px; */
		/* !BL@LC */
	}

	.wrapper {
/* 		padding: 0 20px */;
	}

	.contact .row.map img {
		margin-bottom: 1.375em;
	}

	.contact .contact-item strong {
		display: block;
		margin-bottom: 1.375em;
	}

	.contact .contact-item a {
		display: block;
	}

	.main-navigation a {
		margin-right: 5px;

		margin-right: 2%;
  }

	.main-navigation a:last-child {
		margin-right: 0;
	}

	.secondary-navigation a {
		margin-right: 10px;
	}

	.share-list {
		margin-top: 2.75em;
	}
	footer .share-list {
		margin-top: 0;
	}

	.social-bar .social-line {
		margin-bottom: 2.75em;
	}

	.social-bar .social-bar-line a {
		margin-left: .6em;
	}

	.social-bar .social-bar-line a:last-child {
		margin-left: 0;
	}

	.project-categories div.children {
		width: 80%;
	}

	.project-categories div.parents {
		width: 15%;
		margin-right: 1%;
	}

  .project-list {
/*     margin-left: -3%; */
  }
	.project-list .project-list-item {

/*	height: 18.5em;
    width: 50%;
		padding-right: 2.1%;
		padding-left: 2.1%;

		-webkit-flex: 0 0 49.8%;
		flex: 0 0 49.8%;
*/
		font-size: .85em;

    -webkit-flex-basis: calc(100%/2 - 1px);
    flex-basis: calc(100%/2 - 1px);
  }

	.people-list .people-list-item {
    /* height: 32.95em;
		width: 25%;
		padding-right: 1.5%;
		padding-left: 1.5%; */

    -webkit-flex-basis: calc(100%/4 - 1px);
    flex-basis: calc(100%/4 - 1px);
	}

	.project-categories div {
		margin-right: 1em;
		width: 200px;
		width: 16vw;
	}

/*
	.project-categories ul {
		display: block!important;
	}
*/

	.news-list img {
		margin-bottom: 1.375em;
	}
}

@media (min-width:992px) and (max-width:1200px) {
	body {
		font-size: 1.05em;
			/* !BL@LC */

		font-size: 1em;
	}

	.people-categories div {
		width: 10vw!important;
		padding: 0 .2em;
	}

	.content-background {
/* 	min-height: 1200px; */
    min-height: 1050px;
	}

	.logo img {
		/* width: 30px; */
		/* !BL@LC */
	}

	.wrapper {
/* 		padding: 0 20px */;
	}

	.wrapper .fullscreen-image,.wrapper .full-backgrounds {
		border-width: 5em;
	}

	.project-categories div.children {
		width: 70%;
	}

	.project-categories div.parents {
		width: 15%;
	}

	.project-list .project-list-item {
		/* height: 12.5em; */
		/* width: 25%; */

/*
		padding-right: 1.8%;
		padding-left: 1.8%;

		-webkit-flex: 0 0 24.9%;
		flex: 0 0 24.9%;
*/

    -webkit-flex-basis: calc(100%/4 - 1px);
    flex-basis: calc(100%/4 - 1px);

}

	.people-list .people-list-item {
		/* height: 32.95em;
		width: 20%;
		padding-right: 1%;
		padding-left: 1%; */

    -webkit-flex-basis: calc(100%/5 - 1px);
    flex-basis: calc(100%/5 - 1px);
	}

	.people-list .people-list-item:nth-child(5n+5) {
		margin-right: 0!important;
	}

	.project-categories div {
		margin-right: 1em;
		width: 180px;
		width: 14.5vw;
	}

/*
	.project-categories ul {
		display: block!important;
	}
*/
}

@media (min-width:1200px) and (max-width:1760px) {
	body {
		font-size: 1.25em;
			/* !BL@LC */

		font-size: 1em;
	}

	.people-categories div {
		width: 8vw!important;
		padding: 0 .2em;
	}

	.row.map .col-lg-6 {
		width: 100%;
	}

	.logo img {
		/* width: 30px; */
		/* !BL@LC */
	}

	.project-categories div.children {
		width: 60%;
	}

	.project-categories div.parents {
		width: 15%;
	}

	.project-list .project-list-item {
		/* height: 12.5em;
		width: 25%;
		float: left;
		padding-right: 1.5%;
		padding-left: 1.5%;

		-webkit-flex: 0 0 25%;
		flex: 0 0 24.9%; */

    -webkit-flex-basis: calc(100%/4 - 1px);
    flex-basis: calc(100%/4 - 1px);
}

	.people-list .people-list-item {
		/* height: 32.95em;
		width: 16.6%;
		padding-right: 1%;
		padding-left: 1%; */

    -webkit-flex-basis: calc(100%/6 - 1px);
    flex-basis: calc(100%/6 - 1px);

}

	.project-categories div {
		margin-right: 1.4em;
		width: 180px;
		width: 11.3vw;
	}

/*
	.project-categories ul {
		display: block!important;
	}
*/
}
@media (min-width:1440px) and (max-width:1760px) {

	.project-list .project-list-item {
		/* height: 13.5em; */
	}

}


@media (min-width:1760px) {
	body {
		font-size: 1.5em;
			/* !BL@LC */

		font-size: 1.2em;
		font-size: 1em;
		}

	#all-projects .content-background {
		min-height: 1200px;
}

	.project-categories div {
		/* !BL@LC */
/* 		margin-right: 2em; */
		width: 180px;
		width: 9.5vw;
	}

/*
	.project-categories ul {
		display: block!important;
	}
*/

	.project-list .project-list-item {
    /* height: 15.5em; */
		/*font-size: 1.25rem;*/
		/* !BL@LC */
		font-size: 1.1rem;

	}

	.people-list .people-list-item:nth-child(7n+7) {
		margin-right: 0!important;
	}


	/* !BL@LC */

    /* footer .social-bar .buttons a, */
  	footer .social-icons a:last-child { margin-right: 1%; margin-right: 0;} /* if a links are float: right */

}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	.project-categories a:hover {
		text-decoration: none;
	}
}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	.project-categories a:hover {
		text-decoration: none;
	}
}

@media (max-device-width:480px) and (orientation:portrait) {
	 header .main-navigation a {
    font-size: .9em;
  }
	.project-categories {
		font-size: .8em;
	}
	.project-categories a:hover {
		text-decoration: none;
	}
}

@media (max-device-width:480px) and (orientation:landscape) {
	.project-categories a:hover {
		text-decoration: none;
	}
}



/* !BL@LC  TO CHECK FOR DUPS */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

    /* !BL@LC */
    /* From Bootstrap v3.3.2
    =================================================================== */

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}

/* !BL@LC */
.text-behind {
  position: absolute;
  z-index: -1;
  opacity: .5;
  color: #fff;
  font-size: 10px;
}

/* !BL@LC TO DO */

@font-face {
	font-family:snohetta;src:url(/assets/fonts/snohetta.eot);src:url(/assets/fonts/snohetta.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/snohetta.woff) format('woff'),url(/assets/fonts/snohetta.ttf) format('truetype'),url(/assets/fonts/snohetta.svg#snohetta) format('svg');font-weight:400;font-style:normal;font-size:20px!important;
}

[data-icon]:before {
	font-family: snohetta;
	content: attr(data-icon);
	speak: none;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-zoom-out,.icon-zoom-in,.icon-user,.icon-settings,.icon-save,.icon-remove,.icon-match-height,.icon-confirm,.icon-preview,.icon-delete,.icon-logo,.icon-edit,.icon-checkbox-unchecked,.icon-checkbox-checked,.icon-add,.icon-search,.icon-previous,.icon-next,.icon-twitter,.icon-linkedin,.icon-instagram,.icon-facebook,.icon-behance,.icon-facebook-2,.icon-close,.icon-logout,.icon-plus,.icon-minus,.icon-link-remove,.icon-link-add,.icon-bold,.icon-italic {
	font-family: snohetta;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: inherit;
	-webkit-font-smoothing: antialiased;
}

.icon-zoom-out:before {
	content: "\e018";
}

.icon-zoom-in:before {
	content: "\e017";
}

.icon-user:before {
	content: "\e016";
}

.icon-settings:before {
	content: "\e015";
}

.icon-save:before {
	content: "\e014";
}

.icon-remove:before {
	content: "\e013";
}

.icon-match-height:before {
	content: "\e011";
}

.icon-confirm:before {
	content: "\e00d";
}

.icon-preview:before {
	content: "\e012";
}

.icon-delete:before {
	content: "\e00e";
}

.icon-logo:before {
	content: "\e010";
}

.icon-edit:before {
	content: "\e00f";
}

.icon-checkbox-unchecked:before {
	content: "\e00c";
}

.icon-checkbox-checked:before {
	content: "\e00b";
}

.icon-add:before {
	content: "\e00a";
}

.icon-search:before {
	content: "\e000";
}

.icon-previous:before {
	content: "\e002";
}

.icon-next:before {
	content: "\e003";
}

.icon-twitter:before {
	content: "\e009";
}

.icon-linkedin:before {
	content: "\e004";
}

.icon-instagram:before {
	content: "\e006";
}

.icon-facebook:before {
	content: "\e005";
}

.icon-behance:before {
	content: "\e008";
}

.icon-facebook-2:before {
	content: "\e007";
}

.icon-close:before {
	content: "\e001";
}

.icon-logout:before {
	content: "\e019";
}

.icon-plus:before {
	content: "\e01a";
}

.icon-minus:before {
	content: "\e01b";
}

.icon-link-remove:before {
	content: "\e01d";
}

.icon-link-add:before {
	content: "\e01c";
}

.icon-bold:before {
	content: "\e01e";
}

.icon-italic:before {
	content: "\e01f";
}

/* !BL@LC */

/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/* */
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}