/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding: 0;
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}
figure {
  margin: 0;
  padding: 0;
}
.hidden {
  display: none;
}
@font-face {
  font-family: 'Flamauow-Book';
  src: url("fonts/Flamauow-Book.dfb02e83.eot");
  src: local('☺'), url("fonts/Flamauow-Book.76d33969.woff") format('woff'), url("fonts/Flamauow-Book.ad637c50.ttf") format('truetype'), url("fonts/Flamauow-Book.a96d3fe4.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Flamauow-Medium';
  src: url("fonts/Flamauow-Medium.fa2420fb.eot");
  src: local('☺'), url("fonts/Flamauow-Medium.a8a0e5ef.woff") format('woff'), url("fonts/Flamauow-Medium.4e9b7af1.ttf") format('truetype'), url("fonts/Flamauow-Medium.608c8a01.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FlamauowSemicond-Book';
  src: url("fonts/FlamauowSemicond-Book.dcfff4d6.eot");
  src: local('☺'), url("fonts/FlamauowSemicond-Book.003886fc.woff") format('woff'), url("fonts/FlamauowSemicond-Book.14ac52d5.ttf") format('truetype'), url("fonts/FlamauowSemicond-Book.3182a505.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
b,
strong {
  font-family: 'Flamauow-Medium', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.page {
  display: none;
}
.page.active {
  display: block;
}
body {
  color: #0a0b09;
  font-family: 'Flamauow-Book', Arial, Helvetica, sans-serif;
}
.btn {
  width: 12em;
  margin: 0 auto;
  position: relative;
}
.btn a {
  box-shadow: inset 0 0 10px #666;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  display: block;
  padding: 8px 8px 0 10px;
  vertical-align: top;
  line-height: 2em;
  color: #222;
  text-transform: uppercase;
  font-size: 1em;
  border-radius: 20px;
  text-decoration: none;
}
.btn.btn-play:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 20px;
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px 0px;
  width: 8px;
  height: 14px;
}
h1,
h2 {
  margin: 0;
  margin-top: 1em;
  line-height: 2em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
h1 {
  font-size: 3em;
}
h1:after {
  content: url("img/heading-shadow.a92509d7.png");
  position: absolute;
  width: 100%;
  left: 0;
  top: 3em;
}
h2 {
  font-size: 2em;
}
@media screen and (max-width: 1919px) {
  h1,
  h2 {
    margin-top: 0.5em;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
}
a {
  text-decoration: none;
}
main > div {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}
.intro p {
  font-size: 1.8em;
  line-height: 1.5em;
  text-align: center;
  width: 67%;
  margin: 50px auto;
}
@media screen and (max-width: 1919px) {
  .intro p {
    font-size: 1.25em;
  }
}
.page-content {
  padding: 0 80px;
}
@media screen and (max-width: 1919px) {
  .page-content {
    padding: 0 40px;
  }
}
.page-title {
  margin-bottom: 30px;
}
.page-title img,
.page-title h3 {
  display: inline-block;
  vertical-align: middle;
}
.page-title img + h3 {
  width: 550px;
}
.page-title h3 {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 48px;
  font-weight: normal;
  font-family: 'Flamauow-Book', Arial, Helvetica, sans-serif;
  color: #f47920;
}
@media screen and (max-width: 1919px) {
  .page-title {
    margin-bottom: 15px;
  }
  .page-title img {
    height: 150px;
  }
  .page-title img + h3 {
    width: 150px;
  }
  .page-title h3 {
    font-size: 24px;
  }
}
.list-icons {
  margin: 40px auto 0;
  width: 100%;
  text-align: center;
}
.list-icons li,
.list-icons img {
  width: 300px;
  height: 300px;
}
.list-icons li {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 300px;
  margin: 5px;
  background: #4d4d4d;
  text-align: center;
}
.list-icons figure {
  margin: 0;
}
.list-icons figcaption {
  margin: 10px;
  text-transform: none;
  text-align: center;
}
.list-icons a {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
  color: #f47920;
}
@media screen and (max-width: 1919px) {
  .list-icons {
    margin: 20px auto 0;
  }
  .list-icons li,
  .list-icons img {
    width: 150px;
    height: 150px;
  }
  .list-icons a {
    font-size: 14px;
  }
}
.page:not([data-page=default]) .col {
  display: inline-block;
  vertical-align: top;
}
.placeholder {
  color: #f0f !important;
}
div.img.placeholder {
  background: #f0f !important;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  position: relative;
  font-family: 'Flamauow-Book', Arial, Helvetica, sans-serif;
  font-size: 13px;
  overflow-y: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
h1,
h2,
h3,
h4 {
  font-family: 'Flamauow-Medium', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#controls {
  z-index: 2;
}
#welcome {
  background: #3e6fac 50% 100% no-repeat;
  background-size: contain;
}
#welcome section {
  padding-top: 100px;
  position: relative;
}
#welcome section .description {
  width: 40%;
  -webkit-columns: 20em;
  -moz-columns: 20em;
  columns: 20em;
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
#welcome section .description p {
  font-size: 1.51em;
  margin-top: 0;
}
#welcome section .pic {
  margin-left: 10%;
  vertical-align: top;
  display: inline-block;
  width: 10%;
  color: #fff;
  font-size: 1.3em;
}
#welcome section .pic img {
  width: 100%;
  height: auto;
}
#welcome section .pic h4 {
  margin: 0 0 2px;
}
#welcome section .quote {
  margin-left: 20px;
  vertical-align: top;
  display: inline-block;
  width: 25%;
  color: #fff;
  font-size: 2.2em;
}
#welcome section .btn {
  width: 26em;
  margin: 0 auto;
}
#welcome section .btn a {
  background: #fff;
}
#welcome section .btn a:before {
  content: '';
  width: 2em;
  height: 2em;
  background: #000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 1em;
}
@media screen and (max-width: 1919px) {
  #welcome section .description {
    width: 50%;
    -webkit-columns: 12em;
    -moz-columns: 12em;
    columns: 12em;
  }
  #welcome section .description p {
    font-size: 1em;
  }
  #welcome section .quote {
    font-size: 1.5em;
  }
}
#welcome .overlay {
  position: absolute;
  top: -100%;
  right: 0;
  bottom: 100%;
  left: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
#welcome .overlay.active {
  top: 0;
  bottom: 0;
  opacity: 1;
}
#welcome .overlay a {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  text-decoration: none;
}
#welcome .overlay video {
  display: block;
  height: 75%;
  margin: 75px auto;
}
[id=home] .boxes {
  position: relative;
  height: -webkit-calc(100% - 102px);
  height: calc(100% - 102px);
  background: rgba(0,0,0,0.45);
}
[id=home] .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 33.4%;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
[id=home] .box[data-box='2'] {
  left: 50%;
}
[id=home] .box[data-box='3'] {
  left: 25%;
  top: 33.4%;
}
[id=home] .box[data-box='4'] {
  left: 75%;
  top: 33.4%;
}
[id=home] .box[data-box='5'] {
  top: 66.8%;
}
[id=home] .box[data-box='6'] {
  left: 50%;
  top: 66.8%;
}
[id=home] .box.flip {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
[id=home] .box.flip * {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: 0 0.4s;
  transition: 0 0.4s;
}
[id=home] .touch-me {
  position: absolute;
  left: 75%;
  top: 66.7%;
  width: 25%;
  height: 33.4%;
  color: #fff;
  font-size: 40px;
  padding: 50px 0 0 130px;
}
[id=home] .touch-me:before {
  content: url("img/touch.6cd2789a.png");
  position: absolute;
  left: 40px;
  top: 50px;
}
[id=home] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2em 1em 1em;
  background: rgba(244,121,32,0.85);
  color: #fff;
  text-align: center;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 4em;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 60px;
  vertical-align: middle;
}
@media screen and (max-width: 1919px) {
  [id=home] .boxes {
    height: -webkit-calc(100% - 71px);
    height: calc(100% - 71px);
  }
  [id=home] a {
    line-height: 50px;
    font-size: 2.4em;
  }
}
[id=building-development] {
  background: #333;
  bottom: 100px;
}
[id=building-development] .page-content {
  padding-top: 80px;
}
[id=building-development] .intro {
  margin-top: 40px;
  background: #f47920;
  color: #fff;
  width: 67%;
  margin: 0 auto;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  padding: 30px 50px;
}
[id=building-development] .intro strong {
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  font-size: 32px;
}
[id=building-development] .intro p {
  width: 100%;
  font-size: 24px;
}
[id=building-development] .intro .btn {
  width: 300px;
}
[id=building-development] .intro .btn a {
  background: #fff;
  color: #f47920;
  font-size: 18px;
  text-align: center;
  height: 54px;
}
[id=building-development] [data-page=site-history] {
  width: 50%;
  padding: 20px 30px;
  margin: 100px auto 0;
  background: rgba(0,0,0,0.35);
  text-align: center;
  font-size: 18px;
  color: #fff;
}
[id=building-development] [data-page=site-history] h2 {
  margin: 0;
  color: #f47920;
  font-size: 24px;
}
[id=building-development] [data-page=site-history] strong {
  display: block;
}
[id=building-development] [data-page=site-history] .quotes p {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 14px;
}
[id=building-development] [data-page=site-history] small {
  display: block;
  margin-top: 50px;
  text-align: left;
  font-size: 12px;
}
[id=building-development] [data-page=living-building-challenge],
[id=building-development] [data-page=project-team] {
  width: 50%;
  line-height: 30px;
  padding: 30px;
  margin: 100px auto 0;
  background: rgba(0,0,0,0.35);
  font-size: 24px;
  color: #fff;
}
[id=building-development] [data-page=living-building-challenge] h2,
[id=building-development] [data-page=project-team] h2 {
  margin: 0;
  font-size: 24px;
  color: #f47920;
  text-transform: capitalize;
  font-size: 30px;
}
[id=building-development] [data-page=living-building-challenge] {
  color: #fff;
  width: 75%;
  font-size: 16px;
  line-height: 18px;
}
[id=building-development] [data-page=living-building-challenge] p.subtitle {
  max-width: 100%;
  font-size: 25px;
  color: #f47920;
  text-align: center;
  margin: -3px auto 12px auto;
  font-weight: bold;
}
[id=building-development] [data-page=living-building-challenge] p.big {
  font-size: 24px;
  float: right;
  margin-top: 12px;
  line-height: 1.3;
  max-width: 49%;
}
[id=building-development] [data-page=living-building-challenge] p.nomal {
  max-width: 49%;
  float: left;
  max-width: 49%;
}
[id=building-development] [data-page=living-building-challenge] hr {
  border: 0;
  border-top: 2px solid #808080;
  width: 100%;
}
[id=building-development] [data-page=living-building-challenge] h4,
[id=building-development] [data-page=living-building-challenge] ul {
  display: inline-block;
  vertical-align: top;
}
[id=building-development] [data-page=living-building-challenge] h4 {
  width: 80px;
  margin-top: 0;
  color: #f47920;
}
[id=building-development] [data-page=living-building-challenge] ul {
  width: 13%;
  margin: 20px 10px 0 -80px;
  list-style-type: none;
}
[id=building-development] [data-page=living-building-challenge] ul:last-child {
  margin-right: 0;
}
[id=building-development] [data-page=living-building-challenge] ul li {
  margin-left: -5px;
}
[id=building-development] [data-page=project-team] {
  height: 585px;
  width: 1300px;
}
[id=building-development] [data-page=project-team] .subtitle {
  text-align: center;
  width: 900px;
  margin: 0 auto 30px auto;
}
[id=building-development] [data-page=project-team] ul li {
  width: 560px;
  display: block;
  padding: 0 0 4px;
  margin: 5px 0;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  line-height: 1;
  color: #f47920;
}
[id=building-development] [data-page=project-team] ul li strong {
  color: #fff;
  text-transform: uppercase;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
}
[id=building-development] [data-page=project-team] ul.left {
  max-width: 48%;
  float: left;
  margin-left: 40px;
}
[id=building-development] [data-page=project-team] ul.left li em {
  position: absolute;
  left: 700px;
  font-style: normal;
}
[id=building-development] [data-page=project-team] ul.right {
  max-width: 48%;
  float: right;
  margin-right: 40px;
}
[id=building-development] [data-page=project-team] ul.right li em {
  position: absolute;
  left: 1310px;
  font-style: normal;
}
[id=building-development] [data-page=timeline] {
  width: 95%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
[id=building-development] [data-page=timeline] ul {
  margin-top: 100px;
}
[id=building-development] [data-page=timeline] li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 9.090909090909092%;
  padding: 0 20px;
  margin-left: -4px;
  font-size: 16px;
}
[id=building-development] [data-page=timeline] li:before,
[id=building-development] [data-page=timeline] li:after {
  content: '';
  position: absolute;
}
[id=building-development] [data-page=timeline] li:before {
  border-bottom: 1px solid #fff;
  width: 100%;
  top: 382.69px;
  left: 0;
}
[id=building-development] [data-page=timeline] li:after {
  width: 30.77px;
  height: 45.38px;
  left: 50%;
  margin-left: -15.385px;
  top: 360px;
}
[id=building-development] [data-page=timeline] li:nth-child(odd) img {
  margin-top: -40px;
  margin-bottom: 60px;
  z-index: 0;
}
[id=building-development] [data-page=timeline] img {
  position: relative;
  display: block;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  margin-left: -30px;
  border: 3px solid #fff;
  z-index: 1;
}
[id=building-development] [data-page=timeline] strong {
  display: block;
  margin: 20px 0 10px;
  font-size: 18px;
}
@media screen and (max-width: 1919px) {
  [id=building-development] {
    bottom: 70px;
  }
  [id=building-development] [data-page=site-history],
  [id=building-development] [data-page=living-building-challenge],
  [id=building-development] [data-page=project-team],
  [id=building-development] [data-page=timeline] {
    padding: 10px 20px;
    margin: 30px auto;
    font-size: 14px;
  }
  [id=building-development] [data-page=site-history] h2,
  [id=building-development] [data-page=living-building-challenge] h2,
  [id=building-development] [data-page=project-team] h2,
  [id=building-development] [data-page=timeline] h2 {
    font-size: 18px;
  }
  [id=building-development] [data-page=living-building-challenge] {
    width: 930px;
  }
  [id=building-development] [data-page=living-building-challenge] h2 {
    font-size: 25px;
  }
  [id=building-development] [data-page=living-building-challenge] ul {
    margin-right: 5px;
    font-size: 13px;
  }
  [id=building-development] [data-page=living-building-challenge] p {
    margin: 5px 0;
  }
  [id=building-development] [data-page=living-building-challenge] p.subtitle {
    font-size: 18px;
  }
  [id=building-development] [data-page=living-building-challenge] p.big {
    font-size: 20px;
    line-height: 1;
    max-width: 48%;
  }
  [id=building-development] [data-page=living-building-challenge] p.nomal {
    max-width: 48%;
    float: left;
    font-size: 12px;
  }
  [id=building-development] [data-page=project-team] {
    height: 450px;
    width: 930px;
  }
  [id=building-development] [data-page=project-team] h2 {
    font-size: 25px;
  }
  [id=building-development] [data-page=project-team] .subtitle {
    font-size: 20px;
    width: 670px;
    margin: 0 auto 20px auto;
  }
  [id=building-development] [data-page=project-team] ul li {
    width: 410px;
    font-size: 13px;
  }
  [id=building-development] [data-page=project-team] ul.left {
    margin-left: 20px;
  }
  [id=building-development] [data-page=project-team] ul.left li em {
    left: 330px;
  }
  [id=building-development] [data-page=project-team] ul.right {
    margin-right: 20px;
  }
  [id=building-development] [data-page=project-team] ul.right li em {
    left: 770px;
  }
  [id=building-development] [data-page=project-team] li,
  [id=building-development] [data-page=timeline] li {
    padding: 0 0 5px;
    margin: 5px 0;
    font-size: 14px;
    line-height: 14px;
  }
  [id=building-development] [data-page=timeline] li {
    padding: 0 0 10px;
    margin: 10px 0;
  }
  [id=building-development] .intro {
    width: 85%;
    padding: 10px 20px;
  }
  [id=building-development] .intro strong {
    font-size: 24px;
  }
  [id=building-development] .intro p {
    font-size: 18px;
  }
}
[id=building-development] .overlay {
  position: fixed;
  top: -100%;
  right: 0;
  bottom: 100%;
  left: 0;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
[id=building-development] .overlay.active {
  top: 0;
  height: 100%;
  opacity: 1;
  z-index: 1;
}
[id=building-development] .overlay a {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  text-decoration: none;
}
[id=building-development] .overlay video {
  display: block;
  height: 75%;
  margin: 75px auto;
}
[id=building-features] {
  background: #333;
}
[id=building-features] .pages {
  padding-top: 20px;
}
[id=building-features] .pages h2 {
  padding-bottom: 20px;
}
[id=building-features] .features {
  width: 100%;
  text-align: center;
  padding: 20px 50px;
}
[id=building-features] .features li {
  display: inline-block;
  vertical-align: top;
  width: 210px;
  height: 270px;
  text-align: center;
}
[id=building-features] .features a {
  text-transform: uppercase;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #f47920;
}
[id=building-features] .features figure:nth-child(7) {
  margin-right: 40px;
}
[id=building-features] .features img {
  height: 180px;
  width: auto;
}
[id=building-features] .features figcaption {
  margin: 0 30px;
}
[id=building-features] .page:not([data-page=default]) .page-content {
  padding-top: 100px;
  margin-left: 100px;
}
[id=building-features] .page:not([data-page=default]) div {
  color: #fff;
}
[id=building-features] .col:nth-child(1) {
  width: 24%;
}
[id=building-features] .col:nth-child(1) {
  padding-right: 40px;
  text-align: right;
}
[id=building-features] .col:nth-child(1) img {
  width: 100%;
  height: auto;
}
[id=building-features] .col:nth-child(2) {
  width: 56%;
  padding-left: 30px;
}
[id=building-features] .col:nth-child(3) {
  width: 20%;
  padding-left: 10px;
}
[id=building-features] .col:nth-child(3) figure {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  font-size: 20px;
  color: #f47920;
}
[id=building-features] .col:nth-child(3) .ref {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -35px;
  margin-left: -1px;
  font-size: 32px;
  font-weight: bold;
  color: #f47920;
}
[id=building-features] .col:nth-child(3) > img {
  width: 210px;
  margin-top: 30px;
  height: auto;
}
[id=building-features] .images .img {
  width: 100%;
  height: 260px;
  margin-bottom: 10px;
  background-size: cover;
}
[id=building-features] .subtitle {
  font-size: 48px;
  width: 880px;
}
[id=building-features] h3 {
  margin: 0;
  font-weight: bold;
  font-family: 'Flamauow-Book', Arial, Helvetica, sans-serif;
  color: #f47920;
  font-size: 49px;
  width: 670px;
}
[id=building-features] .description {
  margin-top: 80px;
  font-size: 28px;
}
[id=building-features] [data-page=occupant-controlled-natural-ventilation] h3,
[id=building-features] [data-page=daylight-harvesting-lighting-controls] h3,
[id=building-features] [data-page=on-site-wastewater-treatment-and-disposal] h3 {
  width: 510px;
}
[id=building-features] [data-page=environmentally-safe-materials] .description {
  font-size: 26px;
}
[id=building-features] [data-page=urban-agriculture] .subtitle {
  width: 650px;
}
[id=building-features] [data-page=internal-air-quality-sensing] .subtitle {
  width: 800px;
}
[id=building-features] [data-page=reused-materials] .subtitle {
  font-size: 46px;
}
@media screen and (max-width: 1919px) {
  [id=building-features] .page-content {
    padding-left: 0px;
  }
  [id=building-features] .page:not([data-page=default]) .page-content {
    padding-top: 50px;
  }
  [id=building-features] h3 {
    font-size: 40px;
    margin-bottom: 10px;
    width: 100%;
  }
  [id=building-features] .subtitle {
    font-size: 28px;
    margin-bottom: 30px;
    width: 85%;
  }
  [id=building-features] .description {
    font-size: 20px;
    margin-top: 20px;
    width: 85%;
  }
  [id=building-features] .col:nth-child(1) img {
    margin-left: 20px;
  }
  [id=building-features] .col:nth-child(2) {
    margin-left: 0px;
  }
  [id=building-features] .col:nth-child(3) {
    margin-left: -45px;
  }
  [id=building-features] .col:nth-child(3) img {
    width: 80%;
  }
  [id=building-features] [data-page=urban-agriculture] .subtitle,
  [id=building-features] [data-page=internal-air-quality-sensing] .subtitle,
  [id=building-features] [data-page=environmentally-safe-materials] .subtitle,
  [id=building-features] [data-page=reused-materials] .subtitle {
    font-size: 28px;
    width: 400px;
  }
  [id=building-features] [data-page=environmentally-safe-materials] h3 {
    font-size: 38px;
  }
  [id=building-features] [data-page=environmentally-safe-materials] .subtitle {
    font-size: 26px;
  }
  [id=building-features] [data-page=environmentally-safe-materials] .description {
    font-size: 18px;
    margin-top: 20px;
    width: 85%;
  }
  [id=building-features] .features {
    padding-top: 50px;
  }
  [id=building-features] .features li {
    width: 110px;
    height: 170px;
  }
  [id=building-features] .features a {
    font-size: 13px;
  }
  [id=building-features] .features img {
    height: 90px;
    width: auto;
  }
  [id=building-features] .features figcaption {
    margin: 0 10px;
  }
  [id=building-features] .images .img {
    height: 200px;
  }
}
[id=building-performance] {
  bottom: 100px;
  background: #2f2f2f;
}
[id=building-performance] h1 span {
  color: #f47920;
}
[id=building-performance] .page {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  z-index: -1;
}
[id=building-performance] .page.active {
  opacity: 1;
  z-index: 1;
}
[id=building-performance] .charts {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px;
}
[id=building-performance] .chart {
  width: 33%;
}
[id=building-performance] [data-page=default] .charts {
  padding-left: 33%;
}
[id=building-performance] [data-page=default] .charts.performance-charts {
  padding-left: 0;
}
[id=building-performance] [data-page=default] .chart {
  width: 50%;
  border: 0 solid #fff;
}
[id=building-performance] [data-page=default] .chart:nth-child(2),
[id=building-performance] [data-page=default] .chart:nth-child(3) {
  border-bottom-width: 1px;
}
[id=building-performance] [data-page=default] .chart:nth-child(1),
[id=building-performance] [data-page=default] .chart:nth-child(2),
[id=building-performance] [data-page=default] .chart:nth-child(4) {
  border-right-width: 1px;
}
[id=building-performance] [data-page=default] .chart-tall {
  border: none;
  padding: 0 5%;
  width: 50%;
}
[id=building-performance] [data-page=default] .chart-tall.right {
  padding: 0 1% 0 9%;
  border-left: 1px #fff solid;
}
[id=building-performance] [data-page=default] .chart-tall.right .chart-text-rainwater {
  left: 15%;
}
[id=building-performance] [data-page=default] .chart-tall.right .chart-text-consumed {
  right: 1%;
}
[id=building-performance] [data-page=default] .chart-tall .chart-text-generated {
  left: 7%;
}
[id=building-performance] [data-page=default] .chart-tall .chart-text-consumed {
  right: 7%;
}
[id=building-performance] .chart {
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
[id=building-performance] .chart h3 {
  margin: 25px 0;
  font-size: 28px;
  color: #fff;
}
[id=building-performance] .chart[data-data='energy-cumulative'] h3 {
  text-transform: none;
}
[id=building-performance] .chart h4 {
  margin: 0;
  color: #f47920;
}
[id=building-performance] .chart-text {
  margin: 15px 0 30px;
  font-size: 26px;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1919px) {
  [id=building-performance] .charts {
    margin-top: 50px;
    width: 1760px;
    height: 941px;
    -webkit-transform: scale(0.54, 0.54);
    transform: scale(0.54, 0.54);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  [id=building-performance] [data-page=default] .charts {
    padding-left: 580px;
  }
  [id=building-performance] .subnav {
    z-index: 1;
  }
}
.chart[data-chart=tank] h3 {
  margin-bottom: 0;
}
.chart[data-chart=tank] h4 {
  position: relative;
  top: 30px;
  margin-top: -28px;
  font-size: 18px;
}
.chart[data-chart=tank] .chart-value {
  position: absolute;
  top: 150px;
  width: 100%;
  font-size: 90px;
  font-weight: bold;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  color: #2f2f2f;
}
[data-chart=gauge] svg {
  margin-top: 20px;
}
[data-chart=gauge] text {
  font-size: 32px;
  fill: #f47920;
}
[data-chart=gauge] text:last-child {
  text-anchor: end;
}
[data-chart=gauge] .chart-value {
  alignment-baseline: central;
  text-anchor: middle;
  font-size: 90px;
  font-weight: bold;
  fill: #fff;
}
[data-chart=gauge] circle {
  fill: #f47920;
}
[data-chart=gauge] line {
  stroke: #f47920;
  stroke-width: 3;
}
[data-chart=factoids] h3 {
  margin-bottom: 0;
}
[data-chart=factoids] li {
  display: block;
  padding: 5px 0 15px;
  color: #fff;
}
[data-chart=factoids] li .chart-value {
  font-size: 48px;
  font-weight: bold;
  text-transform: lowercase;
}
[data-chart=factoids] li span {
  display: block;
  margin-top: -12px;
  font-weight: normal;
  font-size: 32px;
}
[data-chart=factoids] li small {
  display: block;
  font-size: 24px;
  margin-top: -5px;
}
[data-chart=factoids] li [data-type=generated] {
  color: #07c300;
  text-transform: none;
}
[data-chart=factoids] li [data-type=consumed] {
  text-transform: none;
  color: #e10000;
}
[data-chart=factoids] li [data-type=export] {
  text-transform: none;
  color: #f47920;
}
[data-chart=factoids] [data-list=small] li:first-child {
  border-bottom: 1px dotted #f47920;
}
[data-chart=factoids] [data-list=large] li {
  border: 0 dotted #f47920;
  border-width: 1px 0;
}
[data-chart=factoids] [data-list=large] li:nth-child(2) {
  border-width: 0;
}
[data-chart=bar] rect:nth-child(1) {
  fill: #e10000;
}
[data-chart=bar] rect:nth-child(2) {
  fill: #07c300;
}
[data-chart=bar] line {
  stroke: #f47920;
}
[data-chart=bar] .chart-value {
  font-size: 72px;
  text-anchor: middle;
  font-weight: bold;
  fill: #fff;
}
[data-chart=bar] .chart-text-generated,
[data-chart=bar] .chart-text-consumed {
  position: absolute;
  top: 250px;
  width: 160px;
  font-weight: bold;
}
[data-chart=bar] .chart-text-generated:before,
[data-chart=bar] .chart-text-consumed:before {
  display: block;
  font-weight: normal;
  color: #fff;
}
[data-chart=bar] .chart-text-generated:after,
[data-chart=bar] .chart-text-consumed:after {
  text-transform: none;
  content: 'MWh';
}
[data-chart=bar] .chart-text-generated {
  left: 0;
  text-align: right;
  color: #07c300;
}
[data-chart=bar] .chart-text-generated:before {
  content: 'Generated';
}
[data-chart=bar] .chart-text-consumed {
  right: 0;
  text-align: left;
  color: #e10000;
}
[data-chart=bar] .chart-text-consumed:before {
  content: 'Consumed';
}
[data-chart=line] line {
  shape-rendering: crispEdges;
}
[data-chart=line] text {
  fill: #fff;
}
[data-chart=line] .zero-line {
  stroke: #f47920;
}
[data-chart=line] .axis text {
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  font-size: 13px;
}
[data-chart=line] .axis.y path {
  fill: none;
}
[data-chart=line] .axis.x path {
  fill: none;
}
[data-chart=line] .axis.x line {
  stroke: #f47920;
  stroke-dasharray: 2 2;
}
[data-chart=line] .line {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}
[data-type=line-area] .line-group text,
[data-type=line-area] .area-group text {
  text-anchor: middle;
  font-size: 18px;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  alignment-baseline: central;
}
[data-type=line-area] .area {
  fill: #f47920;
}
[data-type=line-area] .line {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}
[data-type='3-lines'] .line-group text {
  fill: #f47920;
}
[data-type='3-lines'] .line-group:nth-last-child(2) .line {
  stroke-dasharray: 2 4;
}
[data-type='3-lines'] .line-group:last-child .line {
  stroke: #fff;
  stroke-width: 2;
}
[data-type='3-lines'] .line-group:last-child text {
  font-weight: bold;
  fill: #fff;
}
[data-type='3-lines'] .line-group text {
  text-anchor: middle;
  font-size: 16px;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  alignment-baseline: central;
}
[data-type='3-lines'] .line {
  fill: none;
  stroke: #f47920;
  stroke-width: 2;
}
[data-type=negative] .area {
  fill: #606060;
}
[data-type=negative] .area + text {
  fill: #999;
  font-weight: bold;
}
[data-type=negative] .line {
  fill: none;
  stroke-width: 2;
}
[data-type=negative] .line-positive {
  stroke: #f47920;
}
[data-type=negative] .line-positive + text {
  fill: #f47920;
  font-weight: bold;
}
[data-type=negative] .line-negative {
  stroke: #fff;
}
[data-type=negative] .line-negative + text {
  fill: #fff;
  font-weight: bold;
}
.extra {
  display: none;
  font-size: 18px;
}
.extra h5 {
  text-align: left;
  color: #f47920;
}
.extra h5 + p {
  text-align: justify;
  padding-right: 20px;
  color: #fff;
  text-transform: none;
}
[data-chart=tallBars] rect:nth-child(1) {
  fill: #e10000;
}
[data-chart=tallBars] rect:nth-child(2) {
  fill: #07c300;
}
[data-chart=tallBars] line {
  stroke: #f47920;
}
[data-chart=tallBars] .chart-text-generated,
[data-chart=tallBars] .chart-text-consumed,
[data-chart=tallBars] .chart-text-rainwater,
[data-chart=tallBars] .chart-text-potable {
  position: absolute;
  top: 350px;
  width: 160px;
  font-weight: bold;
  color: #f47920;
}
[data-chart=tallBars] .chart-text-generated:before,
[data-chart=tallBars] .chart-text-consumed:before,
[data-chart=tallBars] .chart-text-rainwater:before,
[data-chart=tallBars] .chart-text-potable:before {
  position: absolute;
  bottom: 100%;
  margin-bottom: 30px;
}
[data-chart=tallBars] .chart-text-generated span,
[data-chart=tallBars] .chart-text-consumed span,
[data-chart=tallBars] .chart-text-rainwater span,
[data-chart=tallBars] .chart-text-potable span {
  display: block;
  color: #fff;
  font-size: 20px;
}
[data-chart=tallBars] .chart-text-generated b,
[data-chart=tallBars] .chart-text-consumed b,
[data-chart=tallBars] .chart-text-rainwater b,
[data-chart=tallBars] .chart-text-potable b {
  font-size: 32px;
  line-height: 0.75;
  font-weight: bold;
}
[data-chart=tallBars] .chart-text-generated b:after,
[data-chart=tallBars] .chart-text-consumed b:after,
[data-chart=tallBars] .chart-text-rainwater b:after,
[data-chart=tallBars] .chart-text-potable b:after {
  text-transform: none;
  content: 'kW';
}
[data-chart=tallBars] .chart-text-rainwater b:after,
[data-chart=tallBars] .chart-text-potable b:after {
  text-transform: none;
  content: 'kL';
}
[data-chart=tallBars] .chart-text-generated {
  left: -10px;
  text-align: right;
}
[data-chart=tallBars] .chart-text-generated:before {
  content: url("img/charts/generated.8322356f.svg");
  right: 0;
  width: 163px;
  height: 168px;
}
[data-chart=tallBars] .chart-text-generated b {
  color: #07c300;
}
[data-chart=tallBars] .chart-text-consumed {
  right: -10px;
  text-align: left;
}
[data-chart=tallBars] .chart-text-consumed:before {
  content: url("img/charts/consumed.79fd4a86.svg");
  left: 25px;
  width: 82px;
  height: 122px;
}
[data-chart=tallBars] .chart-text-consumed b {
  color: #e10000;
}
[data-chart=tallBars] .chart-text-rainwater {
  left: -10px;
  text-align: right;
}
[data-chart=tallBars] .chart-text-rainwater:before {
  content: url("img/charts/rainwater.fb22e028.svg");
  right: 0;
  width: 140px;
  height: auto;
}
[data-chart=tallBars] .chart-text-rainwater b {
  color: #07c300;
}
[data-chart=tallBars] .chart-text-potable {
  right: -10px;
  text-align: left;
}
[data-chart=tallBars] .chart-text-potable:before {
  content: url("img/charts/potable.c4a90a6e.svg");
  left: 25px;
  width: 120px;
  height: auto;
}
[data-chart=tallBars] .chart-text-potable b {
  color: #e10000;
}
[id=research-strengths] {
  bottom: 100px;
  background: #f0f0f0;
  color: #999;
}
[id=research-strengths] .page-content {
  padding: 80px 200px;
}
[id=research-strengths] [data-page=default] .page-content {
  padding: 0 80px;
}
[id=research-strengths] h1 {
  color: #000;
}
[id=research-strengths] .strengths {
  margin: 40px auto 0;
  text-align: center;
}
[id=research-strengths] .strengths li {
  vertical-align: top;
  display: inline-block;
  margin: 0 10px;
}
[id=research-strengths] .strengths figure {
  width: 160px;
  margin: 1em 40px;
}
[id=research-strengths] .strengths img {
  width: 100%;
  height: 320px;
}
[id=research-strengths] .strengths figcaption {
  color: #f47920;
  text-align: center;
  font-size: 1.8em;
}
[id=research-strengths] .topics {
  margin-left: 20px;
}
[id=research-strengths] .topics li {
  font-size: 20px;
  color: #999;
}
[id=research-strengths] .col {
  width: 50%;
  padding-right: 20px;
}
[id=research-strengths] .carousel {
  width: 800px;
  height: 600px;
}
[id=research-strengths] .carousel ul,
[id=research-strengths] .carousel li,
[id=research-strengths] .carousel figure {
  width: 100%;
}
[id=research-strengths] .carousel ul div.img,
[id=research-strengths] .carousel li div.img,
[id=research-strengths] .carousel figure div.img {
  width: 100%;
  height: 300px;
  background-size: cover;
}
[id=research-strengths] .carousel [data-direction] {
  top: 150px;
}
[id=research-strengths] .carousel figcaption {
  padding: 20px;
  background: #fff;
}
[id=research-strengths] .carousel figcaption a {
  position: absolute;
  right: 10px;
  top: 260px;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  border-radius: 1000px;
  background: #f47920;
  text-transform: uppercase;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  z-index: 1;
  font-size: 16px;
  color: #fff;
}
[id=research-strengths] .carousel h4,
[id=research-strengths] .carousel h3 {
  font-family: sans-serif;
  font-weight: normal;
  color: #f47920;
}
[id=research-strengths] .carousel h4 {
  margin: 0;
  font-size: 16px;
}
[id=research-strengths] .carousel h3,
[id=research-strengths] .carousel .description {
  font-size: 16px;
}
[id=research-strengths] .carousel h3 {
  margin: 10px 20px 10px 0;
  max-height: 140px;
  overflow: hidden;
}
[id=research-strengths] .carousel h3 p {
  margin: 0;
}
[id=research-strengths] .carousel .team {
  color: #999;
  font-size: 16px;
}
[id=research-strengths] .carousel nav {
  bottom: 320px;
}
[id=research-strengths] .carousel nav a {
  border-color: #fff;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}
[id=research-strengths] .page-title {
  margin: -10px 0;
}
[id=research-strengths] .page-title img {
  width: 15%;
}
[id=research-strengths] .page-title h3 {
  font-size: 35px;
  margin: 0 15px;
  line-height: 1;
}
[id=research-strengths] .page-title .subtitle {
  font-size: 26px;
  width: 680px;
  margin: 0px 0px 30px 0px;
  line-height: 1;
}
[id=research-strengths] .page-title p {
  font-size: 26px;
}
[id=research-strengths] .topics {
  line-height: 1.1;
}
[id=research-strengths] .topics li {
  padding-right: 20px;
}
@media screen and (max-width: 1919px) {
  [id=research-strengths] {
    bottom: 60px;
  }
  [id=research-strengths] .page-content {
    padding: 40px;
  }
  [id=research-strengths] .strengths {
    margin: 30px auto 0;
  }
  [id=research-strengths] .strengths figure {
    width: 110px;
    margin: 1em 10px;
  }
  [id=research-strengths] .strengths li {
    margin: 0 5px;
  }
  [id=research-strengths] .strengths img {
    height: 120px;
  }
  [id=research-strengths] .strengths figcaption {
    font-size: 1.3em;
  }
  [id=research-strengths] .topics li {
    font-size: 14px;
  }
  [id=research-strengths] .col {
    width: 40%;
  }
  [id=research-strengths] .col + .col {
    width: 60%;
  }
  [id=research-strengths] .carousel {
    width: 550px;
    height: 300px;
  }
  [id=research-strengths] .carousel figure div.img {
    height: 250px;
  }
  [id=research-strengths] .carousel [data-direction] {
    top: 130px;
  }
  [id=research-strengths] .carousel h3,
  [id=research-strengths] .carousel .description {
    font-size: 16px;
    margin: 5px 0;
  }
  [id=research-strengths] .carousel .team {
    display: none;
  }
  [id=research-strengths] .carousel nav {
    bottom: 60px;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] {
    color: #999;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .page-title {
    margin: -10px 0;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .page-title img {
    width: 30%;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .page-title h3 {
    font-size: 25px;
    margin-left: 10px;
    line-height: 1;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .page-title .subtitle {
    font-size: 15px;
    width: 360px;
    margin: 10px 0px 30px 0px;
    line-height: 1;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .topics {
    line-height: 1.1;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .topics li {
    padding-right: 10px;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .topics li:nth-child(-n+8) {
    width: 50%;
    position: relative;
    left: -5px;
  }
  [id=research-strengths] [data-page=energy-efficiency-generation-and-storage] .topics li:nth-child(n+9) {
    width: 46%;
    position: relative;
    left: 190px;
    top: -196px;
  }
  [id=research-strengths] nav.subnav {
    height: 53px;
  }
}
[id=research-case-studies] {
  background: -webkit-radial-gradient(#333, #000);
  background: radial-gradient(#333, #000);
  bottom: 100px;
}
[id=research-case-studies] .intro {
  color: #8a8f8f;
}
[id=research-case-studies] .slider figcaption {
  color: #f47920;
  text-transform: uppercase;
  font-size: 24px;
}
[id=research-case-studies] .slider [data-featured]:after {
  content: 'Featured project';
  position: absolute;
  height: 30px;
  line-height: 28px;
  top: 260px;
  left: 10px;
  padding: 0 10px;
  border-radius: 1000px;
  background: #f47920;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
}
[id=research-case-studies] .col {
  width: 50%;
}
[id=research-case-studies] .col:first-child {
  padding-left: 80px;
}
[id=research-case-studies] .col img {
  width: 800px;
  height: auto;
}
[id=research-case-studies] .col img.icon {
  width: 8%;
  height: 100px;
  margin-top: -18px;
}
[id=research-case-studies] .study-content {
  color: #fff;
}
[id=research-case-studies] .study-content .page-content {
  padding: 80px;
}
[id=research-case-studies] .study-content .page-content h3 {
  color: #f47920;
  margin: 0px 0px 0px 30px;
}
[id=research-case-studies] .study-content .page-content .subtitle {
  color: #fff;
  display: block;
  font-size: 28px;
}
[id=research-case-studies] .study-content .research-team,
[id=research-case-studies] .study-content .research-partners,
[id=research-case-studies] .study-content .description {
  margin-right: 15px;
  font-size: 20px;
}
[id=research-case-studies] .study-content .research-team li,
[id=research-case-studies] .study-content .research-partners li,
[id=research-case-studies] .study-content .description li {
  margin-left: 20px;
}
@media screen and (max-width: 1919px) {
  [id=research-case-studies] {
    bottom: 71px;
  }
  [id=research-case-studies] .slider figcaption {
    font-size: 16px;
  }
  [id=research-case-studies] .col {
    width: 50%;
  }
  [id=research-case-studies] .col:first-child {
    padding-left: 10px;
  }
  [id=research-case-studies] .col img {
    width: 457px;
    height: 342px;
  }
  [id=research-case-studies] .col img.icon {
    width: 8%;
    height: 50px;
    margin-top: 0px;
  }
  [id=research-case-studies] .page-title {
    margin: 0px;
  }
  [id=research-case-studies] .study-content .page-content {
    padding: 40px;
  }
  [id=research-case-studies] .study-content .page-content h3 {
    width: 200px;
    margin: 0px 0px 0px 10px;
  }
  [id=research-case-studies] .study-content .page-content .subtitle {
    font-size: 16px;
    margin: 10px 0px 0px 0px;
  }
  [id=research-case-studies] .study-content .research-team,
  [id=research-case-studies] .study-content .research-partners,
  [id=research-case-studies] .study-content .description {
    font-size: 12px;
  }
}
#partners-supporters .intro {
  color: #fff;
}
#partners-supporters ul.logos {
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0;
  margin: 2% 0;
  list-style-type: none;
}
#partners-supporters ul.logos li {
  display: inline-block;
  margin: 0 3%;
}
#partners-supporters ul.logos li.sbrc-uow {
  width: 33%;
}
#partners-supporters ul.logos li.australian-govt {
  width: 20%;
}
#partners-supporters ul.logos li img {
  width: 100%;
  height: auto;
}
#partners-supporters ul.logos.secondary li {
  width: 9%;
}
#partners-supporters .supporters > * {
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0;
}
@media screen and (max-width: 1919px) {
  #partners-supporters .supporters {
    font-size: 1em;
    line-height: 1.2em;
  }
}
[id=controls] {
  position: absolute;
  top: initial;
  height: 100px;
  bottom: 170px;
  left: 0;
  right: 0;
}
[id=controls] a {
  display: block;
  height: 100px;
  width: 200px;
  padding: 20px;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  font-size: 2em;
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
  top: 0;
}
[id=controls] [data-direction=back]:before,
[id=controls] [data-direction=next]:after {
  content: '';
  position: absolute;
  top: 10px;
}
[id=controls] [data-direction=back] {
  left: 0;
  padding-left: 70px;
}
[id=controls] [data-direction=back]:before {
  left: 20px;
}
[id=controls] [data-direction=next] {
  right: 0;
  padding-right: 70px;
  text-align: right;
}
[id=controls] [data-direction=next]:after {
  right: 20px;
}
[id=controls][data-color=white] a {
  color: #fff;
}
[id=controls][data-color=white] [data-direction=back]:before {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -246px;
  width: 33px;
  height: 60px;
}
[id=controls][data-color=white] [data-direction=next]:after {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -126px;
  width: 33px;
  height: 60px;
}
[id=controls][data-color=black] a {
  color: #000;
}
[id=controls][data-color=black] [data-direction=back]:before {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -186px;
  width: 33px;
  height: 60px;
}
[id=controls][data-color=black] [data-direction=next]:after {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -306px;
  width: 33px;
  height: 60px;
}
@media screen and (max-width: 1919px) {
  [id=controls] {
    bottom: 100px;
  }
  [id=controls] a {
    font-size: 1.75em;
    line-height: 1.7em;
  }
  [id=controls] [data-direction=back] {
    padding-left: 55px;
  }
  [id=controls] [data-direction=next] {
    padding-right: 55px;
  }
  [id=controls] [data-direction=back]:before,
  [id=controls] [data-direction=next]:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
[id=guided-tour] figure {
  display: inline-block;
  margin: 50px;
  width: 150px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.8);
}
[id=guided-tour] figure img {
  width: 80px;
}
@media screen and (max-width: 1919px) {
  [id=guided-tour] {
    text-align: center;
  }
  [id=guided-tour] figure {
    margin: 0;
  }
}
[id=guidedtourcontrol] {
  top: 30px;
  left: 30px;
  right: initial;
  bottom: initial;
}
[id=guidedtourcontrol] a {
  width: 11em;
  padding: 8px 24px;
  border: 10px solid #f47920;
  border-radius: 6em;
  background: #333;
  text-align: center;
  line-height: 1.1em;
  font-size: 1.5em;
  color: #fff;
}
@media screen and (max-width: 1919px) {
  [id=guidedtourcontrol] {
    font-size: 0.75em;
  }
}
nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
nav a,
nav .fake-a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
.nav {
  height: 100px;
  padding: 13px 140px 20px 225px;
  line-height: 20px;
  background: #fff;
}
.nav-logo {
  position: absolute;
  width: 127px;
  height: 43px;
  top: 28.5px;
  left: 50px;
  background: url("img/sbrc_logo.0ccfa9c4.png");
}
.nav a,
.nav .fake-a {
  width: 14.285714285714286%;
  font-size: 1.8em;
  line-height: 1.2em;
  font-family: 'FlamauowSemicond-Book', Arial, Helvetica, sans-serif;
  color: #808080;
}
.nav a.active,
.nav .fake-a.active {
  color: #fff;
  cursor: auto;
}
.nav a.active span,
.nav .fake-a.active span {
  background-color: #f47920;
  box-shadow: 0 0 5px rgba(0,0,0,0.6), inset 0 0 5px rgba(0,0,0,0.2);
}
.nav a span,
.nav .fake-a span {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 40px;
}
.nav a small,
.nav .fake-a small {
  display: block;
  font-size: 12px;
  margin-top: -8px;
}
.nav-home span {
  height: 60px;
}
.nav-home span:before {
  content: '';
  display: inline-block;
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -84px;
  width: 41px;
  height: 42px;
}
.nav-home.active span:before {
  background-position: 0px -42px;
  width: 41px;
  height: 42px;
}
@media screen and (max-width: 1919px) {
  .nav {
    height: 70px;
    padding: 5px 20px 5px 80px;
  }
  .nav-logo {
    left: 20px;
    width: 85.09px;
    height: 28.81px;
    top: 20.595px;
    background-size: 100%;
  }
  .nav a {
    width: 13%;
    font-size: 1.2em;
  }
  .nav a span {
    padding: 10px;
  }
  .nav-home span {
    height: 50px;
    padding: 10px 20px !important;
    margin-top: 5px;
  }
  .nav-home span:before {
    margin-top: -6px;
  }
}
.subnav {
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
}
.subnav:before {
  content: '';
  position: absolute;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  height: 1px;
  left: 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.subnav[data-color=white]:before {
  background: #fff;
}
.subnav[data-color=white] a {
  color: #fff;
}
.subnav[data-color=grey]:before {
  background: #999;
}
.subnav[data-color=grey] a {
  color: #fff;
}
.subnav[data-color=black]:before {
  background: #000;
}
.subnav[data-color=black] a {
  color: #000;
}
.subnav a {
  position: relative;
  padding: 20px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 1.5em;
  height: 90px;
}
.subnav a:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  top: 0;
  left: 50%;
  margin-top: -10px;
  margin-left: -15px;
  border-radius: 20px;
  background: #f47920;
  box-shadow: 0 0 5px rgba(0,0,0,0.6), inset 0 0 5px rgba(0,0,0,0.2);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.subnav a.active {
  color: #f47920;
}
.subnav a.active:before {
  opacity: 1;
}
@media screen and (max-width: 1919px) {
  .subnav {
    z-index: 0;
  }
  .subnav a {
    padding: 10px 0 20px;
    font-size: 0.8em;
    height: 40px;
  }
}
.carousel {
  position: relative;
}
.carousel li {
  position: absolute;
  display: block;
  opacity: 0;
}
.carousel li.active {
  opacity: 1;
}
.carousel [data-direction] {
  position: absolute;
  width: 32px;
  height: 59px;
  top: 50%;
  margin-top: -29.5px;
  z-index: 1;
}
.carousel [data-direction=prev] {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -246px;
  width: 33px;
  height: 60px;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  left: 10px;
}
.carousel [data-direction=next] {
  background-image: url("img/sprites.png?time=1456291542684");
  background-position: 0px -126px;
  width: 33px;
  height: 60px;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  right: 10px;
}
.carousel nav {
  position: absolute;
  text-align: center;
  bottom: -30px;
}
.carousel nav a {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #999;
  margin: 4px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.carousel nav a.active {
  border-width: 9px;
}
.slider {
  position: relative;
  width: -webkit-calc(100% + 160px);
  width: calc(100% + 160px);
  margin-left: -80px;
  overflow: hidden;
}
.slider ul {
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.slider li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.slider a {
  display: block;
  position: relative;
}
.slider a figure div.img {
  background-size: cover;
  width: 300px;
  height: 300px;
}
.slider figcaption {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.slider [data-direction] {
  position: absolute;
  width: 32px;
  height: 59px;
  top: 50%;
  margin-top: -29.5px;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}
.slider [data-direction=prev] {
  background-image: url("img/back.4f660666.png");
  left: 40px;
}
.slider [data-direction=next] {
  background-image: url("img/next.7a7c70ec.png");
  right: 40px;
}