/* line 1, ../sass/case-study.scss */
.nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7, ../sass/case-study.scss */
.cs-gallery .image {
  margin: 20px 0 0 0;
}
/* line 9, ../sass/case-study.scss */
.cs-gallery .image.first {
  margin: 0;
}

/* line 14, ../sass/case-study.scss */
.cs-related h4 {
  font-family: 'Proxima N W01 Reg';
  font-size: 2em;
  line-height: 140%;
  margin: 20px 4%;
  text-transform: uppercase;
  color: #fff;
}
/* line 21, ../sass/case-study.scss */
.cs-related h4 span {
  font-family: "Proxima N W15 Smbd";
}

/* line 26, ../sass/case-study.scss */
.csblock {
  width: 100%;
  height: 238px;
  display: block;
  overflow: hidden;
}
/* line 31, ../sass/case-study.scss */
.csblock img {
  display: block;
  height: 100%;
  width: auto;
}

/* line 38, ../sass/case-study.scss */
#csi-inner {
  padding: 50px 6%;
  height: 92%;
}
/* line 41, ../sass/case-study.scss */
#csi-inner article {
  margin-bottom: 40px;
}
/* line 43, ../sass/case-study.scss */
#csi-inner article h1 {
  font-family: 'Proxima N W15 Smbd';
  font-size: 1.5em;
  color: #fff;
  line-height: 86%;
  margin-bottom: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/* line 51, ../sass/case-study.scss */
#csi-inner article h1 span {
  color: #999;
  display: block;
  font-family: 'Proxima N W15 Light';
  font-size: 0.5em;
}
/* line 58, ../sass/case-study.scss */
#csi-inner article .articlebody {
  line-height: 125%;
  color: #777;
  font-family: "Proxima N W01 Reg";
}
/* line 64, ../sass/case-study.scss */
#csi-inner h2 {
  font-size: 5em;
  font-family: 'Proxima N W01 Reg';
  line-height: 100%;
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: none;
  font-family: "Proxima N W15 Smbd";
}
/* line 73, ../sass/case-study.scss */
#csi-inner h2 span {
  color: #fff;
  font-family: "Proxima N W15 Smbd";
}
/* line 78, ../sass/case-study.scss */
#csi-inner .article-head {
  margin-bottom: 60px;
}
/* line 81, ../sass/case-study.scss */
#csi-inner a {
  text-decoration: none;
  color: #fff;
}
/* line 84, ../sass/case-study.scss */
#csi-inner a:hover {
  color: #ffff26;
}
/* line 88, ../sass/case-study.scss */
#csi-inner .fa {
  float: left;
  margin-right: 10px;
}
/* line 92, ../sass/case-study.scss */
#csi-inner .right {
  font-size: 1em;
}
/* line 94, ../sass/case-study.scss */
#csi-inner .right ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-transform: uppercase;
  color: #aaa;
  font-size: 1em;
}
/* line 101, ../sass/case-study.scss */
#csi-inner .right ul a {
  color: #aaa;
}
/* line 103, ../sass/case-study.scss */
#csi-inner .right ul a:hover {
  color: #ffff26;
}
/* line 108, ../sass/case-study.scss */
#csi-inner .right li {
  margin-bottom: 5px;
}
/* line 112, ../sass/case-study.scss */
#csi-inner .cs-side-section {
  margin-bottom: 55px;
}
/* line 114, ../sass/case-study.scss */
#csi-inner .cs-side-section h3 {
  margin-top: 0px;
  font-size: 1em;
  text-transform: none;
  color: #fff;
  margin-bottom: 30px;
}

/* line 124, ../sass/case-study.scss */
.close-cs {
  background: url(../images/close-cs-cross.png) no-repeat 0 0;
  display: block;
  width: 40px;
  height: 40px;
}
/* line 129, ../sass/case-study.scss */
.close-cs:hover {
  background-position: -40px 0;
}

/* line 134, ../sass/case-study.scss */
#close-info {
  position: fixed;
  left: 50%;
  bottom: 4%;
  margin-left: -58px;
}

/* line 141, ../sass/case-study.scss */
#csi-inner .articlebody h3 {
  font-family: 'Proxima N W15 Bold';
  font-size: 1.4em;
  line-height: 100%;
  margin-bottom: 40px;
  text-transform: none;
  color: #999;
}

/* line 150, ../sass/case-study.scss */
.ab-left {
  color: #fff;
  font-size: 2.4em;
  font-family: 'Proxima N W01 Reg';
  line-height: 150%;
  margin-bottom: 20px;
}

/* line 158, ../sass/case-study.scss */
.ab-right {
  color: #ededed;
  font-size: 1.5em;
  font-family: 'Proxima N W01 Reg';
  line-height: 150%;
}

/* line 166, ../sass/case-study.scss */
.hero-video .inner {
  background: #333;
}
/* line 169, ../sass/case-study.scss */
.hero-video .video-container {
  max-width: 960px;
  margin: 0 auto;
}
/* line 173, ../sass/case-study.scss */
.hero-video iframe {
  max-height: 540px;
}

/* line 178, ../sass/case-study.scss */
.video-nav h2.work-type {
  color: #fff;
}

/* line 182, ../sass/case-study.scss */
.vid-icon {
  background: url(../images/vid-icon.png) no-repeat;
  display: block;
  width: 54px;
  height: 55px;
  position: absolute;
  z-index: 98;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

/* line 194, ../sass/case-study.scss */
.csblock {
  position: relative;
}

/* line 198, ../sass/case-study.scss */
li.hero-image {
  position: relative;
  min-height: 238px;
  margin-bottom: 20px;
  background: none !important;
}
/* line 203, ../sass/case-study.scss */
li.hero-image .image-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 212, ../sass/case-study.scss */
.has-videos li#c-hero {
  position: fixed;
}

/* line 217, ../sass/case-study.scss */
.curtain.cs-gallery, .curtain.cs-related {
  min-height: 0 !important;
}

/* line 221, ../sass/case-study.scss */
.curtains {
  display: none;
}

@media screen and (max-width: 767px) {
  /* line 227, ../sass/case-study.scss */
  .ab-left {
    font-size: 2em;
  }

  /* line 230, ../sass/case-study.scss */
  #csi-inner {
    padding-bottom: 20px;
  }
  /* line 232, ../sass/case-study.scss */
  #csi-inner .article-head {
    margin-bottom: 30px;
  }
  /* line 235, ../sass/case-study.scss */
  #csi-inner h2 {
    font-size: 3em;
    line-height: 86%;
  }
  /* line 239, ../sass/case-study.scss */
  #csi-inner .left {
    margin-bottom: 30px;
  }
  /* line 242, ../sass/case-study.scss */
  #csi-inner .right {
    width: 100%;
  }
  /* line 244, ../sass/case-study.scss */
  #csi-inner .right h3 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  /* line 249, ../sass/case-study.scss */
  #csi-inner .cs-side-section {
    margin-bottom: 30px;
    font-size: 1.2em;
  }
}
@media screen and (min-width: 768px) {
  /* line 257, ../sass/case-study.scss */
  .csblock {
    float: left;
  }
  /* line 259, ../sass/case-study.scss */
  .csblock.style-1 {
    width: 50%;
    height: 285px;
  }
  /* line 263, ../sass/case-study.scss */
  .csblock.style-2 {
    width: 25%;
    height: 143px;
  }

  /* line 268, ../sass/case-study.scss */
  .close-cs {
    position: absolute;
    right: 6%;
    left: auto;
    top: 25px;
  }

  /* line 274, ../sass/case-study.scss */
  #cs-sidebar {
    width: 165px;
    float: left;
  }

  /* line 278, ../sass/case-study.scss */
  li.hero-image {
    min-height: 1024px;
  }
  /* line 280, ../sass/case-study.scss */
  li.hero-image .black-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    background: #111 url(../images/hero-down-arrow.png) no-repeat 0 40px;
    display: block;
    width: 150px;
    height: 155px;
    padding: 0;
  }
  /* line 290, ../sass/case-study.scss */
  li.hero-image .black-down:hover {
    background-position: -150px 40px;
  }

  /* line 295, ../sass/case-study.scss */
  #csi-inner {
    padding-top: 80px;
  }
  /* line 297, ../sass/case-study.scss */
  #csi-inner .left {
    margin-bottom: 30px;
  }
  /* line 300, ../sass/case-study.scss */
  #csi-inner .right {
    width: 100%;
  }
  /* line 303, ../sass/case-study.scss */
  #csi-inner .cs-side-section {
    float: left;
    margin-right: 60px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 311, ../sass/case-study.scss */
  #csi-inner {
    padding: 80px 15% 50px 20%;
  }

  /* line 314, ../sass/case-study.scss */
  .hero-video .video-container {
    margin: 150px auto;
  }

  /* line 317, ../sass/case-study.scss */
  li.hero-image {
    min-height: 768px;
  }

  /* line 320, ../sass/case-study.scss */
  .close-cs {
    position: fixed;
    z-index: 999;
  }
}
@media screen and (min-width: 1280px) {
  /* line 327, ../sass/case-study.scss */
  .case-study .curtain .inner {
    width: 80%;
    max-width: 1400px;
  }

  /* line 332, ../sass/case-study.scss */
  .cs-related .inner {
    height: 1042px;
  }
  /* line 334, ../sass/case-study.scss */
  .cs-related .inner .related-projects-title {
    width: 80%;
    margin: 0 auto;
  }
  /* line 339, ../sass/case-study.scss */
  .cs-related h4 {
    margin: 140px 0 80px 100px;
    font-size: 6.429em;
    line-height: 100%;
    margin-bottom: 75px;
  }

  /* line 346, ../sass/case-study.scss */
  .csblock {
    float: left;
  }
  /* line 348, ../sass/case-study.scss */
  .csblock.style-1 {
    width: 50%;
    height: 476px;
  }
  /* line 352, ../sass/case-study.scss */
  .csblock.style-2 {
    width: 25%;
    height: 238px;
  }

  /* line 357, ../sass/case-study.scss */
  #cs-info {
    min-height: 100%;
    width: 80%;
    margin: 0 auto;
  }

  /* line 362, ../sass/case-study.scss */
  #csi-inner {
    width: 970px;
    margin: 0 auto;
    padding: 100px 30px 60px 110px;
    position: relative;
  }

  /* line 368, ../sass/case-study.scss */
  #cs-sidebar {
    float: right;
  }
  /* line 370, ../sass/case-study.scss */
  #cs-sidebar h2 {
    margin-bottom: 35px;
  }

  /* line 374, ../sass/case-study.scss */
  .cs-related .inner {
    min-height: 914px;
  }

  /* line 377, ../sass/case-study.scss */
  .hero-video .inner {
    position: relative;
  }
  /* line 379, ../sass/case-study.scss */
  .hero-video .inner .next-curtain {
    width: 84px;
    height: 44px;
    position: absolute;
    top: 760px;
    left: 50%;
    margin-left: -42px;
    padding: 0;
  }

  /* line 389, ../sass/case-study.scss */
  li.hero-image {
    min-height: 0;
  }

  /* line 393, ../sass/case-study.scss */
  .case-study footer, .case-study #baseline {
    visibility: hidden;
  }

  /* line 397, ../sass/case-study.scss */
  #csi-inner {
    color: #fff;
    width: auto;
  }
  /* line 400, ../sass/case-study.scss */
  #csi-inner .left {
    width: 68%;
    float: left;
    margin-right: 40px;
  }
  /* line 405, ../sass/case-study.scss */
  #csi-inner .right {
    width: 25%;
    float: left;
    padding-top: 175px;
  }

  /* line 411, ../sass/case-study.scss */
  .ab-left {
    line-height: 130%;
  }

  /* line 414, ../sass/case-study.scss */
  .ab-right {
    line-height: 140%;
  }
  /* line 416, ../sass/case-study.scss */
  .ab-right p {
    margin-bottom: 15px;
  }

  /* line 420, ../sass/case-study.scss */
  .social-links a {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1750px) {
  /* line 426, ../sass/case-study.scss */
  .close-cs {
    position: fixed;
    top: 40px;
    left: 50%;
    right: auto;
    margin-left: 720px;
    z-index: 999;
  }
}
/* line 436, ../sass/case-study.scss */
.video-wrapper {
  background-color: #333;
  position: relative;
  padding-bottom: 150px;
  padding-top: 150px;
  margin: 15px 0;
  min-height: 540px;
  overflow: hidden;
}
/* line 445, ../sass/case-study.scss */
.video-wrapper.first {
  margin-top: 0px;
}
/* line 449, ../sass/case-study.scss */
.video-wrapper iframe {
  width: 960px;
  margin: 0 auto;
  display: block;
  max-height: 540px;
  position: relative;
}

@media screen and (max-width: 960px) {
  /* line 460, ../sass/case-study.scss */
  .video-wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
    min-height: 369px;
  }
  /* line 465, ../sass/case-study.scss */
  .video-wrapper iframe {
    width: 640px;
    max-height: 369px;
  }
}
@media screen and (max-width: 640px) {
  /* line 474, ../sass/case-study.scss */
  .video-wrapper {
    padding-bottom: 30px;
    padding-top: 30px;
    min-height: 220px;
  }
  /* line 479, ../sass/case-study.scss */
  .video-wrapper iframe {
    width: 400px;
    max-height: 220px;
  }
}