/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */


/******************************************************** MIXINS ********************************************************/
/******************************************************** STYLES ********************************************************/
html {
  /*font-size: 62.5%;
   Sets up the Base 10 for the font-size mixin */ }

body {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding: 0;
  margin: 0;
  /*font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
  font-family: 'Cormorant Garamond', serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }

body.single-project {
  overflow: hidden !important;
  height: 100%; }

html.home, body.home {
  width: 100%;
  height: 100%; }

h1, h2, h3, h4, h5, h6, ul, ol, p {
  padding: 0;
  margin: 0; }

.search-form form input[type="text"] {
  border-bottom: 1px solid #232323;
  width: 100%;
  margin: 0;
  padding: 0 0 2px 0;
  font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
  font-size: 36px;
  line-height: 36px;
  font-size: 3.6rem;
  line-height: 3.6rem;
  color: #232323; }

.search-form form input[type="submit"] {
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #232323;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin: 20px auto 0 auto; }
  .search-form form input[type="submit"]:hover {
    cursor: pointer;
    font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(35, 35, 35, 0.95);
  z-index: 9999;
  display: none; }
  #search-overlay nav.close-search {
    position: absolute;
    top: 0px;
    right: 25px;
    z-index: 999;
    height: 62px; }
    #search-overlay nav.close-search ul li a {
      color: white;
      transition: color 0.2s ease-in-out; }
    #search-overlay nav.close-search svg {
      fill: white;
      width: 20px;
      height: 20px; }
  #search-overlay .search-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; }
    #search-overlay .search-form form input[type="text"] {
      border-bottom: 1px solid white;
      color: white; }
    #search-overlay .search-form form input[type="submit"] {
      color: white; }

body.home {
  padding: 0; }
  body.home .half {
    float: left;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  body.home .canvas, body.home .video {
    /*height: 100%;*/
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    opacity: 1;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover; }
  body.home .video::-webkit-media-controls,
  body.home .video::-webkit-media-controls-play-button,
  body.home .video::-webkit-media-controls-start-playback-button,
  body.home .IIV::-webkit-media-controls,
  body.home .IIV::-webkit-media-controls-play-button,
  body.home .IIV::-webkit-media-controls-start-playback-button {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 5px !important; }
  body.home .over_video {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    z-index: 10;
    font-size: 70px;
    line-height: 70px;
    font-size: 7rem;
    line-height: 7rem;
    color: #FFF;
    font-family: Times, serif;
    transform: translateY(-50%);
    display: none; }
    body.home .over_video svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      fill: white; }
      body.home .over_video svg path {
        fill: white; }
    body.home .over_video .landscape svg {
      width: 55.5%; }
    body.home .over_video .portrait svg {
      width: 85%; }
  body.home #intro {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 9999; }
    body.home #intro svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      fill: white !important; }
    body.home #intro .landscape svg {
      width: 71.7%;
      height: auto; }
    body.home #intro .portrait svg {
      width: 85%;
      height: auto;
      top: 48.55%; }

html.objectfit body.home .video {
  display: block; }

body.page-contact p, body.page-jobs p, body.page-template-page-shop p, body.page-about p, .details-content p, body.error404 p {
  font-size: 21px;
  line-height: 29px;
  font-size: 2.1rem;
  line-height: 2.9rem;
  margin-bottom: 12px; }
  body.page-contact p a, body.page-jobs p a, body.page-template-page-shop p a, body.page-about p a, .details-content p a, body.error404 p a {
    color: inherit;
    padding-bottom: 1px; }
    body.page-contact p a:hover, body.page-contact p a:active, body.page-jobs p a:hover, body.page-jobs p a:active, body.page-template-page-shop p a:hover, body.page-template-page-shop p a:active, body.page-about p a:hover, body.page-about p a:active, .details-content p a:hover, .details-content p a:active, body.error404 p a:hover, body.error404 p a:active {
      border-bottom: 1px solid #909c9c; }

body.page-contact p.info, body.page-jobs p.info, body.page-template-page-shop p.info, body.page-about p.info, .details-content p.info, body.error404 p.info {
  font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.3px; }
  body.page-contact p.info a, body.page-jobs p.info a, body.page-template-page-shop p.info a, body.page-about p.info a, .details-content p.info a, body.error404 p.info a {
    color: inherit;
    padding-bottom: 1px; }
    body.page-contact p.info a:hover, body.page-contact p.info a:active, body.page-jobs p.info a:hover, body.page-jobs p.info a:active, body.page-template-page-shop p.info a:hover, body.page-template-page-shop p.info a:active, body.page-about p.info a:hover, body.page-about p.info a:active, .details-content p.info a:hover, .details-content p.info a:active, body.error404 p.info a:hover, body.error404 p.info a:active {
      border-bottom: 1px solid #909c9c; }

body.page-contact h6, body.page-jobs h6, body.page-template-page-shop h6, body.page-about h6, .details-content h6, body.error404 h6 {
  text-transform: uppercase;
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 2px;
  margin-top: 30px;
  margin-bottom: 7px; }

body.page-jobs p {
  margin-bottom: 8px; }
  body.page-jobs p a:hover {
    border-bottom: 1px solid #232323; }

body.page-jobs h6 {
  margin-top: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 2px; }
  body.page-jobs h6:first-child {
    margin-top: 0; }

body.page-jobs .note p {
  font-size: 16px;
  line-height: 21px;
  font-size: 1.6rem;
  line-height: 2.1rem; }

body.page-news h1, body.single-pt_news h1, body.single-pt_jobs h1, body.page-template-page-shop h1 {
  font-size: 27px;
  line-height: 35px;
  font-size: 2.7rem;
  line-height: 3.5rem;
  margin-bottom: 10px; }
  body.page-news h1 a:hover, body.single-pt_news h1 a:hover, body.single-pt_jobs h1 a:hover, body.page-template-page-shop h1 a:hover {
    border-bottom: 1px solid #232323; }

body.page-news ul.details, body.single-pt_news ul.details, body.single-pt_jobs ul.details, body.page-template-page-shop ul.details {
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem; }

body.page-news p, body.single-pt_news p, body.single-pt_jobs p, body.page-template-page-shop p {
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 20px; }
  body.page-news p a, body.single-pt_news p a, body.single-pt_jobs p a, body.page-template-page-shop p a {
    border-bottom: 1px solid #232323; }
    body.page-news p a span, body.single-pt_news p a span, body.single-pt_jobs p a span, body.page-template-page-shop p a span {
      text-decoration: none !important; }
    body.page-news p a:hover, body.page-news p a:active, body.single-pt_news p a:hover, body.single-pt_news p a:active, body.single-pt_jobs p a:hover, body.single-pt_jobs p a:active, body.page-template-page-shop p a:hover, body.page-template-page-shop p a:active {
      border-bottom: none; }

body.page-news p.date, body.single-pt_news p.date, body.single-pt_jobs p.date, body.page-template-page-shop p.date {
  text-transform: uppercase;
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 2px;
  margin-bottom: 10px; }

#news .news-row img {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  backface-visibility: hidden; }

#news .news-row.hover img {
  opacity: 0.85; }

.center-xy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.align-right {
  right: 0; }

.align-left {
  left: 0; }

.list-images-toggle a {
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: black;
  text-transform: uppercase;
  letter-spacing: 2px;
  /*
		&:before {
			content: "LIST";
			display: inline;
		}
		
		&.images:before {
			content: "IMAGES";
		}
		*/ }
  .list-images-toggle a:hover {
    font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .list-images-toggle a:active, .list-images-toggle a:focus {
    font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#projects #projects-grid .grid-item h1, #search-results #projects-grid .grid-item h1 {
  padding: 0 10px; }

#projects #projects-grid .grid-item .thumb img, #search-results #projects-grid .grid-item .thumb img {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  backface-visibility: hidden; }

#projects #projects-grid .grid-item.hover .thumb img, #search-results #projects-grid .grid-item.hover .thumb img {
  opacity: 0.85; }

#projects #projects-grid .grid-item:nth-child(odd), #search-results #projects-grid .grid-item:nth-child(odd) {
  padding-right: 0px; }
  #projects #projects-grid .grid-item:nth-child(odd) .thumb, #projects #projects-grid .grid-item:nth-child(odd) h1, #search-results #projects-grid .grid-item:nth-child(odd) .thumb, #search-results #projects-grid .grid-item:nth-child(odd) h1 {
    text-align: center; }

#projects #projects-grid .grid-item:nth-child(even), #search-results #projects-grid .grid-item:nth-child(even) {
  padding-left: 0px; }
  #projects #projects-grid .grid-item:nth-child(even) .thumb, #projects #projects-grid .grid-item:nth-child(even) h1, #search-results #projects-grid .grid-item:nth-child(even) .thumb, #search-results #projects-grid .grid-item:nth-child(even) h1 {
    text-align: center; }

#projects #projects-grid .container-fluid, #search-results #projects-grid .container-fluid {
  padding-left: 0;
  padding-right: 0; }

#projects #projects-grid .project h1, #search-results #projects-grid .project h1 {
  font-family: "Plantin W01 Semibold", "Georgia", "Times", "Times New Roman", serif;
  font-size: 17px;
  line-height: 20px;
  font-size: 1.7rem;
  line-height: 2rem; }

#projects .spinner, #search-results .spinner {
  position: fixed; }

#projects nav.location-date-toggle, #search-results nav.location-date-toggle {
  list-style: none;
  display: block; }
  #projects nav.location-date-toggle ul, #search-results nav.location-date-toggle ul {
    list-style: none; }
    #projects nav.location-date-toggle ul li, #search-results nav.location-date-toggle ul li {
      display: inline-block;
      margin: 0 3px; }
      #projects nav.location-date-toggle ul li a, #search-results nav.location-date-toggle ul li a {
        font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        line-height: 14px;
        font-size: 1.4rem;
        line-height: 1.4rem;
        color: black;
        text-transform: uppercase;
        letter-spacing: 2px; }
        #projects nav.location-date-toggle ul li a:hover, #search-results nav.location-date-toggle ul li a:hover {
          font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      #projects nav.location-date-toggle ul li:first-child, #search-results nav.location-date-toggle ul li:first-child {
        margin-left: 0; }
      #projects nav.location-date-toggle ul li:last-child, #search-results nav.location-date-toggle ul li:last-child {
        margin-right: 0; }
      #projects nav.location-date-toggle ul li.active a, #search-results nav.location-date-toggle ul li.active a {
        font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#projects #projects-list a, #projects #search-list a, #search-results #projects-list a, #search-results #search-list a {
  display: block; }
  #projects #projects-list a h1, #projects #projects-list a h2, #projects #projects-list a h3, #projects #search-list a h1, #projects #search-list a h2, #projects #search-list a h3, #search-results #projects-list a h1, #search-results #projects-list a h2, #search-results #projects-list a h3, #search-results #search-list a h1, #search-results #search-list a h2, #search-results #search-list a h3 {
    font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
    font-size: 15px;
    line-height: 19px;
    font-size: 1.5rem;
    line-height: 1.9rem;
    color: black;
    display: inline; }
  #projects #projects-list a h2, #projects #search-list a h2, #search-results #projects-list a h2, #search-results #search-list a h2 {
    font-style: italic; }
  #projects #projects-list a.mobile, #projects #search-list a.mobile, #search-results #projects-list a.mobile, #search-results #search-list a.mobile {
    border-top: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding-top: 10px; }
    #projects #projects-list a.mobile img, #projects #search-list a.mobile img, #search-results #projects-list a.mobile img, #search-results #search-list a.mobile img {
      width: 100% !important; }

#projects #projects-list .country-label, #projects #search-list .country-label, #search-results #projects-list .country-label, #search-results #search-list .country-label {
  border-top: 1px solid #b1b1b1;
  margin-bottom: 10px;
  padding-top: 10px;
  font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-size: 1.1rem;
  line-height: 1.1rem;
  color: black;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center; }

body.single-project, html.single-project {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; }

#project {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  #project > .spinner {
    display: none; }
  #project .close-project, #project .close-description, #project .close-details {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9998;
    height: 62px; }
    #project .close-project ul li a, #project .close-description ul li a, #project .close-details ul li a {
      transition: color 0.2s ease-in-out;
      display: block;
      min-width: 62px;
      text-align: right;
      padding-right: 20px; }
      #project .close-project ul li a svg, #project .close-description ul li a svg, #project .close-details ul li a svg {
        width: 20px;
        height: 20px; }
        #project .close-project ul li a svg g#Artboard, #project .close-description ul li a svg g#Artboard, #project .close-details ul li a svg g#Artboard {
          fill: black;
          transition: fill 0.2s ease-in-out; }
  #project .bx-viewport, #project .bx-wrapper {
    position: relative;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    border: none !important;
    box-shadow: none; }
  #project .bxslider, #project .bxslider li {
    height: 100% !important; }
  #project .bxslider li {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  #project .bx-wrapper .bx-viewport {
    border: none !important; }
  #project .slide {
    display: none; }
    #project .slide.desktop {
      display: none; }
    #project .slide.mobile {
      display: block; }
    #project .slide.first {
      cursor: pointer; }
    #project .slide .slide-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      #project .slide .slide-content .credit {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 7px;
        line-height: 7px;
        font-size: 0.7rem;
        line-height: 0.7rem;
        padding: 8px 10px;
        margin: 15px 0 0 20px;
        pointer-events: none;
        text-transform: uppercase;
        display: none;
        border-radius: 3px;
        letter-spacing: 1px; }
      #project .slide .slide-content.title_page, #project .slide .slide-content.full_bleed_image_left, #project .slide .slide-content.full_bleed_image_right {
        display: flex;
        flex-direction: column; }
        #project .slide .slide-content.title_page .half, #project .slide .slide-content.full_bleed_image_left .half, #project .slide .slide-content.full_bleed_image_right .half {
          position: relative;
          overflow: hidden;
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 50%;
          height: 100%; }
          #project .slide .slide-content.title_page .half.title p.year, #project .slide .slide-content.full_bleed_image_left .half.title p.year, #project .slide .slide-content.full_bleed_image_right .half.title p.year {
            text-transform: uppercase;
            font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            line-height: 14px;
            font-size: 1.4rem;
            line-height: 1.4rem;
            letter-spacing: 2px; }
          #project .slide .slide-content.title_page .half.title h1, #project .slide .slide-content.full_bleed_image_left .half.title h1, #project .slide .slide-content.full_bleed_image_right .half.title h1 {
            font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
            font-size: 38px;
            line-height: 38px;
            font-size: 3.8rem;
            line-height: 3.8rem; }
          #project .slide .slide-content.title_page .half.title h2, #project .slide .slide-content.full_bleed_image_left .half.title h2, #project .slide .slide-content.full_bleed_image_right .half.title h2 {
            text-transform: uppercase;
            font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            line-height: 14px;
            font-size: 1.4rem;
            line-height: 1.4rem;
            letter-spacing: 2px; }
      #project .slide .slide-content.title_page {
        flex-direction: column-reverse; }
      #project .slide .slide-content.single_centered_image .images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        width: auto;
        flex-direction: row;
        padding: 20px; }
        #project .slide .slide-content.single_centered_image .images img {
          width: auto;
          height: auto; }
      #project .slide .slide-content.full_bleed_image {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      #project .slide .slide-content.two_images_left_right .images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        flex-direction: row;
        padding: 20px; }
        #project .slide .slide-content.two_images_left_right .images img {
          max-height: 100% !important;
          max-width: 42% !important; }
        #project .slide .slide-content.two_images_left_right .images .gutter {
          min-height: 10px;
          min-width: 10px; }
      #project .slide .slide-content.three_images_left_center_right .images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        flex-direction: row;
        padding: 20px; }
        #project .slide .slide-content.three_images_left_center_right .images img {
          max-height: 100% !important;
          max-width: 28% !important; }
        #project .slide .slide-content.three_images_left_center_right .images .gutter {
          min-height: 10px;
          min-width: 10px; }
      #project .slide .slide-content.two_images_top_bottom .images {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        flex-direction: column;
        padding: 20px; }
        #project .slide .slide-content.two_images_top_bottom .images img {
          max-height: 42% !important;
          max-width: 100% !important; }
        #project .slide .slide-content.two_images_top_bottom .images .gutter {
          min-height: 10px;
          min-width: 10px; }
      #project .slide .slide-content.video .video-wrap {
        padding: 0 20px; }
    #project .slide.loaded .spinner {
      display: none; }
    #project .slide.loaded .slide-content {
      opacity: 1; }
  #project #prev-project, #project #next-project {
    position: absolute;
    top: -999px;
    left: -999px; }
  #project #slider-prev, #project #slider-next {
    position: absolute;
    outline: 0;
    text-indent: -9999px;
    z-index: 9997;
    width: 100px;
    top: 100px;
    bottom: 100px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out; }
    #project #slider-prev a, #project #slider-next a {
      display: block;
      width: 100%;
      height: 100%; }
      #project #slider-prev a.disabled, #project #slider-next a.disabled {
        display: none; }
  #project #slider-prev {
    width: 50px;
    left: 0px; }
    #project #slider-prev a {
      background: none; }
  #project #slider-next {
    width: 50px;
    right: 0px; }
    #project #slider-next a {
      background: none; }
  #project.hover #slider-prev, #project.hover #slider-next {
    opacity: 1; }
  #project .bx-pager {
    position: absolute;
    bottom: 60px;
    width: 100%;
    z-index: 999;
    padding: 0 20px;
    text-align: center;
    margin: 0 !important;
    display: none; }
    #project .bx-pager .bx-pager-item {
      display: inline-block;
      vertical-align: middle; }
      #project .bx-pager .bx-pager-item a {
        pointer-events: none;
        background: black;
        text-indent: -9999px;
        display: block;
        outline: 0;
        width: 2px;
        height: 2px;
        margin: 2px;
        border-radius: 50%;
        transition: all 0.2s ease-in-out; }
      #project .bx-pager .bx-pager-item a.active {
        width: 4px;
        height: 4px;
        margin: 0 2px; }
  #project .project-info-links {
    display: none;
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 50; }
    #project .project-info-links .description-link, #project .project-info-links .details-link {
      font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 13px;
      line-height: 13px;
      font-size: 1.3rem;
      line-height: 1.3rem;
      color: black;
      text-transform: uppercase;
      letter-spacing: 2px;
      transition: color 0.2s ease-in-out;
      display: inline-block;
      margin: 0 8px; }
      #project .project-info-links .description-link:hover, #project .project-info-links .details-link:hover {
        font-family: "Relative-Bold-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  #project .description {
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none; }
    #project .description .description-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    #project .description.type-text p {
      font-size: 27px;
      line-height: 37px;
      font-size: 2.7rem;
      line-height: 3.7rem;
      margin-bottom: 20px; }
    #project .description .fill {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
  #project .details {
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none; }
    #project .details .details-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      #project .details .details-content .width-wrap {
        width: 100%;
        max-width: 550px;
        margin: 0 auto; }
  #project.overlap-colour-white nav.close-project ul li a {
    color: white !important; }
    #project.overlap-colour-white nav.close-project ul li a svg g#Artboard {
      fill: white !important; }
  #project.overlap-colour-white .bx-pager-item a {
    background: white !important; }
  #project.overlap-colour-white .description-link, #project.overlap-colour-white .details-link {
    color: white !important; }
  #project.overlap-colour-white #slider-prev, #project.overlap-colour-white #slider-next {
    filter: invert(100%); }

  #project.overlap-colour-gray nav.close-project ul li a {
    color: #999 !important; }
    #project.overlap-colour-gray nav.close-project ul li a svg g#Artboard {
      fill: #999 !important; }
  #project.overlap-colour-gray .bx-pager-item a {
    background: #999 !important; }
  #project.overlap-colour-gray .description-link, #project.overlap-colour-gray .details-link {
    color: #999 !important; }
  #project.overlap-colour-gray #slider-prev, #project.overlap-colour-gray #slider-next {
    filter: invert(60%); }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 0; }

body.page-people {
  overflow: hidden !important; }
  body.page-people .circle-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    max-width: 100%;
    max-height: 100%; }
    body.page-people .circle-wrapper #circle {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 0;
      width: 220rem;
      height: 220rem;
      margin-top: -110rem;
      margin-left: -110rem;
      border-radius: 100%;
      transform: scale(0.1);
      transform-origin: center center;
      cursor: move; }
      body.page-people .circle-wrapper #circle b {
        /*font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
        font-size: 1.6em;
		font-family:'Noto Serif KR', 'Noto Sans KR', '¸¼Àº °íµñ', Sans-serif;*/
		font-weight:bold;
        line-height: 28px;
        font-size: 2.5rem;
        line-height: 1.8rem;
        display: block;
        color: #232323;
        font-weight: 700;
        position: absolute;
        top: 50%;
        right: 50%;
        transform-origin: center right;
        width: 50%;
        height: 3.2rem;
        line-height: 3.2rem;
        margin-top: -1.6rem;
        text-align: left;
        box-sizing: border-box;
        opacity: 1;
        transition: opacity 1s;
        padding-right: 40%;
        white-space: nowrap; }
        body.page-people .circle-wrapper #circle b.clickable {
          cursor: pointer; }
          body.page-people .circle-wrapper #circle b.clickable span {
            border-bottom: 1px solid #232323; }
        body.page-people .circle-wrapper #circle b span {
          display: block;
          color: #232323;
          float: right; }
		  
		body.page-people .circle-wrapper #circle b span em { font-size:0.45em; vertical-align:middle; font-weight:bold }
  body.page-people .person-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(35, 35, 35, 0.95);
    z-index: 9999;
    display: none;
    overflow: auto;
    justify-content: center;
    align-items: center;
    -webkit-overflow-scrolling: touch; }
    body.page-people .person-overlay nav.close-person {
      position: fixed;
      top: 25px;
      right: 25px;
      z-index: 999;
      height: 35px;
	  width:35px;
	  padding:0 0 0 0; background:url(../images/close_b.png) no-repeat right top;}
	  body.page-people .person-overlay nav.close-person ul,
	  body.page-people .person-overlay nav.close-person ul li { width:35px; height:35px; }
      body.page-people .person-overlay nav.close-person ul li a {
        color: white;
        transition: color 0.2s ease-in-out;
		
		font-size:1.8em;
		padding-right:30px;
		width:35px; height:35px;}
	  body.page-people .person-overlay nav.close-person ul li a span { text-indent:-5000px; display:block; }
      body.page-people .person-overlay nav.close-person svg {
        fill: white;
        width: 20px;
        height: 20px; }
        body.page-people .person-overlay nav.close-person svg path {
          fill: white; }
    body.page-people .person-overlay .content {
      width: 100%;
      max-height: 100%;
      padding: 20px;
      max-width: 700px;
      color: white; }
      body.page-people .person-overlay .content img {
        display: block;
        margin: 0 auto 30px auto; }
      body.page-people .person-overlay .content h1 {
        font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;
		font-weight:normal;
        font-size: 1.3em;
        line-height: 26px;
        font-size: 1.5rem;
        line-height: 2.3rem;
		letter-spacing: 0.07em;
        text-align: center; }
	  body.page-people .person-overlay .content h1 em { font-weight:300; display:block; font-size:1.3em; letter-spacing: 0;}
	  body.page-people .person-overlay .content h1 span { font-size: 0.6em;
    display: block;
    letter-spacing: 0.07em;
    line-height: 0.9rem;
    margin-top: 20px; }
      body.page-people .person-overlay .content h2 {
        font-size: 20px;
        line-height: 26px;
        font-size: 2rem;
        line-height: 2.6rem;
        text-align: center;
        margin-top: 3px; }
      body.page-people .person-overlay .content .bio {
        margin-top: 30px; }
        body.page-people .person-overlay .content .bio p {
          font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;
          font-size: 1.0em;
          line-height: 26px;
          font-size: 1.0rem;
          line-height: 1.8rem;
		  font-weight:400;
          margin-bottom: 20px; }

.spinner {
  margin: 0;
  width: 70px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #909c9c;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .spinner .bounce1 {
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    animation-delay: -0.16s; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.5); } }

/******************************************************** MEDIA QUERIES ********************************************************/
@media (max-width: 991px) {
  body.page-people header.header, body.page-template-page-projects header.header {
    height: 90px; }
    body.page-people header.header.hideme, body.page-template-page-projects header.header.hideme {
      top: -90px; }
  #projects #projects-grid .grid-item .desktop {
    padding: 0 !important; }
  .slide-content.single_centered_image .images img {
    max-width: 100% !important;
    max-height: 100% !important; }
  .slide-content.two_images_left_right .images {
    flex-direction: column !important; }
    .slide-content.two_images_left_right .images img {
      max-width: 100% !important;
      max-height: 45% !important; }
  .slide-content.three_images_left_center_right .images {
    flex-direction: column !important; }
    .slide-content.three_images_left_center_right .images img {
      max-width: 100% !important;
      max-height: 28% !important; }
  .slide-content.two_images_top_bottom .images img {
    max-width: 100% !important;
    max-height: 45% !important; }
  .slide-content.full_bleed_image_left img {
    max-width: 90% !important;
    max-height: 90% !important;
    padding: 0 !important;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .slide-content.full_bleed_image_right img {
    max-width: 90% !important;
    max-height: 90% !important;
    padding: 0 !important;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .slide-content.video .video-wrap {
    width: 100% !important;
    height: auto !important; } 
	
	body.page-people .circle-wrapper #circle b { font-size: 2.15rem;}
	body.page-people .person-overlay .content {
      width: 90%;
      max-height: 100%;
      padding: 50px 20px;
      max-width: 700px;
      color: white; }
	  
	body.page-people .person-overlay .content h1 {
        font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;
		font-weight:normal;
        font-size: 1.2em;
        line-height: 26px;
        font-size: 1.2rem;
        line-height: 2.1rem;
		letter-spacing: 0.07em;
        text-align: center; }
	body.page-people .person-overlay .content h1 em { font-weight:300; display:block; font-size:1.2em; letter-spacing: 0;}
	  body.page-people .person-overlay .content h1 span { font-size: 0.6em;
    display: block;
    letter-spacing: 0.07em;
    line-height: 0.9rem;
    margin-top: 20px; }
	
	body.page-people .person-overlay .content .bio p {
          font-family: 'Cormorant Garamond', 'Noto Sans KR', serif;
          font-size: 0.9em;
          line-height: 26px;
          font-size: 0.9rem;
          line-height: 1.7rem;
		  font-weight:300;
          margin-bottom: 20px; }
		  
	
	}

@media (min-width: 576px) {
  #project #slider-prev {
    width: 100px; }
    #project #slider-prev a {
      background: url(../images/arrow-prev.svg) 15px center no-repeat;
      background-size: 46px auto; }
  #project #slider-next {
    width: 100px; }
    #project #slider-next a {
      background: url(../images/arrow-next.svg) 39px center no-repeat;
      background-size: 46px auto; } }

@media (min-width: 768px) {
  #search-overlay .search-form {
    width: 70%; }
  #project .slide.mobile {
    display: none; }
  #project .slide.desktop {
    display: block; } }

@media (min-width: 992px) {
  nav.main-menu ul {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%); }
  #nav-overlay nav.sub-menu ul {
    left: 48.5%; }
    #nav-overlay nav.sub-menu ul li {
      margin-bottom: 0; }
      #nav-overlay nav.sub-menu ul li a {
        font-size: 48px;
        line-height: 68px;
        font-size: 4.8rem;
        line-height: 6.8rem; }
  #search-overlay .search-form {
    width: 40%; }
  header.header {
    height: 62px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.9); }
    header.header.hideme {
      top: 0px; }
    header.header nav.main-menu {
      display: block; }
    header.header nav.sub-menu ul li {
      display: inline-block; }
    header.header .mobile-menu {
      display: none; }
  body.page-contact p, body.page-jobs p, body.page-about p, .details-content p {
    font-size: 27px;
    line-height: 37px;
    font-size: 2.7rem;
    line-height: 3.7rem;
    margin-bottom: 20px; }
  body.page-contact h6, body.page-jobs h6, body.page-about h6, .details-content h6 {
    margin-top: 30px;
    margin-bottom: 7px; }
  body.page-about .stick-to-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  body.page-about p {
    font-size: 36px;
    line-height: 46px;
    font-size: 3.6rem;
    line-height: 4.6rem; }
  body.page-jobs p {
    margin-bottom: 8px; }
  body.page-jobs h6 {
    margin-top: 40px;
    margin-bottom: 20px; }
  #projects .container-fluid, #search-results .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  #projects #projects-grid .grid-item h1, #search-results #projects-grid .grid-item h1 {
    padding: 0; }
  #projects #projects-grid .grid-item:nth-child(odd), #search-results #projects-grid .grid-item:nth-child(odd) {
    padding-right: 30px; }
    #projects #projects-grid .grid-item:nth-child(odd) .thumb, #projects #projects-grid .grid-item:nth-child(odd) h1, #search-results #projects-grid .grid-item:nth-child(odd) .thumb, #search-results #projects-grid .grid-item:nth-child(odd) h1 {
      text-align: right; }
  #projects #projects-grid .grid-item:nth-child(even), #search-results #projects-grid .grid-item:nth-child(even) {
    padding-left: 30px; }
    #projects #projects-grid .grid-item:nth-child(even) .thumb, #projects #projects-grid .grid-item:nth-child(even) h1, #search-results #projects-grid .grid-item:nth-child(even) .thumb, #search-results #projects-grid .grid-item:nth-child(even) h1 {
      text-align: left; }
  #projects #projects-list a h1, #projects #projects-list a h2, #projects #projects-list a h3, #projects #search-list a h1, #projects #search-list a h2, #projects #search-list a h3, #search-results #projects-list a h1, #search-results #projects-list a h2, #search-results #projects-list a h3, #search-results #search-list a h1, #search-results #search-list a h2, #search-results #search-list a h3 {
    font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
    font-size: 28px;
    line-height: 38px;
    font-size: 2.8rem;
    line-height: 3.8rem;
    color: black;
    border-bottom: 1px solid transparent;
    display: inline;
    font-style: normal; }
  #projects #projects-list a:hover h1, #projects #projects-list a:hover h2, #projects #projects-list a:hover h3, #projects #search-list a:hover h1, #projects #search-list a:hover h2, #projects #search-list a:hover h3, #search-results #projects-list a:hover h1, #search-results #projects-list a:hover h2, #search-results #projects-list a:hover h3, #search-results #search-list a:hover h1, #search-results #search-list a:hover h2, #search-results #search-list a:hover h3 {
    border-bottom: 1px solid black; }
  #projects #projects-list .country-label, #projects #search-list .country-label, #search-results #projects-list .country-label, #search-results #search-list .country-label {
    border-top: none;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 45px;
    margin-bottom: 5px;
    color: black;
    text-transform: none;
    text-align: left;
    text-transform: uppercase;
    font-family: "Relative-Book-Web", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    line-height: 13px;
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: 1.6px; }
    #projects #projects-list .country-label:first-child, #projects #search-list .country-label:first-child, #search-results #projects-list .country-label:first-child, #search-results #search-list .country-label:first-child {
      margin-top: 0; }
  #project .slide .slide-content.title_page, #project .slide .slide-content.full_bleed_image_left, #project .slide .slide-content.full_bleed_image_right {
    flex-direction: row; }
    #project .slide .slide-content.title_page .title p.year, #project .slide .slide-content.full_bleed_image_left .title p.year, #project .slide .slide-content.full_bleed_image_right .title p.year {
      font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
      font-size: 18px;
      line-height: 18px;
      font-size: 1.8rem;
      line-height: 1.8rem; }
    #project .slide .slide-content.title_page .title h1, #project .slide .slide-content.full_bleed_image_left .title h1, #project .slide .slide-content.full_bleed_image_right .title h1 {
      font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
      font-size: 38px;
      line-height: 38px;
      font-size: 3.8rem;
      line-height: 3.8rem; }
    #project .slide .slide-content.title_page .title h2, #project .slide .slide-content.full_bleed_image_left .title h2, #project .slide .slide-content.full_bleed_image_right .title h2 {
      font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
      font-size: 18px;
      line-height: 18px;
      font-size: 1.8rem;
      line-height: 1.8rem; }
  #project .bx-pager {
    position: absolute;
    bottom: 60px;
    width: 100%;
    z-index: 999;
    padding: 0 20px;
    text-align: center;
    margin: 0 !important; }
    #project .bx-pager .bx-pager-item {
      display: inline-block;
      vertical-align: middle; }
      #project .bx-pager .bx-pager-item a {
        pointer-events: all;
        background: black;
        text-indent: -9999px;
        display: block;
        outline: 0;
        width: 5px;
        height: 5px;
        margin: 5px;
        transition: all 0.1s ease-in-out; }
      #project .bx-pager .bx-pager-item a.active {
        width: 9px;
        height: 9px;
        margin: 0 3px; } }

@media (orientation: portrait) {
  body.home .half {
    width: 100%;
    height: 50%; }
  body.home .landscape {
    display: none; }
  body.home .portrait {
    display: block; }
  .hidden-landscape {
    display: none; }
  #project .slide .slide-content.title_page, #project .slide .slide-content.full_bleed_image_left, #project .slide .slide-content.full_bleed_image_right {
    flex-direction: column; }
    #project .slide .slide-content.title_page .half, #project .slide .slide-content.full_bleed_image_left .half, #project .slide .slide-content.full_bleed_image_right .half {
      width: 100%;
      height: 50%; }
  #project .slide .slide-content.title_page {
    flex-direction: column-reverse; } }

@media (orientation: landscape) {
  body.home .half {
    width: 50%;
    height: 100%; }
    body.home .half.left {
      width: 48.5%; }
    body.home .half.right {
      width: 51.5%; }
  body.home .landscape {
    display: block; }
  body.home .portrait {
    display: none; }
  .hidden-portrait {
    display: none; }
  #mobile-menu-overlay .menu-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 25px; }
    #mobile-menu-overlay .menu-close svg {
      fill: black;
      width: 20px;
      height: 20px; }
  .combined-menus nav.sub-menu ul li a {
    font-size: 26px;
    line-height: 32px;
    font-size: 2.6rem;
    line-height: 3.2rem; }
  #project .slide .slide-content.title_page, #project .slide .slide-content.full_bleed_image_left, #project .slide .slide-content.full_bleed_image_right {
    flex-direction: row; }
    #project .slide .slide-content.title_page .half, #project .slide .slide-content.full_bleed_image_left .half, #project .slide .slide-content.full_bleed_image_right .half {
      width: 50%;
      height: 100%; } }