@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

div.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
  border: 0;
  margin: 0;
  padding: 0; }

img, video {
  display: block; }

i, em {
  font-style: italic; }

*, *:before, *:after {
  box-sizing: border-box; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

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

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

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

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

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

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

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

  @page {
    margin: 0.5cm; }
  p, h1, h2 {
    orphans: 3;
    widows: 3; }

  h1, h2 {
    page-break-after: avoid; } }
@font-face {
  font-family: 'GTAmerica';
  src: url("../font/GT-America-Standard-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../font/GT-America-Standard-Regular.eot?#iefix") format("embedded-opentype"), url("../font/GT-America-Standard-Regular.woff2") format("woff2"), url("../font/GT-America-Standard-Regular.woff") format("woff"), url("../font/GT-America-Standard-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GTAmerica';
  src: url("../font/GT-America-Standard-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../font/GT-America-Standard-Medium.eot?#iefix") format("embedded-opentype"), url("../font/GT-America-Standard-Medium.woff2") format("woff2"), url("../font/GT-America-Standard-Medium.woff") format("woff"), url("../font/GT-America-Standard-Medium.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 500;
  font-style: normal; }
header, .nav-inner, .page-container, .project-header, .project-categories, .project-description, .footer-bar, .footer-title-wrap, .home-title-wrap, .large-title, .footer-projects-wrap, .footer-projects-wrap-inner, .filter-wrap, .filter-inner, .filter-inner-wrap, .archive-items, .directors-items, .module-row, .information-row, .information-title-wrap, .information-intro, .information-contact, .page-footer {
  *zoom: 1; }
  header:before, .nav-inner:before, .page-container:before, .project-header:before, .project-categories:before, .project-description:before, .footer-bar:before, .footer-title-wrap:before, .home-title-wrap:before, .large-title:before, .footer-projects-wrap:before, .footer-projects-wrap-inner:before, .filter-wrap:before, .filter-inner:before, .filter-inner-wrap:before, .archive-items:before, .directors-items:before, .module-row:before, .information-row:before, .information-title-wrap:before, .information-intro:before, .information-contact:before, .page-footer:before, header:after, .nav-inner:after, .page-container:after, .project-header:after, .project-categories:after, .project-description:after, .footer-bar:after, .footer-title-wrap:after, .home-title-wrap:after, .large-title:after, .footer-projects-wrap:after, .footer-projects-wrap-inner:after, .filter-wrap:after, .filter-inner:after, .filter-inner-wrap:after, .archive-items:after, .directors-items:after, .module-row:after, .information-row:after, .information-title-wrap:after, .information-intro:after, .information-contact:after, .page-footer:after {
    content: " ";
    display: table; }
  header:after, .nav-inner:after, .page-container:after, .project-header:after, .project-categories:after, .project-description:after, .footer-bar:after, .footer-title-wrap:after, .home-title-wrap:after, .large-title:after, .footer-projects-wrap:after, .footer-projects-wrap-inner:after, .filter-wrap:after, .filter-inner:after, .filter-inner-wrap:after, .archive-items:after, .directors-items:after, .module-row:after, .information-row:after, .information-title-wrap:after, .information-intro:after, .information-contact:after, .page-footer:after {
    clear: both; }

.media-check {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-indent: 30px; }
  @media (max-width: 768px) {
    .media-check {
      text-indent: 10px; } }

@-moz-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-ms-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-webkit-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  zoom: 1;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: #111;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 20px;
  line-height:25px;
  -moz-animation: pageFadeIn 1200ms;
  -ms-animation: pageFadeIn 1200ms;
  -webkit-animation: pageFadeIn 1200ms;
  animation: pageFadeIn 1200ms; }
  @media (min-width: 1500px) {
    body {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 20px;
     } }
  @media (max-width: 768px) {
    body {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
    } }

a {
  color: #111;
  border: 0;
  text-decoration: none;
  -moz-transition: color 60ms, background 60ms, border-color 60ms;
  -ms-transition: color 60ms, background 60ms, border-color 60ms;
  -webkit-transition: color 60ms, background 60ms, border-color 60ms;
  transition: color 60ms, background 60ms, border-color 60ms; }

a:hover {
  color: #111;
  border: 0;
  text-decoration: none; }

::selection {
  background: #fff;
  color: #111;
  text-shadow: none; }

.group:after {
  content: '';
  display: table;
  clear: both; }

.title {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  display: block;
  margin-bottom: 0.6em; }
  @media (max-width: 768px) {
    .title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }

p + p {
  margin-top: 1.2em; }

header {
 padding: 65px 65px 0px;
 /*background: #fff;*/ }
 
.home header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: none;
  opacity: 1;
  -moz-transition: opacity 300ms, visibility 300ms;
  -ms-transition: opacity 300ms, visibility 300ms;
  -webkit-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
  padding: 0;
  margin: 65px 65px 0 65px;
  /*  margin: 8vw 8vw 0 8vw;*/ }

@media (max-width:768px){
	.home header, header {
		margin: 25px 21px;
		padding: 0;
	}	
}
    

.home.show-header header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }


.header_logo a > img, .menu-logo a > img{
	width: 50px;
	float: left;
}

.home header .header_logo .black-logo {
  display: none; }

header .header_logo .white-logo {
  display: none; }

.home header .header_logo .white-logo {
  display: block; }



header h1,
nav h1 {
  width: 4vw;
  max-width: 80px;
  float: left; }
  @media (max-width: 768px) {
	  
	  .header_logo a > img, .menu-logo a > img{
		width: 40px
		
	}
	header h1,
    nav h1 {
      width: 30px; } 


}

header h1 img,
nav h1 img {
  width: 100%;
  height: auto; }

.home header h1 .black-logo {
  display: none; }

header h1 .white-logo {
  display: none; }

.home header h1 .white-logo {
  display: block; }

header ul {
  float: right;
  margin-top: -0.3em;
  display: block; }
  @media (max-width: 768px) {
    header ul {
      display: none; } }

header ul li {
  display: inline-block;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-left: 2vw;
  color: #999999; }
  @media (max-width: 768px) {
    header ul li {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    header ul li {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    header ul li {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    header ul li {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }

header li a {
  color: #999999; }

.home header li a,
.home header li {
  color: #fff; }

.home header li a:hover {
  color: #ccc; }

.home-about > span{
	font-size: 25px;
    line-height: 30px;
	margin: 15px 0;
}

.home-about > a{
	font-size: 20px;
	line-height: 25px;
	margin: 15px 0;
	color: #fff;
	 -webkit-transition: color 0.2s;
     -moz-transition: color 0.2s;
      -ms-transition: color 0.2s;
          transition: color 0.2s;
}

.home-about > a:hover{

	color: #999999;
}

h1.title, h2.title{
	font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 16px;
}




.page-cover {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #2c2c2c;*/
  pointer-events: none;
  -moz-transition: opacity 600ms, -webkit-backdrop-filter 600ms;
  -ms-transition: opacity 600ms, -webkit-backdrop-filter 600ms;
  -webkit-transition: opacity 600ms, -webkit-backdrop-filter 600ms;
  transition: opacity 600ms, -webkit-backdrop-filter 600ms;
  opacity: 0;
  cursor: alias;
  display: none; }

.csspointerevents .page-cover {
  display: block; }

.show-nav .page-cover, .show_get-in-touch .page-cover{
  opacity: 0.8;
  pointer-events: all; }

  @media (max-width: 768px) {
    .show-nav .page-cover, .show_get-in-touch .page-cover {
      opacity: 0.9;
      -webkit-backdrop-filter: blur(10px); } }

.hamburger ,.close_git{ 
   display: block;
    right: 65px;
    top: 53px;
    position: fixed;
    z-index: 1000;
    background: transparent;
    width: 40px;
    height: 40px;
 
}

@media (max-width: 768px) {
	.hamburger ,.close_git{ 
		right: 21px;
		top: 15px;
	}
}
.line { 
   position: absolute; 
   height: 2px; 
   width: 40px; 
   background: #000; 
   border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}


.get-in-touch > a > .line { 
	background: #fff;
}

body.home .line{
	background: #fff; 
}

body.show-nav .line{
	background: #fff; 
}


.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }


body.show-nav .hamburger .line:nth-child(1){
   transform: translateY(6px) rotate(-45deg);
}

body.show-nav .hamburger .line:nth-child(2){
      transform: translateY(-6px)rotate(45deg);
}

nav, .get-in-touch {
  position: fixed;
  right:0;
  top: 0;
  bottom: 0;
  background: #2c2c2c;
  width: 450px;
  max-width: 450px;
  padding: 116px 65px;
  z-index: 999;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(+100%);
  -moz-transition: transform 600ms;
  -ms-transition: transform 600ms;
  -webkit-transition: transform 600ms;
  transition: transform 600ms; }


.get-in-touch{
	padding-top: 134px;
   z-index: 9999;
  }

  @media screen and (min-aspect-ratio: 1540 / 950) {
    nav {
      padding: 116px 65px; } }


@media screen and (min-aspect-ratio: 1540 / 950) {
    nav {
      padding: 116px 5.5vw 5.5vw; } }

@media (max-width: 768px) {
    nav, .get-in-touch {
	  width: 100%;
      min-width: 100vw;
      padding:0 0 0 50px; } }



.get-in-touch_inner{
	color: #fff;
}


.get-in-touch_inner .title, .google-maps .title{
	font-size: 13px;
	text-transform: uppercase;
}

.get-in-touch_inner .address{
	margin-top: 15px;
	font-size: 20px;
	line-height: 25px;
		
}

.get-in-touch_inner > address, .get-in-touch > .about-link {

	font-size: 20px;
	line-height: 25px;
}

.get-in-touch_inner > address a, .get-in-touch_inner > address a:link, .google-maps > address a:link, .google-maps > address a{
	color: #999999;

	-webkit-transition: color 200ms;
	-moz-transition: color 200ms;
	-ms-transition: color 200ms;
 	 transition: color 200ms;
}

.get-in-touch_inner > address a:hover, .get-in-touch_inner > address a:active, .google-maps > address a:hover, .google-maps > address a:active  {
	color: #fff;	
}

.get-in-touch > .about-link {
	margin-top: 30px;
}




.get-in-touch > .about-link a, .get-in-touch > .about-link a:link, .get-in-touch > .about-link > .arrow{
	color: #fff;
	-webkit-transition: color 200ms;
	-moz-transition: color 200ms;
	-ms-transition: color 200ms;
 	 transition: color 200ms;
}

.about-link > .arrow{
	margin-left: 8px;
}

.get-in-touch > .about-link a:hover, .get-in-touch > .about-link a:active{
	color: #999999;

}


.show-nav nav {
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%); 
}

.large-nav {
  display: block;
  clear: both;
  margin-top: 116 }

  @media (max-width: 768px) {
    .large-nav, .get-in-touch_inner {
		  margin-top: 128px;
		  margin-top: 14vh;
     } 
	  
	.get-in-touch  address {
		font-size: 18px;
		line-height: 25px;
	}
	 .get-in-touch_inner .title{
		 font-size: 11px;
	  }
	 .get-in-touch > .about-link {
		  font-size: 18px;
	}
}

.large-nav a {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 35px;
  line-height: 55px;
  letter-spacing: -0.02em;
  color: #fff; }
  @media (max-width: 768px) {
    .large-nav a {
		 font-size: 35px;
		  line-height: 50px;  
      }
}


.large-nav a:hover {
  color: #999999; }


.close_git .line:nth-child(1){
   transform: translateY(6px) rotate(-45deg);
}

.close_git .line:nth-child(2){
	transform: translateY(-6px)rotate(45deg);
}

.get-in-touch_btn {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
 text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    position: fixed;
   top: 76vh;
    right: 65px;
    width: 130px;
    height: 130px;
    padding-top: 38px;
    font-size: 19px;
    line-height: 26px;
    border-radius: 100px;
    z-index: 998;
    background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 30px 0px;
  text-align: center;
  opacity: 100;
  -moz-transition: opacity 300ms, transform 600ms, margin 600ms;
  -ms-transition: opacity 300ms, transform 600ms, margin 600ms;
  -webkit-transition: opacity 300ms, transform 600ms, margin 600ms;
  transition: opacity 300ms, transform 600ms, margin 600ms;
}


@media screen and (max-width:960px){	
	.get-in-touch_btn {
		width: 70px;
		height: 70px;
		padding-top: 21px;
   		font-size: 12px;
		line-height: 15px;
		right: 21px;
	}
}

@media screen and (max-width:768px){

	
	@media screen and ( max-height: 1000px )  {
		.get-in-touch_btn {top: 70vh; }
	}
	
	
	@media screen and ( max-height: 800px )  {
		.get-in-touch_btn {top: 62vh;}
	}

	@media screen and ( max-height: 700px ){
	.get-in-touch_btn {	top: 60vh;}
}

	
}




.get-in-touch_btn:after {
  content: 'GET IN TOUCH'; }

.get-in-touch_btn:hover {
  background: #f3f3f3; }

.show_get-in-touch .get-in-touch {
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%); 
}

.menu-lang {
  color: #fff;
 margin-top: 56px;
}

.menu-lang a {
  color: #fff;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500; }
  @media (max-width: 768px) {
    .menu-lang a {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .menu-lang a {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .menu-lang a {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .menu-lang a {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }

.menu-lang a:hover {
  color: #999; }

.menu-info {
  position: absolute;
  bottom: 5.5vw;
  left: 5.5vw;
  right: 5.5vw;
  color: #999999; }

.menu-info .title {
  color: #fff; }

@media screen and (min-aspect-ratio: 1400 / 800) {
  .menu-intro {
    display: none; } }
@media (max-width: 768px) {
  .menu-intro {
    display: none; } }

.menu-contact {
  margin-top: 1.4em; }
  @media screen and (min-aspect-ratio: 1400 / 595) {
    .menu-contact {
      display: none; } }

.menu-contact a {
  color: #999999; }

.menu-contact a:hover {
  color: #bbb; }

.page-container {
  position: relative;
  min-height: 100vh; 
	max-width: 1920px;
    margin: 0 auto;}

body.home .page-container{
	max-width: none;
	margin: 0;
}

.project-header {
  padding: 5.5vw 5.5vw;
  background: #fff; }

.project-title {
  float: left;
  width: 50%;
  padding-right: 5.5vw; }
  @media (max-width: 768px) {
    .project-title {
      padding-right: 0;
      width: auto; } }

.project-title h1 {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 2.2vw;
  line-height: 1.4em;
  letter-spacing: -0.02em; }
  @media (max-width: 768px) {
    .project-title h1 {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .project-title h1 {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 34px;
      line-height: 1.4em; } }

.project-title h2 {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 2.2vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  color: #999999; }
  @media (max-width: 768px) {
    .project-title h2 {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .project-title h2 {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 34px;
      line-height: 1.4em; } }

.project-intro-wrap {
  float: left;
  width: 50%; }
  @media (max-width: 768px) {
    .project-intro-wrap {
      width: auto;
      clear: both;
      margin-top: 0.75em; } }

.project-intro {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  color: #999999; }
  @media (max-width: 768px) {
    .project-intro {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .project-intro {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

.project-categories {
  display: block;
  clear: both;
  margin-top: 1em; }

.project-type {
  display: block;
  float: left; }

.project-type .title {
  display: inline-block;
  color: #000; }

.project-type li {
  display: inline-block;
  color: #999999; }

.project-container {
  background: #f4f4f4;
  min-height: 100vh; }
  @media (max-width: 768px) {
    .project-container {
      min-height: auto; } }

.gallery-outer {
  background: #2c2c2c;
  position: relative; }

.gallery-inner {
  padding: 2.75vw 5.5vw; }
  @media (max-width: 768px) {
    .gallery-inner {
      padding: 5.5vw;
      padding-left: calc(5.5vw + 30px);
      padding-right: calc(5.5vw + 30px); } }

.gallery-slide {
  position: relative;
  display: none; }

.gallery-slide.visible {
  display: block; }

.image-slide .slide-inner {
  width: 100%;
  padding-bottom: 1.375vw; }
  @media (max-width: 768px) {
    .image-slide .slide-inner {
      padding-bottom: 0; } }

.image-slide img {
  width: auto;
  height: 100%;
  margin: 0 auto; }

.gallery-slide video, .c-lightbox__slider-container > div > ul > li > video {
  width: 100%;
  height: auto;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transition: transform 500ms;
  -ms-transition: transform 500ms;
  -webkit-transition: transform 500ms;
  transition: transform 500ms;
  border-radius: 3px; }
  @media (max-width: 768px) {
    .gallery-slide video, .c-lightbox__slider-container > div > ul > li > video {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }

.video-playing .gallery-slide video, .video-playing .c-lightbox__slider-container > div > ul > li > video {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: #000;
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 500px;
  cursor: pointer;
  -moz-transition: transform 200ms, opacity 300ms;
  -ms-transition: transform 200ms, opacity 300ms;
  -webkit-transition: transform 200ms, opacity 300ms;
  transition: transform 200ms, opacity 300ms; }
  @media (max-width: 768px) {
    .play-button {
      display: none; } }

.tablet .play-button,
.mobile .play-button {
  display: none; }

.video-playing.hide-play-button .play-button {
  opacity: 0;
  pointer-events: none; }
  @media (max-width: 768px) {
    .video-playing.hide-play-button .play-button {
      opacity: 1;
      pointer-events: all; } }

.video-playing.hide-play-button .play-button:hover {
  opacity: 1;
  pointer-events: all; }

.play-button:hover {
  -moz-transform: translate(-50%,-50%) scale(1.1);
  -ms-transform: translate(-50%,-50%) scale(1.1);
  -webkit-transform: translate(-50%,-50%) scale(1.1);
  transform: translate(-50%,-50%) scale(1.1); }
  @media (max-width: 768px) {
    .play-button:hover {
      -moz-transform: translate(-50%,-50%) scale(1);
      -ms-transform: translate(-50%,-50%) scale(1);
      -webkit-transform: translate(-50%,-50%) scale(1);
      transform: translate(-50%,-50%) scale(1); } }

.play-tri {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: 2px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 24px solid white;
  opacity: 1; }

.play-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 24px;
  height: 24px; }

.video-playing .play-tri {
  opacity: 0; }
  @media (max-width: 768px) {
    .video-playing .play-tri {
      opacity: 1; } }

.video-playing .play-pause {
  opacity: 1; }
  @media (max-width: 768px) {
    .video-playing .play-pause {
      opacity: 0; } }

.play-pause:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 9px;
  height: 24px; }

.play-pause:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 9px;
  height: 24px; }

.playbar-outer {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 8px;
  background: rgba(50, 50, 50, 0.5);
  -moz-transition: opacity 300ms, visibility 300ms, height 200ms;
  -ms-transition: opacity 300ms, visibility 300ms, height 200ms;
  -webkit-transition: opacity 300ms, visibility 300ms, height 200ms;
  transition: opacity 300ms, visibility 300ms, height 200ms;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0ms;
  cursor: pointer;
  border-radius: 0 0 3px 3px;
  overflow: hidden; }
  @media (min-width: 768px) and (max-width: 1100px) {
    .playbar-outer {
      display: none; } }
  @media (max-width: 768px) {
    .playbar-outer {
      display: none; } }

.playbar-outer:hover {
  height: 14px; }

.playbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 0 3px 3px; }

.video-playing .playbar-outer {
  opacity: 1;
  visibility: visible; }

.video-playing.hide-play-button .playbar-outer {
  opacity: 0;
  visibility: hidden; }

.video-playing.hide-play-button .playbar-outer:hover {
  opacity: 1;
  visibility: visible; }

.tablet .playbar-outer,
.mobile .playbar-outer {
  display: none; }

.next-slide-button,
.prev-slide-button {
  position: absolute;
  right: 2.75vw;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #666;
  border-radius: 100px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  -moz-transition: margin 500ms, opacity 500ms;
  -ms-transition: margin 500ms, opacity 500ms;
  -webkit-transition: margin 500ms, opacity 500ms;
  transition: margin 500ms, opacity 500ms; }
  @media (max-width: 768px) {
    .next-slide-button,
    .prev-slide-button {
      width: 30px;
      height: 30px;
      line-height: 30px; } }

.prev-slide-button {
  left: 2.75vw;
  right: auto; }

.next-slide-thumb,
.prev-slide-thumb {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0.6;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: margin 500ms, opacity 500ms, right 500ms, left 500ms, transform 500ms;
  -ms-transition: margin 500ms, opacity 500ms, right 500ms, left 500ms, transform 500ms;
  -webkit-transition: margin 500ms, opacity 500ms, right 500ms, left 500ms, transform 500ms;
  transition: margin 500ms, opacity 500ms, right 500ms, left 500ms, transform 500ms;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }

.prev-slide-thumb {
  left: 0;
  right: auto; }

.next-slide-thumb:hover {
  right: 20px;
  opacity: 1;
  transform: scale(1.1) translateY(-50%); }

.prev-slide-thumb:hover {
  left: 20px;
  opacity: 1;
  transform: scale(1.1) translateY(-50%); }

.video-playing .next-slide-thumb,
.video-playing .prev-slide-thumb {
  transform: scale(0.9) translateY(-50%); }

.next-slide-thumb .nav-button,
.prev-slide-thumb .nav-button {
  width: 150px; }

.next-slide-thumb img,
.prev-slide-thumb img {
  width: 100%;
  height: auto; }

.nav-button {
  display: none; }

.nav-button.visible {
  display: block; }

.video-playing .next-slide,
.video-playing .prev-slide {
  opacity: 0;
  pointer-events: none;
  margin-left: 0px; }
  @media (max-width: 768px) {
    .video-playing .next-slide,
    .video-playing .prev-slide {
      opacity: 1;
      pointer-events: all;
      margin-left: 0; } }

.video-playing .next-slide {
  margin-right: 0px; }
  @media (max-width: 768px) {
    .video-playing .next-slide {
      margin-right: 0; } }

.next-slide-button:hover,
.prev-slide-button:hover {
  background: #555;
  color: #fff; }

.next-slide-button:after {
  content: '→'; }

.prev-slide-button:after {
  content: '←'; }

.next-slide-button,
.prev-slide-button {
  display: none; }
  @media (max-width: 768px) {
    .next-slide-button,
    .prev-slide-button {
      display: block; } }

.next-slide-thumb,
.prev-slide-thumb {
  display: block; }
  @media (max-width: 768px) {
    .next-slide-thumb,
    .prev-slide-thumb {
      display: none; } }

.dots {
  position: absolute;
  bottom: 2.75vw;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: margin 500ms, opacity 500ms;
  -ms-transition: margin 500ms, opacity 500ms;
  -webkit-transition: margin 500ms, opacity 500ms;
  transition: margin 500ms, opacity 500ms; }
  @media (max-width: 768px) {
    .dots {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .dots {
      display: none; } }

.video-playing .dots {
  opacity: 0;
  pointer-events: none;
  margin-top: 30px; }

.dot {
  float: left;
  width: 6px;
  height: 6px;
  background: #666;
  border-radius: 100px; }

.dot + .dot {
  margin-left: 6px; }

.current-dot {
  background: #eee; }

.project-description {
  padding: 5.5vw;
  position: relative; }

.description-col {
  width: 50%;
  float: left; }
  @media (max-width: 768px) {
    .description-col {
      width: auto;
      clear: both; } }

.project-images {
  width: 100%;
  padding-top: 5.5vw; }

.project-images img {
  width: 100%;
  height: auto; }

.project-images img + img {
  margin-top: 2.75vw; }
  @media (max-width: 768px) {
    .project-images img + img {
      margin-top: 5.5vw; } }

.description-col p,
.meta-col li {
  color: #999999; }

.meta-col {
  width: 50%;
  float: left;
  padding-left: 12vw; }
  @media (max-width: 768px) {
    .meta-col {
      padding-left: 0;
      width: auto;
      margin-top: 5.5vw; } }

.meta-col ul + .title {
  margin-top: 2em; }

.meta-title {
  color: #000; }

.footer-bar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  bottom: -1px;
  left: 0;
  right: 0;
  background: white;
  padding: 1em 5.5vw;
  border-top: 1px solid #eee;
  z-index: 900;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -moz-transition: transform 300ms;
  -ms-transition: transform 300ms;
  -webkit-transition: transform 300ms;
  transition: transform 300ms; }

.show-footer .footer-bar {
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

.footer-titles {
  float: left; }

.footer-subtitle {
  color: #999999; }

.footer-link {
  float: right; }
  @media (max-width: 768px) {
    .footer-link {
      display: none; } }

.footer-link a {
  color: #999999; }

.single .footer-link a:after {
  content: ' →'; }

.footer-link span:first-child {
  opacity: 0;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }

.footer-link a:hover span {
  opacity: 1; }

.footer-spacer {
  /*height: 28.5vw;*/
  height: 0px;
  pointer-events: none;
  background: #2c2c2c;
  display: none; }
  @media (max-width: 768px) {
    .footer-spacer {
      display: none; } }

.csspointerevents .footer-spacer {
  display: block; }

.mobile .footer-spacer,
.tablet .footer-spacer {
  display: none; }

.footer {
  width: 100%;
  padding: 4.125vw 0 5.5vw;
  background: #2c2c2c;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  display: none; }
  @media (max-width: 768px) {
    .footer {
      position: relative;
      z-index: 1;
      padding-top: 5.5vw; } }

.csspointerevents .footer {
  display: block; }

.tablet .footer,
.mobile .footer {
  position: relative;
  z-index: 1;
  padding-top: 5.5vw; }

.footer-title-wrap {
  padding: 0 5.5vw;
  display: block;
  margin-bottom: 1em; }

.home .footer-title-wrap{
  display: none;
}


.large-title {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  float: left; }
  @media (max-width: 768px) {
    .large-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .large-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

.top-level-title {
  color: #999999; }

.top-level-title a {
  color: #999999;
  border-bottom: 2px solid #555; }

.home-title-wrap .top-level-title a {
  border-bottom: 2px solid #ddd; }

.top-level-title a:hover {
  color: #999999;
  border-bottom: 2px solid #999999; }

.footer .child-level-title {
  color: #fff; }

.child-level-title {
  font-weight: 500; }

.view-all {
  display: block;
  float: right;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  background: #555;
  padding: 8px 14px;
  border-radius: 5px;
  color: #ccc; }
  @media (max-width: 768px) {
    .view-all {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .view-all {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .view-all {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .view-all {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (max-width: 768px) {
    .view-all {
      padding: 5px 10px; } }

.home-title-wrap .view-all {
  background: #e7e7e7;
  color: #999999; }
  @media (max-width: 768px) {
    .home-title-wrap .view-all {
      display: none; } }

@media (max-width: 768px) {
  .footer-title-wrap .view-all {
    display: none; } }

@media (max-width: 768px) {
  .directors-items .footer-title-wrap .view-all {
    display: block; } }

.single-all {
  background: #e7e7e7;
  color: #999999;
  float: left; }

.view-all:hover {
  color: #ccc;
  background: #666; }

.home-title-wrap .view-all:hover {
  background: #ddd;
  color: #999999; }
.home-title-wrap{display: none}
.single-all:hover {
  background: #ddd;
  color: #999999; }

.footer-projects-wrap {
  width: 100%;
  padding: 0 4.125vw;
  clear: both; }
  @media (max-width: 768px) {
    .footer-projects-wrap {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }

@media (max-width: 768px) {
  .footer-projects-wrap-inner {
    width: 180%;
    padding-right: 4.125vw; } }

.footer-projects-wrap-inner .project-link-wrap:nth-child(5) {
  display: none; }

.project-link-wrap {
  float: left;
  padding: 1.375vw;
  width: 25%; 
position: relative;
}


.archive-items .project-link-wrap {
	padding: 20px;
}


.directors_network-container .project-link-wrap {
    float: left;
    padding: 10px;
    margin-bottom: 0;
}


.project-link-wrap a {
  display: block;
position: relative;}


.team-icons{
	display: flex;
	justify-content: center;
	margin-top: 5px;
}

.team-icons a{
	display: block;
	margin:8px;
}

@media (max-width: 768px) {
	.team-icons a{
	margin:6px 10px;
}
}

.project-link-email{	
	display: block;
	float: left;
   	background: no-repeat;
    background-image: url(../icons/Icon_Mail_Desktop.svg);
    width: 40px;
    height: 40px;
}

.project-link-vcard{
	display: block;
	float: left;
    background: no-repeat;
    background-image: url(../icons/Icon_VCard_Desktop.svg);
    width: 40px;
    height: 40px;
}


.project-link-image {
  opacity: 1;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }

.project-link-wrap a:hover .project-link-image {
  opacity: 0.7; }

.project-link-image img {
  width: 100%;
  height: auto;
   }

.featured-award {
  position: absolute;
  top: 1.375vw;
  right: 1.375vw;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  background: rgba(50, 50, 50, 0.5);
  -webkit-backdrop-filter: blur(10px);
  padding: 8px 14px;
  border-radius: 5px;
  color: #eee;
  max-width: 80%;
  text-align: left; }
  @media (max-width: 768px) {
    .featured-award {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .featured-award {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .featured-award {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .featured-award {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (max-width: 768px) {
    .featured-award {
      top: 2.75vw;
      right: 2.75vw;
      padding: 5px 10px; } }

.project-link-title-wrap {
    /* margin-top: 0.7em;*/
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999;
    text-align: center;
	position: relative;
	
}



.archive-items .project-link-title-wrap{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

@media (max-width: 768px) {
  .home-modules .project-link-title-wrap {
    /*margin-top: 0.7em !important;*/ } }

.project-link-title {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-weight: 700;
	    font-size: 32px;
    line-height: 42px;
	letter-spacing: 1px;
  	color: #fff; 
	display: block;
}
  

.project-link-subtitle {
	font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-weight: 300;
	    font-size: 32px;
    line-height: 45px;
  	color: #fff; 
	display: block;
}

.page-about .project-link-title {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
    line-height: 35px;
	letter-spacing: 1px;
  	color: #fff; 
	display: block;
}
  

.page-about .project-link-subtitle {
	font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
    line-height: 35px;
  	color: #fff; 
	display: block;
}


@media (max-width: 1024px) {
	.project-link-title{
	  font-size: 2.5vw;
  	  line-height: 3.2vw;
	}
	
	.project-link-subtitle{
	  font-size: 2.5vw;
  	  line-height: 3vw;
	}
	
	 .home .project-link-title {
	    font-size: 4vw;
        line-height: 5vw;
	} 
	
	.home .project-link-subtitle{
		font-size: 3.6vw;
   		line-height: 4vw;
	}
	
    .page-about .project-link-title{
	  font-size: 2.5vw;
  	  line-height: 3vw;
	}
	
	.page-about .project-link-subtitle{
	  font-size: 2.3vw;
  	  line-height: 4vw;
	}
}


@media (max-width: 768px) {
	
	 .project-link-title {
		 font-size: 3.6vw;
	     line-height: 4vw;
	}
	
	.project-link-subtitle{
		font-size: 3.6vw;
		line-height: 5vw;
	}
	
	 .home .project-link-title {
	    font-size: 7vw;
    	line-height: 8vw;
	} 
	
	.home .project-link-subtitle{
		font-size: 5.2vw;
		line-height: 7vw;
	}
	
   .page-about .project-link-title {
	  font-size: 3vw;
  	  line-height: 3.5vw;
   	  display: block; } 
	
	.page-about .project-link-subtitle{
	  font-size: 2.3vw;
  	  line-height: 4vw;
	}
}

.archive-header .footer-title-wrap {
  margin-bottom: 2.75vw; }


@media (max-width: 480px) {
    .project-link-title,.project-link-subtitle {
	 font-size: 8vw;
	 line-height: 10vw;
		letter-spacing: 0;
	}
	.project-link-subtitle{font-size:6.5vw;}

	
	 .information-inner .project-link-title{
		 font-size: 6.5vw;
		line-height: 8vw;
		 letter-spacing: 0;
	}
	 .information-inner  .project-link-subtitle{
		 font-size: 5vw;
		line-height: 8vw;
		
	}
	
	 body.page-about .information-inner .archive-items .project-link-image-container {
		/*padding-top: 75%;*/
	}
	 body.page-about .information-inner .archive-items .project-link-title-wrap{
		/*top: 72%;*/
	}

}





.archive-header .footer-title-wrap {
  margin-bottom: 2.75vw; }

.archive-header .large-title {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 25px;
  line-height: 1.4em;
  letter-spacing: -0.02em; }
  @media (max-width: 768px) {
    .archive-header .large-title {
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .archive-header .large-title {
      font-size: 26px;
      line-height: 1.4em; } }

.archive-intro-wrap {
  padding: 0 5.5vw; }

.archive-margin {
  padding-bottom: 5.5vw; }

.archive-margin p {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  letter-spacing: -0.02em; }
  @media (max-width: 768px) {
    .archive-margin p {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 3.8vw;
      line-height: 1.5em; } }
  @media (min-width: 1500px) {
    .archive-margin p {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 20px;
      line-height: 1.5em; } }

p strong {
  color: #000; }

.archive-margin p a {
  text-decoration: underline; }

.archive-intro {
  
  color: #999999;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  width: 600px;
  max-width: 740px; }
  @media (max-width: 768px) {
    .archive-intro {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .archive-intro {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }
  @media (max-width: 768px) {
    .archive-intro {
      width: auto; } }

.filter-wrap {
  margin-top: 5.5vw;
  background: #f4f4f4;
  padding: 0.5em 5.5vw;
  border-top: 1px solid #eee; }
  @media (max-width: 768px) {
    .filter-wrap {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }

@media (max-width: 768px) {
  .filter-inner {
    width: 1200px; } }

@media (max-width: 768px) {
  .filter-inner-wrap {
    float: left; } }

.filter-title {
  display: block;
  float: left;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  padding: 8px 0;
  border-radius: 5px;
  cursor: pointer;
  margin: 0.25em 0.75em 0.25em 0;
   }
  @media (max-width: 768px) {
    .filter-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .filter-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .filter-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .filter-title {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }

.filter-button {
  display: block;
  float: left;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  background: #bbb;
  color: #fff;
  padding: 8px 14px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0.25em 0.75em 0.25em 0; }
  @media (max-width: 768px) {
    .filter-button {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .filter-button {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .filter-button {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .filter-button {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }

.filter-button:hover {
  background: #ccc; }

.filter-button.current-filter {
  background: #2c2c2c;
  color: #eee; }

.filter-button.current-filter:hover {
  background: #555;
  color: #eee; }

.archive-items {
 	padding: 100px 0;
	 margin: 0 -20px;
  }


.archive-container, .about-container, .directors_network-container{
	padding: 170px 65px 0;
}


@media (max-width: 1200px) {
	.archive-items .project-link-wrap {padding: 12px;}
	.archive-items {margin: 0 -12px;}
	
}
@media (max-width: 1000px) {
	.archive-container, .about-container, .directors_network-container{
			padding: 95px 21px 0;
		}
}

  @media (max-width: 768px) {
	 .archive-container, .about-container, .directors_network-container{
			padding: 95px 40px 0;
		}
    .project-link-wrap {width: 25%; }
	.archive-items .project-link-wrap {padding: 12px;}
	.archive-items {margin:0; padding: 50px 0;}
	
}


  @media (max-width: 480px) {
	 .archive-container, .about-container, .directors_network-container{
			padding: 50px 30px 0;
		}
	.archive-items .project-link-wrap {padding: 12px 0;}
}


.archive-items .project-link-wrap {
  width: 33.333%;
}

 .directors_network-container .archive-items .project-link-wrap {
      margin-bottom: 10px; 
}


  @media (min-width: 1500px) {
    
    .archive-items .project-link-wrap {
      width: 25%; } 
	  
	body.page-team .archive-items .project-link-wrap {
      width: 33%; } 
    
  .directors_network-container .archive-items .project-link-wrap {
      width: 25%; 
	  padding: 20px;} 

}
  @media (max-width: 768px) {
    .archive-items .project-link-wrap {
      width: 50%; } }

  @media (max-width: 480px) {
    .archive-items .project-link-wrap {
      width: 100%; } }


.directors-items {
  margin-top: 2.75vw;
  padding: 0 1.375vw 1.375vw;
  min-height: 100vh; }

.directors-items .project-link-wrap {
  width: 50%; }
  @media (max-width: 768px) {
    .directors-items .project-link-wrap {
      width: 100%; } }

.directors-items .project-link-wrap-inner {
  background: #f4f4f4;
  padding: 2.75vw;
  border-radius: 3px; }

.directors-items .footer-title-wrap {
  margin-top: 0;
  margin-bottom: 2.75vw;
  padding: 0; }

.project-link-wrap .view-all {
  background: #bbb;
  color: #fff; }

.director-items {
  /*min-height: 60vh;*/
  padding-top: 2.75vw; }

.directors_network-container .director-items {
  /*min-height: 40vh;*/
}


.directors-archive-title {
  margin-top: 5.5vw;
  background: #fff;
  margin-bottom: 0;
  padding-top: 4.125vw; }

.directors-archive-title .child-level-title {
  color: #fff; }

.page .footer-bar {
  display: none; }

.archive-header .top-level-title a {
  border-color: #ddd; }

.archive-header .top-level-title a:hover {
  border-color: #ccc; }

.director_portrait{
	max-width: 1920px;
    margin: 0 auto;
    padding: 0 65px;
}


.director-introduction-full {
  display: block;
    max-width: 50%;
    font-size: 20px;
    line-height: 25px;
	margin-bottom: 60px;
}


@media (max-width: 768px) {
	.director-introduction-full{
		max-width: 100%;
		width: 100%;
		font-size: 18px;
	}
	
}


.animation-nav ul{
	margin-top: 20px;
	list-style: none;
    display: block;
}

.animation-nav ul li{
	display: block;
	padding: 12px 35px 0 0;
}


.animation-nav ul li a{
	text-decoration: none;
	font-size: 25px;
}

.animation-nav ul li a:hover, .animation-nav ul li.current-menu-item a{
	text-decoration: underline;
}

.archive .footer-bar {
  position: fixed;
  bottom: -1px;
  left: 0;
  right: 0;
  background: white;
  border-top: 1px solid #eee; }

.more {
  white-space: nowrap; }

.splash-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222;
  overflow: hidden;
  background-size: cover;
  background-position: center center; }
/*  @media (max-width: 768px) {
    .splash-container {
      height: 100vh; } }

.splash-container video {
  display: none; }
*/
.csspointerevents .splash-container video {
  display: block; }

.splash-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 101%;
  height: auto; }

  @media screen and (max-aspect-ratio: 1920 / 1080) {
    .splash-container video {
      width: auto;
      height: 101%; } }

.splash-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2c2c2c;
  opacity: 0; }

.home-container {
  position: relative;
  padding: 110px 67px;
  margin-top: 100vh;
  background: #fff;
  min-height: 100vh; }


@media(max-width:768px){
	.home-container {
		padding: 50px 21px;
	}	
	.splash-container {
      height: 100vh;
	background-position: 32% 50%;}
	
	.splash-container video{
		display: none !important;
		
	}
}

.home-intro {
  position: absolute;
  top: -5.5vw;
  left: 5.5vw;
  right: 5.5vw;
	max-width: 1920px;
    margin: 0 auto;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.home-about {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  max-width: 740px;
  color: #fff;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em; }
 
@media (max-width: 1280px) {
	.home-about {
	  width: 80%;
	}
}


@media (max-width: 768px) {
    .home-about {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 2.7vw;
      line-height: 1.4em; 
	  width: auto;
	  bottom: 50px;
	} }

  @media (min-width: 1500px) {
    .home-about {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }


.home-contact {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: right; }
  @media (max-width: 768px) {
    .home-contact {
      display: none; } }

.home-contact a {
  color: #fff; }

.home-contact a:hover {
  color: #ccc; }

.home-modules,.archive-container {
  	clear: both;
	max-width: 1920px;
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .home-modules {
      margin-top: 5.5vw; } }

.module-row + .module-row {
 margin-top: 110px;
 margin-top: 8.5vh; }
  @media (max-width: 768px) {
    .module-row + .module-row {
      margin-top: 0; } }

@media (max-width: 768px) {
  .module-row:first-child .project-wrap-1 {
    margin-top: 0; } }

.two-column-project-link-wrap {
  position: relative;
  float: left; }
  @media (max-width: 768px) {
    .two-column-project-link-wrap {
      clear: both;
      margin-top: 8.25vw; } }

.one-column-project-link-wrap {
  position: relative; }
  @media (max-width: 768px) {
    .one-column-project-link-wrap {
      margin-top: 8.25vw; } }

.one-column-row .project-wrap-1 {
  width: 100%; }
  @media (max-width: 768px) {
    .one-column-row .project-wrap-1 {
      width: 100%; } }

.two-column-row.left-featured .project-wrap-1 {
  width: 36.5%;
  padding-right: 20px;
  padding-right: 1.1vw; }
  @media (max-width: 768px) {
    .two-column-row.left-featured .project-wrap-1 {
      width: 100%;
      padding-right: 0; } }

.two-column-row.left-featured .project-wrap-2 {
  width: 63.5%;
  padding-left: 20px;
  padding-left: 1.1vw;
}
  @media (max-width: 768px) {
    .two-column-row.left-featured .project-wrap-2 {
      width: 100%;
      padding-left: 0; } }

.two-column-row.right-featured .project-wrap-1 {
  width: 63.5%;
  padding-right: 20px;
  padding-right: 1.1vw;}
  @media (max-width: 768px) {
    .two-column-row.right-featured .project-wrap-1 {
      width: 100%;
      padding-right: 0; } }

.two-column-row.right-featured .project-wrap-2 {
  width: 36.5%;
  padding-left: 20px;
  padding-left: 1.1vw;
}
  @media (max-width: 768px) {
    .two-column-row.right-featured .project-wrap-2 {
      width: 100%;
      padding-left: 0; } }

.one-column-row a,
.two-column-row a {
  display: block; }

.project-link-video-container,
.project-link-image-container,
.directors-image-container{
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  box-sizing: content-box;
  position: relative;
  background-size: cover;
  background-position: center center; }

.directors-image-container{
   width: 23%;
    padding-top: 15%;
    margin-bottom: 110px;
}
 @media (max-width: 768px) {
	.directors-image-container {
			width: 100%;
			padding-top: 100%;
		}
	  .button_wrap{
		 margin-bottom: 80px;
	 }
}

a.directors-back_button{
    border: solid black 1px;
    padding: 17px 40px;
    margin-bottom: 110px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    width: 200px;
}
a.directors-back_button:hover {
	background-color: #000;
	color: #fff;
}

.archive-items .project-link-image-container {
   padding-top:56.7%;
}



.one-column-row .project-link-video-container,
.one-column-row .project-link-image-container {
  padding-top: 40%; }
  @media (max-width: 768px) {
    .one-column-row .project-link-video-container,
    .one-column-row .project-link-image-container {
      padding-top: 56.7%; } }

.left-featured .project-wrap-2 .project-link-video-container,
.left-featured .project-wrap-2 .project-link-image-container {
  padding-top: 56.7%; }

.right-featured .project-wrap-1 .project-link-video-container,
.right-featured .project-wrap-1 .project-link-image-container {
  padding-top: 56.7%; }
  @media (max-width: 768px) {
    .right-featured .project-wrap-1 .project-link-video-container,
    .right-featured .project-wrap-1 .project-link-image-container {
      padding-top: 56.7%; } }

@media (max-width: 768px) {
  .right-featured .project-wrap-2 .project-link-video-container,
  .right-featured .project-wrap-2 .project-link-image-container {
    padding-top: 56.7%; } }

@media (max-width: 768px) {
  .left-featured .project-wrap-1 .project-link-video-container,
  .left-featured .project-wrap-1 .project-link-image-container {
    padding-top: 56.7%; } }

.allow-videos .project-link-video-container {
  background-image: none !important; }

.project-link-video-container video {
  display: none; }

.csspointerevents .project-link-video-container video {
  display: block; }

.project-link-video-container video {
  height: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%); }
  @media (max-width: 768px) {
    .project-link-video-container video {
      border-radius: 3px;
      display: none !important; } }

.one-column-row video {
  width: 100%;
  height: auto; }
  @media (max-width: 768px) {
    .one-column-row video {
      height: 100%;
      width: auto; } }

.right-featured .project-wrap-2 video {
  height: 100%;
  width: auto; }
  @media (max-width: 768px) {
    .right-featured .project-wrap-2 video {
      height: 100%;
      width: auto; } }

.left-featured .project-wrap-1 video {
height: 100%;
  width: auto; }

.link-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;	
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
 

.module-row a {
  position: relative; }


.archive-items a:hover > .link-cover, .archive-items .project-link-wrap:hover .link-cover, .module-row a:hover .link-cover, .archive-container > .archive-items > a:hover > .link-cover  {
   opacity: 1;}

.directors_network-container > .information-inner > .archive-items .project-link-wrap a:hover > .project-link-image-container .link-cover,
.about-container > .information-inner > .archive-items .project-link-wrap:hover > .project-link-image-container .link-cover,
.archive-container > .archive-items .project-link-wrap a:hover > .project-link-image-container .link-cover
{
	background-color: #0000004f;
}


@media (max-width: 768px) {
	.link-cover{opacity: 1; background-color: rgba(0,0,0,0.30) !important;}
}



.module-row .project-link-title-wrap {
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  @media (max-width: 768px) {
    .module-row .project-link-title-wrap {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .module-row .project-link-title-wrap {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

.module-row .project-link-title-wrap .project-link-subtitle:after {
 /* content: ' →';*/ }
  @media (max-width: 768px) {
    .module-row .project-link-title-wrap .project-link-subtitle:after {
      content: ''; } }

.module-row a .project-link-subtitle {
  -moz-transition: color 300ms;
  -ms-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms; }

.module-row a:hover .project-link-subtitle {
  color: #fff; }

@media (max-width: 768px) {
  .information-row {
    display: none; } }

.information-module-wrap {
  position: relative;
  background:#2C2C2C;
  border-radius: 3px; }

.information-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 34%;
  background-size: cover;
  background-position: center center;
  border-radius: 3px 0 0 3px; }

.information-text {
  margin-left: 34%;
  color: #fff;
  padding: 5.5vw 3vw; }

.information-title-wrap {
  margin-bottom: 1em; }

.information-text-inner {
  clear: both;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  max-width: 740px; }
  @media (max-width: 768px) {
    .information-text-inner {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .information-text-inner {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

.information-text-inner a {
  color: #fff;
  opacity: 0.8;
  display: inline; }

.information-text-inner a:hover {
  opacity: 1; }

.information-text-inner a span:first-child {
  border-bottom: 2px solid #bbb; }

.information-intro {
  /*padding: 0 5.5vw;*/
  position: relative; }
  @media (max-width: 768px) {
    .information-intro {
      padding-top: 0; } }

.information-intro-inner {
  width: 60%;
  max-width: 740px; }
  @media (max-width: 768px) {
    .information-intro-inner {
      width: auto; } }

.information-intro h1 {
	  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	  font-size: 13px;
	  line-height:16px;
	  text-transform: uppercase;
	margin-bottom: 15px;
   }
  @media (max-width: 768px) {
	  .information-intro h1 { font-size: 11px; margin-bottom: 15px;}
}
  @media (min-width: 1500px) {
    .information-intro h1 {
       } }

.information-about {
 
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 20px;
  line-height: 25px;
  color: #000; }


  @media (max-width: 768px) {
    .information-about {
		font-size: 18px;
   		 line-height: 23px;
      } }

.information-contact {
  color: #999999;
  margin-top: 1.5em; }
  @media (max-width: 768px) {
    .information-contact {
      margin-top: 5.5vw; } }

.info-row {
  clear: both; }

.information-contact a {
  color: #999999; }

.information-contact a:hover {
  color: #777; }

.information-contact-col {
  width: 50%;
  float: left; }
  @media (max-width: 768px) {
    .information-contact-col {
      width: auto;
      clear: both; } }

@media (max-width: 768px) {
  .information-contact-col + .information-contact-col {
    margin-top: 1em; } }

.information-featured-image {
 background-size: contain;
    background-repeat: no-repeat;
    background-position: center 85%;
    background-attachment: fixed; 
    width: 100%;
    height: 38vw;
    background-color: #fff;
    margin-bottom: 80px;}
  @media (min-width: 768px) and (max-width: 1100px) {
    .information-featured-image {
     /* background-attachment: scroll;*/
     } }
  @media (max-width: 768px) {
    .information-featured-image {
     /* background-attachment: scroll;*/
      height: 45vw;
      } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .information-featured-image {
     /* background-attachment: scroll;*/
      
       } }

 @media (max-width: 480px) {
	 .information-featured-image {
		 display: none;
	 }
}
.information-inner {
  background: #fff;
  }

.information-inner .footer-title-wrap {
  margin-bottom: 1em; }
.directors_network-container .team-member{
    clear: both;
    width: 90%;
    max-width: 700px;
    padding: 0 0 0 0;
    margin-left: 5.5vw;
    position: relative;
}


.contact-form{
	margin: 0 auto;
    display: block;
    width: 600px;
	margin-bottom: 110px;
}

  
h2.contact-form-title{
	font-size: 40px;
	text-align: left;
	margin-bottom: 50px;
}

.google-maps{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	height: 390px;
	margin-bottom: 110px;
}

.google-maps address{
	font-size: 20px;
	line-height: 25px;
	padding-top: 115px;
	padding-left: 65px;
	background-color: #2C2C2C;
	color: #fff;
	display: block;
	width: 30%;
}

  @media (max-width: 960px) {
.google-maps address{
	padding-left: 45px;
	width: 35%;
}


}


.google-maps .map{
	background-color: #fff;
	width: 75%;
	
}

label{
	font-size: 13px;
	text-transform: uppercase;
	
}

input:focus,textarea {
  /*  outline: none !important;*/
	outline-color: #999999 !important;
}



input, textarea{
	font-family: 'GTAmerica';
	width: 600px;
	height: 50px;
	border: solid 2px #000;
	padding: 0 15px;
}

select:focus  {
 border-color: #999999 !important;
}

textarea{
	height: 150px;
}

input[type="submit"]{
	width: 150px;
    display: block;
    height: 50px;
	color: #000;
    background-color: #fff;
    text-align: center;
    border: solid 2px #000;
    margin: 0 auto;
	-webkit-transition: background-color  0.2s ease-out, color 0.2s ease-out;
    -moz-transition: background-color  0.2s ease-out, color 0.2s ease-out;
    -o-transition: background-color  0.2s ease-out, color 0.2s ease-out;
    transition: background-color  0.2s ease-out, color 0.2s ease-out;
}

.spacer-65{
	margin-top: 65px;
	display: block;
}

input[type="submit"]:hover{
	background-color: #000;
	color: #fff;
	}

.wpcf7-response-output{
	font-size: 10px;
    border: none !important;
    text-align: center;
	 color: red  !important;
}

.wpcf7-not-valid-tip {
    color: red  !important;
    font-size: 10px  !important;
    text-transform: none;
}

@media (max-width: 768px) {
	.google-maps{
		padding: 0;
		flex-wrap: wrap;
		height: 100%;
		margin-bottom: 65px;
	}
	.google-maps address{
		padding: 95px 40px;
		width: 100%;
	}
	.google-maps .map {
		margin: 65px 0;
		width: 100%;
	}
	 .contact-form{
		 width: 100%;
	 }
	 input, textarea{
		 width: 100%;
	 }
	h2.contact-form-title{
		font-size: 30px;
	}
}


.team-member {
  clear: both;
  width: 60%;
  max-width: 740px;
  padding: 0 0 0 0;
  margin-left: 5.5vw;
  position: relative; }
  @media (max-width: 768px) {
    .team-member {
      width: auto; } }

.team-member + .team-member {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ddd; }
  @media (max-width: 768px) {
    .team-member + .team-member {
      margin-top: 5.5vw;
      padding-top: 5.5vw; } }

.member-title {
  clear: both;
  position: relative;
  width: 100%;
  cursor: pointer; }

.member-name {
  display: block;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  max-width: 80%; }
  @media (max-width: 768px) {
    .member-name {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .member-name {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

.member-position {
  color: #999999;
  display: block;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1.7vw;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  max-width: 80%; }
  @media (max-width: 768px) {
    .member-position {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 4.7vw;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .member-position {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 26px;
      line-height: 1.4em; } }

  .director-projects{
     padding-right: 5.5vw;
    margin-top: 40px;
    display: none; 
  }


.member-text {
  padding-right: 5.5vw;
  display: none; }

.member-text-inner {
  margin-top: 1em; }
  @media (max-width: 768px) {
    .member-text-inner {
      margin-top: 5.5vw; } }

.team-toggle {
  position: absolute;
  right: 0;
  top: 0.3em;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  text-align: center;
  color: #999999;
  font-size: 28px;
  line-height: 26px;
  -moz-transition: color 300ms;
  -ms-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms; }
  @media (max-width: 768px) {
    .team-toggle {
      right: 5.5vw;
      top: 0.2em; } }

.team-toggle span:first-child {
  display: block; }

.team-toggle span + span {
  display: none; }

.current-member .team-toggle span:first-child {
  display: none; }

.current-member .team-toggle span + span {
  display: block; }

.member-title:hover .team-toggle {
  color: #666; }

.member-image {
  position: absolute;
  right: -5.5vw;
  top: 50%;
  width: 20vw;
  max-width: 400px;
  -moz-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 0;
  border-radius: 3px; }
  @media (max-width: 768px) {
    .member-image {
      position: static;
      right: auto;
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
      opacity: 1;
      width: auto;
      max-width: none;
      display: none;
      padding-right: 5.5vw; } }

.desktop .team-member:hover .member-image {
  opacity: 1; }

.tablet .team-member:hover .member-image {
  opacity: 0; }


.tablet .team-member.current-member .member-image,
.mobile .team-member.current-member .member-image {
  opacity: 1; }

.directors_network-container .tablet .team-member.current-member .member-image,
.directors_network-container .mobile .team-member.current-member .member-image {
 display: none; }


.member-image img {
  width: 100%;
  height: auto;
  border-radius: 3px; }
  @media (max-width: 768px) {
    .member-image img {
      margin-top: 5.5vw; } }

.page-footer {
  position: relative;
  padding: 1.925vw 5.5vw;
  color: #999999;
	background-color: #2c2c2c;
  font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  text-align: center; }
  @media (max-width: 768px) {
    .page-footer {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 11px;
      line-height: 1.4em; } }
  @media (min-width: 768px) and (max-width: 1100px) {
    .page-footer {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (min-width: 1500px) {
    .page-footer {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4em; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .page-footer {
      font-family: "GTAmerica", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.4em; } }
  @media (max-width: 768px) {
    .page-footer {
      	padding: 32px 21px 0px;
		font-size: 11px;
		line-height: 16px;
		background: #2C2C2C !important;
		border-top: 1px solid #eee !important;
		color: #999999;
		height: 95px;
		margin-top: 50px;
	  }
}

.home .page-footer,
.single .page-footer {
  background: #2c2c2c;
  border-top: 1px solid #555;
  margin-top: 110px;
}
  @media (max-width: 768px) {
    .home .page-footer,
    .single .page-footer {
      text-align: center;
      border-top: 0; 
	  margin-top: 0px;
	  background-color: #2C2C2C;
	  } 
}

.home .page-footer a:hover,
.single .page-footer a:hover {
  color: #ccc; }

.footer-left {
  float: left; }
  @media (max-width: 768px) {
    .footer-left {
      float: none;
      clear: both; } }

.footer-right {
  float: right; }
  @media (max-width: 768px) {
    .footer-right {
      float: none;
      clear: both;
      margin-top: 10px; } }

.page-footer a {
  color: #999999; }

.page-footer a:hover {
  color: #000; }