/* ================================================================================ */
/* FONT KITS */
/* ================================================================================ */
@font-face {
  font-family: 'main-headers';
  src: url("../fonts/AvenirLT-Black.eot");
  src: url("../fonts/AvenirLT-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLT-Black.woff2") format("woff2"), url("../fonts/AvenirLT-Black.woff") format("woff"), url("../fonts/AvenirLT-Black.ttf") format("truetype"), url("../fonts/AvenirLT-Black.svg#AvenirLT-Black") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'main-sans';
  src: url("../fonts/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'main-sans';
  src: url("../fonts/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'main-serif';
  src: url("../fonts/Pekora-BoldSlabSerif.eot");
  src: url("../fonts/Pekora-BoldSlabSerif.eot?#iefix") format("embedded-opentype"), url("../fonts/Pekora-BoldSlabSerif.woff2") format("woff2"), url("../fonts/Pekora-BoldSlabSerif.woff") format("woff"), url("../fonts/Pekora-BoldSlabSerif.ttf") format("truetype"), url("../fonts/Pekora-BoldSlabSerif.svg#Pekora-BoldSlabSerif") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'tall-sans';
  src: url("../fonts/Tungsten-Medium.eot");
  src: url("../fonts/Tungsten-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Tungsten-Medium.woff2") format("woff2"), url("../fonts/Tungsten-Medium.woff") format("woff"), url("../fonts/Tungsten-Medium.ttf") format("truetype"), url("../fonts/Tungsten-Medium.svg#Tungsten-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'fancy-serif';
  src: url("../fonts/Pekora-RegularSlabSerif.eot");
  src: url("../fonts/Pekora-RegularSlabSerif.eot?#iefix") format("embedded-opentype"), url("../fonts/Pekora-RegularSlabSerif.woff2") format("woff2"), url("../fonts/Pekora-RegularSlabSerif.woff") format("woff"), url("../fonts/Pekora-RegularSlabSerif.ttf") format("truetype"), url("../fonts/Pekora-RegularSlabSerif.svg#Pekora-RegularSlabSerif") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'paragraph-text';
  src: url("../fonts/CrimsonText-Italic.eot");
  src: url("../fonts/CrimsonText-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/CrimsonText-Italic.woff2") format("woff2"), url("../fonts/CrimsonText-Italic.woff") format("woff"), url("../fonts/CrimsonText-Italic.ttf") format("truetype"), url("../fonts/CrimsonText-Italic.svg#CrimsonText-Italic") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'paragraph-text';
  src: url("../fonts/CrimsonText-BoldItalic.eot");
  src: url("../fonts/CrimsonText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CrimsonText-BoldItalic.woff2") format("woff2"), url("../fonts/CrimsonText-BoldItalic.woff") format("woff"), url("../fonts/CrimsonText-BoldItalic.ttf") format("truetype"), url("../fonts/CrimsonText-BoldItalic.svg#CrimsonText-BoldItalic") format("svg");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'paragraph-text';
  src: url("../fonts/CrimsonText-Bold.eot");
  src: url("../fonts/CrimsonText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CrimsonText-Bold.woff2") format("woff2"), url("../fonts/CrimsonText-Bold.woff") format("woff"), url("../fonts/CrimsonText-Bold.ttf") format("truetype"), url("../fonts/CrimsonText-Bold.svg#CrimsonText-Bold") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'paragraph-text';
  src: url("../fonts/CrimsonText-Roman.eot");
  src: url("../fonts/CrimsonText-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/CrimsonText-Roman.woff2") format("woff2"), url("../fonts/CrimsonText-Roman.woff") format("woff"), url("../fonts/CrimsonText-Roman.ttf") format("truetype"), url("../fonts/CrimsonText-Roman.svg#CrimsonText-Roman") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'playfair_displaybold';
  src: url("../fonts/playfairdisplay-bold-webfont.eot");
  src: url("../fonts/playfairdisplay-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/playfairdisplay-bold-webfont.woff2") format("woff2"), url("../fonts/playfairdisplay-bold-webfont.woff") format("woff"), url("../fonts/playfairdisplay-bold-webfont.ttf") format("truetype"), url("../fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold") format("svg");
  font-weight: normal;
  font-style: normal; }
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.75);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  position: fixed;
  top: 24px;
  right: 5%;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background-color: #e9b100;
  -webkit-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  border: 0;
  background-color: #2b2b2b;
  -webkit-appearance: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

#takeover {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  display: none; }

#takeover-container {
  width: 800px;
  min-height: 400px;
  margin: 0px auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -200px;
  background-color: #ffffff;
  background: url("../img/lightbox-bg.jpg") no-repeat left center;
  background-size: contain; }

#takeover-container .takeover-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #e9b100;
  font-style: normal;
  font-size: 25px;
  font-family: "main-headers", sans-serif;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background-color: white;
  border: none;
  padding-bottom: 6px; }
  #takeover-container .takeover-close-btn:hover {
    background-color: #000000; }

#takeover-img {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 50%;
  height: 100%;
  float: left; }

#takeover-img img {
  width: 100%;
  height: auto;
  display: block; }

#takeover-text {
  padding: 4em 3em;
  display: inline-block;
  text-align: center;
  width: 50%;
  background-color: #e9b100;
  text-align: left;
  float: right; }

#takeover-text h2 {
  font-weight: 100;
  color: #ffffff;
  font-size: 5rem;
  font-family: "main-headers", sans-serif;
  display: block;
  margin-bottom: 20px; }

#takeover-text p {
  font-family: "paragraph-text", serif;
  font-weight: 100;
  color: #001222;
  line-height: 1.75em;
  font-size: 1.15em;
  margin-bottom: 20px; }

#takeover .donate-btn {
  position: relative;
  top: 0;
  right: 0; }

#takeover-text input {
  font-family: 'nexa-bold',sans-serif;
  border: none;
  font-size: 1.15em;
  text-align: center;
  margin-bottom: 1em; }

#takeover-text input.email {
  width: 100%; }

#takeover-text .btn-orange {
  font-size: 1.25em; }

#takeover-text ::-webkit-input-placeholder {
  color: #494949; }

#takeover-text :-moz-placeholder {
  /* Firefox 18- */
  color: #494949; }

#takeover-text ::-moz-placeholder {
  /* Firefox 19+ */
  color: #494949; }

#takeover-text :-ms-input-placeholder {
  color: #494949; }

@media handheld, only screen and (max-width: 768px) {
  #takeover-container {
    width: 300px;
    background: #ffffff;
    min-height: 300px;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -250px; }

  #takeover-text {
    padding: 3em 2em;
    width: 100%; }

  #takeover-text h1 {
    font-size: 20px; }

  #takeover-text p {
    font-size: 1.00em; }

  #takeover-text input {
    display: block;
    margin: 1em auto;
    font-size: 1.00em; }

  #takeover-text .btn-orange {
    font-size: 1.00em; } }
/* -------------------------------- 

Primary style

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

html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  font-family: "PT Sans", sans-serif;
  color: #ffffff;
  background-color: #262423; }

a {
  color: #e9b100;
  text-decoration: none; }

/* -------------------------------- 

Patterns - reusable parts of our design

-------------------------------- */
.cd-text-replace {
  /* replace text with image */
  color: transparent;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap; }

/* -------------------------------- 

Menu trigger

-------------------------------- */
.cd-nav-trigger {
  position: absolute;
  z-index: 4;
  top: 24px;
  right: 5%;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s; }
  .cd-nav-trigger .cd-icon,
  .cd-nav-trigger .cd-icon::before,
  .cd-nav-trigger .cd-icon::after {
    /* menu icon created in CSS */
    position: absolute;
    background-color: #ffffff;
    border-radius: 2px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .no-touch .cd-nav-trigger:hover {
    background-color: black; }
  .cd-nav-trigger .cd-icon {
    /* middle line of the menu icon */
    display: inline-block;
    width: 18px;
    height: 2px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    -moz-transition: -moz-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s; }
    .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon::after {
      /* upper and lower lines of the menu icon */
      content: '';
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s; }
    .cd-nav-trigger .cd-icon::before {
      -webkit-transform: translateY(-6px);
      -moz-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      -o-transform: translateY(-6px);
      transform: translateY(-6px); }
    .cd-nav-trigger .cd-icon::after {
      -webkit-transform: translateY(6px);
      -moz-transform: translateY(6px);
      -ms-transform: translateY(6px);
      -o-transform: translateY(6px);
      transform: translateY(6px); }
  .cd-nav-trigger.project-open .cd-icon {
    /* user selects a projects - transform the icon into a 'X' */
    background-color: rgba(255, 255, 255, 0); }
    .cd-nav-trigger.project-open .cd-icon::before, .cd-nav-trigger.project-open .cd-icon::after {
      background-color: white; }
    .cd-nav-trigger.project-open .cd-icon::before {
      -webkit-transform: translateY(0) rotate(45deg);
      -moz-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
      -o-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg); }
    .cd-nav-trigger.project-open .cd-icon::after {
      -webkit-transform: translateY(0) rotate(-45deg);
      -moz-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
      -o-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg); }
  .cd-nav-trigger.nav-visible .cd-icon {
    /* user opens the navigation - transform the icon into an arrow */
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
    .cd-nav-trigger.nav-visible .cd-icon::after {
      -webkit-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5);
      -moz-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5);
      -ms-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5);
      -o-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5);
      transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); }
    .cd-nav-trigger.nav-visible .cd-icon::before {
      -webkit-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5);
      -moz-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5);
      -ms-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5);
      -o-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5);
      transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); }
  @media only screen and (min-width: 1024px) {
    .cd-nav-trigger.nav-visible .cd-icon {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
      -moz-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
      -o-transform: translateY(-50%) translateX(-50%) rotate(-90deg);
      transform: translateY(-50%) translateX(-50%) rotate(-90deg); }
      .cd-nav-trigger.nav-visible .cd-icon::after {
        -webkit-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5);
        -moz-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5);
        -ms-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5);
        -o-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5);
        transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); }
      .cd-nav-trigger.nav-visible .cd-icon::before {
        -webkit-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5);
        -moz-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5);
        -ms-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5);
        -o-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5);
        transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); } }

/* -------------------------------- 

Projects

-------------------------------- */
.cd-projects-container {
  position: relative;
  z-index: 2;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw; }
  .cd-projects-container.project-open {
    /* smooth scroll on iOS devices */
    -webkit-overflow-scrolling: touch; }

.cd-projects-previews {
  position: absolute;
  z-index: 2;
  height: 30vh;
  width: 100vw;
  bottom: 0; }
  .cd-projects-previews::after {
    clear: both;
    content: "";
    display: table; }
  .project-open .cd-projects-previews {
    pointer-events: none; }
  .cd-projects-previews li {
    height: 25%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px); }
    .cd-projects-previews li.selected {
      opacity: 0;
      /* move selected project preview out of the viewport with no transition */
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform 0s;
      -moz-transition: -moz-transform 0s;
      transition: transform 0s; }
    .cd-projects-previews li.slide-out {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
  .cd-projects-previews a {
    display: block;
    height: 100vh;
    width: 100%;
    border-top: 4px solid #e9b100;
    /* fixes a bug on projects caption width */
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  .cd-projects-previews li:nth-of-type(2) a {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%); }
  .cd-projects-previews li:nth-of-type(3) a {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .cd-projects-previews li:nth-of-type(4) a {
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%); }
  .cd-projects-previews .bg-loaded a {
    opacity: 1; }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li {
      display: inline-block;
      height: 100%;
      width: 25%;
      float: left; }
      .cd-projects-previews li.selected {
        -webkit-transform: translateY(-350%);
        -moz-transform: translateY(-350%);
        -ms-transform: translateY(-350%);
        -o-transform: translateY(-350%);
        transform: translateY(-350%); }
      .cd-projects-previews li.slide-out {
        -webkit-transform: translateY(-350%);
        -moz-transform: translateY(-350%);
        -ms-transform: translateY(-350%);
        -o-transform: translateY(-350%);
        transform: translateY(-350%); }
    .cd-projects-previews a {
      /* width equal to window width */
      width: 400%; }
    .cd-projects-previews li:nth-of-type(2) a {
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%); }
    .cd-projects-previews li:nth-of-type(3) a {
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .cd-projects-previews li:nth-of-type(4) a {
      -webkit-transform: translateX(-75%);
      -moz-transform: translateX(-75%);
      -ms-transform: translateX(-75%);
      -o-transform: translateX(-75%);
      transform: translateX(-75%); } }

.cd-projects {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw; }
  .cd-projects > li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .cd-projects > li.selected {
      z-index: 1;
      opacity: 1;
      -webkit-transition: opacity 0s;
      -moz-transition: opacity 0s;
      transition: opacity 0s; }
  .cd-projects .preview-image {
    display: block;
    height: 100vh; }

/*
.cd-projects-previews a, 
.cd-projects .preview-image {
	background: $color-1 url(../img/img-1.jpg) no-repeat center center;
	background-size: cover;
}

.cd-projects-previews li:nth-of-type(2) a, 
.cd-projects > li:nth-of-type(2) .preview-image {
	background: $color-2 url(../img/img-2.jpg) no-repeat center center;
	background-size: cover;
}

.cd-projects-previews li:nth-of-type(3) a, 
.cd-projects > li:nth-of-type(3) .preview-image {
	background: $color-3 url(../img/img-3.jpg) no-repeat center center;
	background-size: cover;
}

.cd-projects-previews li:nth-of-type(4) a, 
.cd-projects > li:nth-of-type(4) .preview-image {
	background: $color-4 url(../img/img-4.jpg) no-repeat center center;
	background-size: cover;
}
*/
.cd-project-title {
  position: absolute;
  width: 100%;
  top: calc(10% - 10px);
  left: 0;
  color: #ffffff;
  padding: 0 2em;
  -webkit-transform: translateY(-37.5vh);
  -moz-transform: translateY(-37.5vh);
  -ms-transform: translateY(-37.5vh);
  -o-transform: translateY(-37.5vh);
  transform: translateY(-37.5vh);
  -webkit-transition: -webkit-transform 0.6s 0.2s;
  -moz-transition: -moz-transform 0.6s 0.2s;
  transition: transform 0.6s 0.2s;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
  	.no-touch .cd-projects-previews a:hover &::after {
  		@include transform(translateX(-50%) scale(1));
  	}
  */
  /*
  	@include MQ(M) {
  		width: 100%/$items;
  		top: 50vh;
  		@include transform(translateX(0%));
  	}
  */ }
  .cd-project-title::after {
    /* line below project title */
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
  .cd-projects .cd-project-title::after {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s; }
  .cd-project-title h2 {
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: 700; }
  .cd-project-title p {
    font-size: 1.4rem;
    font-family: "main-serif", serif;
    font-style: italic;
    line-height: 1.2;
    padding: .4em 2em;
    opacity: .8; }

.cd-projects-previews li:nth-of-type(2) .cd-project-title,
.cd-projects > li:nth-of-type(2) .cd-project-title {
  -webkit-transform: translateY(-12.5vh);
  -moz-transform: translateY(-12.5vh);
  -ms-transform: translateY(-12.5vh);
  -o-transform: translateY(-12.5vh);
  transform: translateY(-12.5vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(2) .cd-project-title,
    .cd-projects > li:nth-of-type(2) .cd-project-title {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); } }

.cd-projects-previews li:nth-of-type(3) .cd-project-title,
.cd-projects > li:nth-of-type(3) .cd-project-title {
  -webkit-transform: translateY(12.5vh);
  -moz-transform: translateY(12.5vh);
  -ms-transform: translateY(12.5vh);
  -o-transform: translateY(12.5vh);
  transform: translateY(12.5vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(3) .cd-project-title,
    .cd-projects > li:nth-of-type(3) .cd-project-title {
      -webkit-transform: translateX(200%);
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -o-transform: translateX(200%);
      transform: translateX(200%); } }

.cd-projects-previews li:nth-of-type(4) a .cd-project-title,
.cd-projects > li:nth-of-type(4) .cd-project-title {
  -webkit-transform: translateY(37.5vh);
  -moz-transform: translateY(37.5vh);
  -ms-transform: translateY(37.5vh);
  -o-transform: translateY(37.5vh);
  transform: translateY(37.5vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(4) a .cd-project-title,
    .cd-projects > li:nth-of-type(4) .cd-project-title {
      -webkit-transform: translateX(300%);
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -o-transform: translateX(300%);
      transform: translateX(300%); } }

li.selected .cd-project-title,
.cd-projects > li:nth-of-type(2).selected .cd-project-title,
.cd-projects > li:nth-of-type(3).selected .cd-project-title,
.cd-projects > li:nth-of-type(4).selected .cd-project-title {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
  @media only screen and (min-width: 1024px) {
    li.selected .cd-project-title,
    .cd-projects > li:nth-of-type(2).selected .cd-project-title,
    .cd-projects > li:nth-of-type(3).selected .cd-project-title,
    .cd-projects > li:nth-of-type(4).selected .cd-project-title {
      -webkit-transform: translateX(150%);
      -moz-transform: translateX(150%);
      -ms-transform: translateX(150%);
      -o-transform: translateX(150%);
      transform: translateX(150%); } }

.cd-projects li.selected .cd-project-title::after {
  -webkit-transition: -webkit-transform 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0); }

.touch .cd-projects li.selected .cd-project-title::after {
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s; }

.cd-project-info {
  display: none;
  padding: 4em 0;
  background-color: #ffffff;
  color: #7d7c7b; }
  .content-visible .cd-project-info {
    display: block; }
  .cd-project-info p {
    width: 90%;
    margin: 0 auto;
    line-height: 2; }

.cd-projects-container .scroll {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  width: 44px;
  height: 44px;
  /* rest button default style */
  cursor: pointer;
  border: none;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  visibility: hidden;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s; }
  .cd-projects-container .scroll:focus {
    outline: none; }

.cd-projects-container.project-open .scroll {
  visibility: visible;
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
  -webkit-animation: cd-translate 1.2s 0.8s;
  -moz-animation: cd-translate 1.2s 0.8s;
  animation: cd-translate 1.2s 0.8s;
  -webkit-animation-iteration-count: 2;
  -moz-animation-iteration-count: 2;
  animation-iteration-count: 2; }

.no-touch .cd-projects-container.project-open .scroll:hover {
  -webkit-transform: translateX(-50%) scale(1.2);
  -moz-transform: translateX(-50%) scale(1.2);
  -ms-transform: translateX(-50%) scale(1.2);
  -o-transform: translateX(-50%) scale(1.2);
  transform: translateX(-50%) scale(1.2); }

@-webkit-keyframes cd-translate {
  0% {
    -webkit-transform: translateX(-50%) scale(1); }
  50% {
    -webkit-transform: translateY(10px) translateX(-50%) scale(1); }
  100% {
    -webkit-transform: translateX(-50%) scale(1); } }
@-moz-keyframes cd-translate {
  0% {
    -moz-transform: translateX(-50%) scale(1); }
  50% {
    -moz-transform: translateY(10px) translateX(-50%) scale(1); }
  100% {
    -moz-transform: translateX(-50%) scale(1); } }
@keyframes cd-translate {
  0% {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1); }
  50% {
    -webkit-transform: translateY(10px) translateX(-50%) scale(1);
    -moz-transform: translateY(10px) translateX(-50%) scale(1);
    -ms-transform: translateY(10px) translateX(-50%) scale(1);
    -o-transform: translateY(10px) translateX(-50%) scale(1);
    transform: translateY(10px) translateX(-50%) scale(1); }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1); } }
/* -------------------------------- 

 Navigation

-------------------------------- */
.cd-primary-nav {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  /* vertically align its content */
  display: table; }
  .cd-primary-nav ul {
    /* vertically align inside nav */
    display: table-cell;
    vertical-align: middle; }
  .cd-primary-nav a {
    display: inline-block;
    padding: .4em 1em;
    border-radius: 4px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
    color: #ffffff;
    font-family: "main-serif", serif;
    font-size: 2.4rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .no-touch .cd-primary-nav a:hover {
      background-color: #e9b100; }
  .cd-primary-nav .cd-label {
    position: relative;
    margin: 2.4em 0 2em;
    color: #e9b100;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 1px; }
    .cd-primary-nav .cd-label::after {
      /* line below .cd-label*/
      content: '';
      position: absolute;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -16px;
      height: 1px;
      width: 40px;
      background-color: currentColor; }
  .cd-primary-nav.nav-visible {
    opacity: 1; }
  .cd-primary-nav.nav-clickable {
    z-index: 3; }
  .no-csstransitions .cd-primary-nav.nav-visible {
    z-index: 3; }
  @media only screen and (min-width: 1170px) {
    .cd-primary-nav a {
      font-size: 4rem; } }

/* -------------------------------- 

JavaScript Disabled

-------------------------------- */
.no-js .cd-primary-nav {
  display: block;
  position: static;
  opacity: 1;
  margin-bottom: 1.5em; }
  .no-js .cd-primary-nav ul {
    display: block;
    padding: 0 5%; }
    .no-js .cd-primary-nav ul::after {
      clear: both;
      content: "";
      display: table; }
  .no-js .cd-primary-nav li:not(.cd-label) {
    display: inline-block; }

/* Site Logo */
.site-logo {
  background: url("../img/pai-logo.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 24px;
  left: 5%;
  display: block;
  z-index: 99;
  width: 90px;
  height: 43px;
  font-size: 0; }

/* Menu Trigger */
.cd-nav-trigger {
  background-color: #e9b100;
  top: 20px;
  right: 70px; }

/* Hero Text */
.hero-text {
  display: block;
  position: absolute;
  z-index: 2;
  margin: 0px auto;
  width: 100%;
  text-align: center;
  padding: 20vh 20px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .hero-text h1 {
    font-family: 'playfair_displaybold', serif;
    font-size: 4em;
    text-transform: uppercase;
    color: white;
    letter-spacing: 3px; }
  .hero-text .sub-title {
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 1em;
    font-family: "main-headers", sans-serif;
    letter-spacing: 4px;
    display: block; }
  .hero-text .play-btn {
    background: url("../img/play-btn.png") no-repeat;
    background-size: 130px 130px;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0px auto;
    border: none;
    outline: none;
    text-indent: -9999px; }
  .hero-text .h3 {
    display: inline-block;
    font-family: "main-headers", sans-serif;
    font-size: 1em;
    margin-top: .5em;
    color: #e9b100;
    float: left; }
  @media (max-width: 768px) {
    .hero-text h1 {
      font-size: 2.5em; }
    .hero-text .sub-title {
      font-size: 1.15em; } }
  @media (max-width: 550px) {
    .hero-text h1 {
      font-size: 2em; }
    .hero-text .sub-title {
      font-size: 1em; }
    .hero-text .play-btn {
      background-size: 90px 90px;
      width: 90px;
      height: 90px; } }

@media (max-width: 1023px) {
  .cd-projects-previews {
    height: 40vh; } }

.cd-projects-previews .preview-thumb {
  /* set a background image for each project */
  background: #30333b url(../img/inner-hero2sm.jpg) no-repeat right top;
  background-size: cover; }

.cd-projects-previews li.preview-thumb2 {
  background: #e9b100 url(../img/inner-hero1sm.jpg) no-repeat right top;
  background-size: cover; }

.cd-projects-previews li.preview-thumb3 {
  background: #070606 url(../img/inner-hero3sm.jpg) no-repeat right top;
  background-size: cover; }

.cd-projects-previews li.preview-thumb4 {
  background: #835531 url(../img/inner-hero4sm.jpg) no-repeat right top;
  background-size: cover; }

.cd-projects .preview-image {
  /* set a background image for each project */
  background: #30333b url(../img/inner-hero2.jpg) no-repeat top center;
  background-size: cover; }

.cd-projects > li:nth-of-type(2) .preview-image {
  background: #e9b100 url(../img/inner-hero1.jpg) no-repeat center center;
  background-size: cover; }

.cd-projects > li:nth-of-type(3) .preview-image {
  background: #070606 url(../img/inner-hero3.jpg) no-repeat center center;
  background-size: cover; }

.cd-projects > li:nth-of-type(4) .preview-image {
  background: #835531 url(../img/inner-hero4.jpg) no-repeat center center;
  background-size: cover; }

.preview-thumb .cd-project-title, .preview-thumb2 .cd-project-title, .preview-thumb3 .cd-project-title, .preview-thumb4 .cd-project-title {
  top: 12vh;
  padding: 0 .5em; }
  .preview-thumb .cd-project-title h2, .preview-thumb2 .cd-project-title h2, .preview-thumb3 .cd-project-title h2, .preview-thumb4 .cd-project-title h2 {
    font-size: 2rem; }
  .preview-thumb .cd-project-title hr, .preview-thumb2 .cd-project-title hr, .preview-thumb3 .cd-project-title hr, .preview-thumb4 .cd-project-title hr {
    margin: 1em auto .5em; }
  .preview-thumb .cd-project-title p, .preview-thumb2 .cd-project-title p, .preview-thumb3 .cd-project-title p, .preview-thumb4 .cd-project-title p {
    font-size: 1.5rem;
    opacity: 1;
    font-style: normal; }
  @media (max-width: 1023px) {
    .preview-thumb .cd-project-title, .preview-thumb2 .cd-project-title, .preview-thumb3 .cd-project-title, .preview-thumb4 .cd-project-title {
      top: 2vh;
      width: 100%;
      padding: 10px 0 0; }
      .preview-thumb .cd-project-title h2, .preview-thumb2 .cd-project-title h2, .preview-thumb3 .cd-project-title h2, .preview-thumb4 .cd-project-title h2 {
        font-size: 2rem;
        padding-bottom: 0;
        color: #ffffff; }
      .preview-thumb .cd-project-title hr, .preview-thumb2 .cd-project-title hr, .preview-thumb3 .cd-project-title hr, .preview-thumb4 .cd-project-title hr {
        display: none; }
      .preview-thumb .cd-project-title p, .preview-thumb2 .cd-project-title p, .preview-thumb3 .cd-project-title p, .preview-thumb4 .cd-project-title p {
        font-size: .8em; } }
  @media (max-width: 550px) {
    .preview-thumb .cd-project-title, .preview-thumb2 .cd-project-title, .preview-thumb3 .cd-project-title, .preview-thumb4 .cd-project-title {
      top: 0vh;
      padding: 15px 0 0; }
      .preview-thumb .cd-project-title p, .preview-thumb2 .cd-project-title p, .preview-thumb3 .cd-project-title p, .preview-thumb4 .cd-project-title p {
        display: none; } }

.cd-project-title {
  position: absolute;
  width: 100%;
  top: calc(10% - 10px);
  left: 0;
  color: #ffffff;
  padding: 0 2em;
  -webkit-transform: translateY(-37.5vh);
  -moz-transform: translateY(-37.5vh);
  -ms-transform: translateY(-37.5vh);
  -o-transform: translateY(-37.5vh);
  transform: translateY(-37.5vh);
  -webkit-transition: -webkit-transform 0.6s 0.2s;
  -moz-transition: -moz-transform 0.6s 0.2s;
  transition: transform 0.6s 0.2s;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
  	.no-touch .cd-projects-previews a:hover &::after {
  		@include transform(translateX(-50%) scale(1));
  	}
  */
  width: 25%;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
  .cd-project-title::after {
    /* line below project title */
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
  .cd-projects .cd-project-title::after {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s; }
  .cd-project-title h2 {
    font-size: 2.75rem;
    line-height: 1.15;
    font-weight: 700;
    font-family: 'main-headers';
    color: #ffffff; }
  .cd-project-title hr {
    display: inline-block;
    width: 50px;
    height: 5px;
    background-color: #e9b100;
    border: none;
    margin: 1em 0; }
  .cd-project-title p {
    font-size: 1.75rem;
    font-family: "paragraph-text", serif;
    color: #ffffff;
    line-height: 1.2; }
  @media (max-width: 1023px) {
    .cd-project-title {
      top: 0;
      width: 100%;
      padding: 12px 0 0; }
      .cd-project-title h2 {
        font-size: 2rem;
        padding-bottom: 5px;
        color: #e9b100; }
      .cd-project-title hr {
        display: none; }
      .cd-project-title p {
        font-size: .9em; } }

.cd-project-title2 {
  position: absolute;
  width: 100%;
  top: calc(50% - 20px);
  left: 0;
  color: #ffffff;
  -webkit-transform: translateY(-37.5vh);
  -moz-transform: translateY(-37.5vh);
  -ms-transform: translateY(-37.5vh);
  -o-transform: translateY(-37.5vh);
  transform: translateY(-37.5vh);
  -webkit-transition: -webkit-transform 0.6s 0.2s;
  -moz-transition: -moz-transform 0.6s 0.2s;
  transition: transform 0.6s 0.2s;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
  	.no-touch .cd-projects-previews a:hover &::after {
  		@include transform(translateX(-50%) scale(1));
  	}
  */ }
  .cd-projects .cd-project-title2::after {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s; }
  .cd-project-title2 h2 {
    font-size: 3rem;
    line-height: 1.5;
    font-weight: 700;
    font-family: "main-headers", sans-serif;
    color: #ffffff; }
  .cd-project-title2 hr {
    display: block;
    width: 100px;
    height: 5px;
    background-color: #e9b100;
    border: none;
    margin: 1em auto; }
  .cd-project-title2 p {
    font-size: 1.8rem;
    font-family: "paragraph-text", serif;
    color: #ffffff;
    line-height: 1.2;
    padding: .4em 2em; }
  @media only screen and (min-width: 1024px) {
    .cd-project-title2 {
      width: 25%;
      top: 50vh;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); } }

.cd-projects-previews li:nth-of-type(2) .cd-project-title,
.cd-projects > li:nth-of-type(2) .cd-project-title {
  -webkit-transform: translateY(25vh);
  -moz-transform: translateY(25vh);
  -ms-transform: translateY(25vh);
  -o-transform: translateY(25vh);
  transform: translateY(25vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(2) .cd-project-title,
    .cd-projects > li:nth-of-type(2) .cd-project-title {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); } }

.cd-projects-previews li:nth-of-type(3) .cd-project-title,
.cd-projects > li:nth-of-type(3) .cd-project-title {
  -webkit-transform: translateY(50vh);
  -moz-transform: translateY(50vh);
  -ms-transform: translateY(50vh);
  -o-transform: translateY(50vh);
  transform: translateY(50vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(3) .cd-project-title,
    .cd-projects > li:nth-of-type(3) .cd-project-title {
      -webkit-transform: translateX(200%);
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -o-transform: translateX(200%);
      transform: translateX(200%); } }

.cd-projects-previews li:nth-of-type(4) a .cd-project-title,
.cd-projects > li:nth-of-type(4) .cd-project-title {
  -webkit-transform: translateY(75vh);
  -moz-transform: translateY(75vh);
  -ms-transform: translateY(75vh);
  -o-transform: translateY(75vh);
  transform: translateY(75vh); }
  @media only screen and (min-width: 1024px) {
    .cd-projects-previews li:nth-of-type(4) a .cd-project-title,
    .cd-projects > li:nth-of-type(4) .cd-project-title {
      -webkit-transform: translateX(300%);
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -o-transform: translateX(300%);
      transform: translateX(300%); } }

li.selected .cd-project-title2,
.cd-projects > li:nth-of-type(2).selected .cd-project-title,
.cd-projects > li:nth-of-type(3).selected .cd-project-title,
.cd-projects > li:nth-of-type(4).selected .cd-project-title {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
  @media only screen and (min-width: 1024px) {
    li.selected .cd-project-title2,
    .cd-projects > li:nth-of-type(2).selected .cd-project-title,
    .cd-projects > li:nth-of-type(3).selected .cd-project-title,
    .cd-projects > li:nth-of-type(4).selected .cd-project-title {
      -webkit-transform: translateX(150%);
      -moz-transform: translateX(150%);
      -ms-transform: translateX(150%);
      -o-transform: translateX(150%);
      transform: translateX(150%); } }

.cd-projects li.selected .cd-project-title::after {
  -webkit-transition: -webkit-transform 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0); }

.touch .cd-projects li.selected .cd-project-title::after {
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s; }

/*
.cd-project-title {
	position: absolute;
	width: 100%;
	top: 50vh;
	left: 0;
	color: $color-6;
	padding: 0 2em;
	@include transform(translateY(100vh*(2/$items - $items/2)/$items));
	@include transition(transform .6s .2s);
	text-align: center;
	@include font-smoothing;

	h2 {
		font-size: 2.75rem;
		line-height: 1.15; 
		font-weight: 700;
		font-family: 'main-headers';
		color: $color-6;
	}
	hr {
		display: inline-block;
		width: 50px;
		height: 5px;
		background-color: $color-2;
		border: none;
		margin: 1em 0;
	}
	p {
		font-size: 1.75rem;
		font-family: $paragraph-text;
		color: $color-6;
		line-height: 1.2;
	}
	
	width: 100%/$items;
	@include transform(translateX(0%));
	 @media (max-width: 1023px) {
		 
		 width: 100%;
		 padding: 12px 0;
		 h2 {
			font-size: 2rem;
			padding-bottom: 5px;
		}
		hr {
			display: none;
		}
		p {
			font-size: .9em;
		}
	 }
}
*/
/* INNER NAV BAR */
.nav-bar {
  display: block;
  width: 100%;
  background-color: #e9b100;
  position: absolute;
  bottom: 0;
  color: black;
  padding: 1.75em 15px; }
  @media (max-width: 900px) {
    .nav-bar {
      padding: 1.75em 15px; } }
  .nav-bar a {
    display: inline-block;
    padding: 0 10px;
    color: #000000;
    font-family: "main-headers", sans-serif;
    font-size: .95em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 100; }
    .nav-bar a:hover {
      color: #ffffff; }
  .nav-bar .backtotop {
    float: left;
    position: absolute;
    left: 1em;
    top: 2em; }
    @media (max-width: 900px) {
      .nav-bar .backtotop {
        position: relative;
        top: auto; } }
  .nav-bar .nav-icons {
    display: inline-block;
    text-align: center;
    width: 150px;
    float: right;
    position: absolute;
    right: 1.5em;
    top: 1.5em; }
    .nav-bar .nav-icons a {
      display: inline-block;
      float: left;
      margin: 0 10px;
      text-indent: -9999px; }
      .nav-bar .nav-icons a.fb-nav {
        background: url("../img/facebook-icon.png") no-repeat;
        background-size: 25px 25px;
        width: 25px;
        height: 25px; }
      .nav-bar .nav-icons a.tw-nav {
        background: url("../img/twitter-icon.png") no-repeat;
        background-size: 25px 25px;
        width: 25px;
        height: 25px; }
      .nav-bar .nav-icons a.em-nav {
        background: url("../img/email-icon.png") no-repeat;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        margin-top: 0px; }

.inner-nav {
  margin: 0px auto;
  width: 70%;
  text-align: center; }
  @media (max-width: 900px) {
    .inner-nav {
      display: none; } }

.nav-bar-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: red; }

.cd-projects-container .scroll {
  bottom: 90px; }

/* INNER PAGE STYLING */
.centerizer {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 1000px;
  position: relative;
  padding: 0 35px 0 20px; }
  @media (max-width: 767px) {
    .centerizer {
      width: 100%;
      display: block; } }

.left-content {
  width: 70%;
  float: left;
  display: inline-block;
  padding-right: 3em; }
  @media (max-width: 900px) {
    .left-content {
      width: 100%;
      display: block;
      padding-right: 0; } }

.right-content {
  width: 30%;
  float: left;
  display: inline-block; }
  @media (max-width: 900px) {
    .right-content {
      width: 100%;
      display: block;
      margin-top: 2em; } }

.cd-project-info {
  border-bottom: 8px solid #e9b100;
  padding: 0 0; }
  .cd-project-info h3 {
    font-family: "main-serif", serif;
    font-weight: 100;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #30333b;
    font-size: 1.35em; }
  .cd-project-info h2 {
    font-size: 5rem;
    font-family: "main-headers", sans-serif;
    color: #30333b; }
  .cd-project-info hr {
    display: inline-block;
    width: 60px;
    height: 5px;
    background-color: #e9b100;
    border: none;
    margin: 1.5em 0 2em; }
  .cd-project-info p {
    width: 100%;
    margin-bottom: 2em;
    line-height: 2;
    font-family: "paragraph-text", serif;
    font-weight: 100;
    color: #070606;
    font-size: 1.15em; }
    .cd-project-info p:last-child {
      margin-bottom: 0; }
  .cd-project-info blockquote {
    border: 7px solid #e9b100;
    padding: 1.5em;
    font-family: 'paragraph-text', serif;
    color: #30333b;
    font-weight: 100;
    font-size: 1.35em;
    font-style: italic;
    line-height: 1.5em; }
  .cd-project-info .caption {
    display: block;
    clear: both;
    font-size: 1em;
    font-style: normal;
    color: #666666;
    font-family: "main-serif", serif;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 24px; }
  .cd-project-info .center-blockquote {
    width: 70%;
    margin: 0px auto;
    margin-bottom: 2em; }
    @media (max-width: 767px) {
      .cd-project-info .center-blockquote {
        width: 100%; } }
  @media (max-width: 767px) {
    .cd-project-info {
      padding: 4em 0; }
      .cd-project-info:last-child {
        padding: 4em 0 0; }
      .cd-project-info h2 {
        font-size: 3rem; }
      .cd-project-info hr {
        display: inline-block;
        width: 60px;
        height: 5px;
        background-color: #e9b100;
        border: none;
        margin: 1.5em 0; }
      .cd-project-info p {
        line-height: 1.5em;
        font-size: 1em; }
      .cd-project-info blockquote {
        border: 5px solid #e9b100;
        font-size: 1.15em; } }

.content-img-full {
  display: block;
  width: 100%;
  margin-bottom: 2em; }

.vert-pad-7 {
  padding: 7em 0; }
  @media (max-width: 767px) {
    .vert-pad-7 {
      padding: 4em 0; } }

/* PETITION STYLING */
.petition {
  background-color: #e9b100;
  border-top: 8px solid #e9b100; }
  .petition--background {
    background-image: url("../img/inner-hero5.jpg");
    background-position: center top;
    background-size: cover; }
  .petition .text-block {
    display: block;
    text-align: center;
    margin: 0px auto;
    width: 60%;
    padding: 5em 0;
    max-width: 850px; }
    .petition .text-block .h1 {
      font-family: 'playfair_displaybold', serif;
      font-size: 3em;
      text-transform: uppercase;
      color: white;
      display: block;
      margin-bottom: .25em; }
    .petition .text-block .h2 {
      display: block;
      font-family: "main-headers", sans-serif;
      font-size: 1.20em;
      margin-bottom: 1em;
      color: #ffffff; }
    .petition .text-block .h3 {
      display: block;
      font-family: "main-headers", sans-serif;
      font-size: 1em;
      margin-top: 2.5em;
      color: #e9b100; }
    .petition .text-block .outline-btn {
      border: 3px solid #ffffff;
      padding: 1em 2em;
      color: #ffffff;
      font-family: "main-headers", sans-serif;
      font-size: 1em;
      border-radius: 0;
      text-transform: uppercase;
      display: inline-block; }
      .petition .text-block .outline-btn:hover {
        background-color: #e9b100; }
    @media (max-width: 767px) {
      .petition .text-block {
        padding: 3em 20px;
        width: 100%; }
        .petition .text-block .h1 {
          font-size: 2.5em; }
        .petition .text-block .h2 {
          font-size: 1em;
          margin-bottom: 1.5em; } }

/* SHARING ICONS */
.icon-links {
  display: block;
  text-align: center;
  width: 25px;
  position: absolute;
  right: 81px;
  top: 90px;
  z-index: 4; }
  .icon-links .h3 {
    float: left; }
  .icon-links a {
    display: block;
    float: left;
    margin: 10px 0;
    text-indent: -9999px; }
    .icon-links a.fb-icon {
      background: url("../img/facebook.svg") no-repeat;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
      .icon-links a.fb-icon:hover {
        background: url("../img/facebook-black.svg") no-repeat 5px 0; }
    .icon-links a.tw-icon {
      background: url("../img/twitter.svg") no-repeat;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
      .icon-links a.tw-icon:hover {
        background: url("../img/twitter-black.svg") no-repeat 0 2px; }
    .icon-links a.resources {
      text-indent: 0px;
      background: url("../img/gear-yellow.svg") no-repeat;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
      .icon-links a.resources:hover {
        background: url("../img/gear-black.svg") no-repeat 0 2px; }
      .icon-links a.resources span {
        position: absolute;
        color: #ffffff;
        font-size: 11px;
        text-transform: uppercase;
        padding: 10px;
        font-weight: 100;
        opacity: 0;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        right: 20px;
        background-color: #000000;
        white-space: nowrap; }
      .icon-links a.resources:hover span {
        opacity: 1;
        right: 40px;
        text-decoration: none;
        color: #ffffff; }
    .icon-links a.em-icon {
      background: url("../img/email.svg") no-repeat;
      background-size: 18px 18px;
      width: 18px;
      height: 18px; }
      .icon-links a.em-icon:hover {
        background: url("../img/email-black.svg") no-repeat; }

.cd-primary-nav {
  background-color: #2b2b2b;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .cd-primary-nav .centerizer {
    padding: 5em 3em 0; }
    @media (max-width: 900px) {
      .cd-primary-nav .centerizer {
        padding: 5em 2em 0; } }
    @media (max-width: 550px) {
      .cd-primary-nav .centerizer {
        padding: 15px; } }
  .cd-primary-nav .sub-title {
    text-transform: uppercase;
    font-size: .9em;
    font-family: "main-headers", sans-serif;
    display: block;
    margin-bottom: 8px;
    color: #e9b100; }
  .cd-primary-nav h2 {
    font-size: 3rem;
    line-height: 1.15;
    font-weight: 700;
    font-family: 'main-headers';
    color: #ffffff;
    margin-bottom: 20px; }
  .cd-primary-nav hr {
    display: inline-block;
    width: 50px;
    height: 5px;
    background-color: #e9b100;
    border: none;
    margin: 1em 0; }
  .cd-primary-nav p {
    font-size: 1.5rem;
    font-family: "paragraph-text", serif;
    color: #ffffff;
    line-height: 1.5;
    margin-bottom: 20px; }
  .cd-primary-nav .outline-btn {
    border: 3px solid #ffffff;
    padding: 1em 2em;
    color: #ffffff;
    font-family: "main-headers", sans-serif;
    font-size: 1em;
    border-radius: 0;
    text-transform: uppercase; }
    .cd-primary-nav .outline-btn:hover {
      background-color: #e9b100; }
  @media (max-width: 550px) {
    .cd-primary-nav {
      padding: 2em 1em 0; }
      .cd-primary-nav h2 {
        font-size: 2rem; }
      .cd-primary-nav .outline-btn {
        padding: 1em 1em;
        font-size: .85em; } }

/* GENERAL STYLING */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

*:first-child + html .clearfix {
  zoom: 1; }

/* CLEARFIX IE7 */
.hidden {
  display: none; }

.secondary-nav {
  position: absolute;
  z-index: 4;
  right: 77px;
  width: auto;
  top: 205px;
  list-style: none;
  visibility: hidden; }
  .secondary-nav.active {
    visibility: visible; }
  .secondary-nav li {
    display: block;
    margin-bottom: 10px; }
    .secondary-nav li a {
      color: fuchsia; }
      .secondary-nav li a:hover {
        color: #e9b100; }

.secondary-nav li a {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 2px; }
  .secondary-nav li a span {
    position: absolute;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 100;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    right: 20px;
    background-color: #000000;
    white-space: nowrap; }
  .secondary-nav li a:hover span {
    opacity: 1;
    right: 40px;
    text-decoration: none;
    color: #ffffff; }
  .secondary-nav li a:before {
    content: " ";
    position: absolute;
    -moz-transition: all 0.6s ease;
    background: url(../img/sprite_ui.png) no-repeat;
    display: block;
    text-indent: -9999em;
    background-position: -10px -470px;
    width: 20px;
    height: 27px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .secondary-nav li a:before {
        background-image: url(../img/sprite_ui_2x.png) !important;
        -webkit-background-size: 1000px 1000px;
        background-size: 1000px 1000px; } }
  .secondary-nav li a:hover:before {
    background-position: -10px -492px; }

.square-btn {
  z-index: 4;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1em;
  color: #ffffff;
  font-family: "main-headers", sans-serif;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  border: 3px solid #fff;
  padding: 10px 15px;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s; }
  .square-btn:hover {
    border: 3px solid #e9b100;
    background-color: #e9b100; }

.donate-btn {
  top: 25px;
  right: 160px;
  position: absolute; }
  @media (max-width: 900px) {
    .donate-btn {
      right: 160px; } }

.petition-btn {
  margin: 1em auto; }

a.h2 {
  display: block;
  font-family: "main-headers", sans-serif;
  font-size: 1.20em;
  color: #000000;
  border-bottom: 1px solid #000000;
  padding-bottom: 1px;
  display: inline-block; }
  a.h2:hover {
    color: #e9b10; }