@font-face {
  font-family: brandonLight;
  src: url("../fonts/BrandonText-Light.otf"); }
@font-face {
  font-family: brandonRegular;
  src: url("../fonts/BrandonText-Regular.otf"); }
@font-face {
  font-family: kulturistaLight;
  src: url("../fonts/kulturista_light-webfont.woff"); }
@font-face {
  font-family: kulturistaLightRegular;
  src: url("../_fonts/kulturista_light-webfont.eot");
  src: url("../_fonts/kulturista_light-webfont.eot?#iefix") format("embedded-opentype");
  src: url("../_fonts/kulturista_light-webfont.woff") format("woff");
  src: url("../_fonts/kulturista_light-webfont.ttf") format("truetype"); }
@font-face {
  font-family: kulturistaBold;
  src: url("../fonts/kulturista_bold-webfont.woff"); }
html {
  font-family: brandonRegular, sans-serif;
  font-size: 14px; }
  @media (min-width: 768px) {
    html {
      font-size: 16px; } }

h1 {
  font-family: kulturistaBold;
  font-size: 2rem;
  color: #a4a1a1; }
  h1 span {
    font-family: kulturistaLight; }

.row {
  margin-bottom: 0; }

header {
  position: relative;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #706e6e;
  /* .headline-container */
  /* .overlay */ }
  @media (min-width: 1024px) {
    header {
      height: 900px; } }
  header .logo {
    display: block;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 50; }
  header .site-logo-hi {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 170px;
    height: 98px;
    z-index: 2001;
    background: url("../images/site-logo-hi.png") no-repeat;
    background-size: 100%;
    transition: all 0.2s ease-in-out; }
    header .site-logo-hi:hover {
      background-position-y: -98px; }
  header .navigation {
    display: none;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 150; }
    @media (min-width: 768px) {
      header .navigation {
        display: block; } }
    header .navigation a {
      float: right;
      display: inline-block;
      padding: 0 8px;
      background-color: #000;
      font-family: kulturistaLight, serif;
      font-size: 26px;
      line-height: 48px;
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 768px) {
        header .navigation a {
          font-size: 36px;
          line-height: 42px; } }
      header .navigation a:hover {
        text-decoration: line-through; }
  header .navigation-overlay {
    position: relative;
    display: none;
    width: 100%;
    height: 500px;
    background-color: black;
    z-index: 100; }
  header .hamburger {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 50;
    width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff;
    text-align: center;
    cursor: pointer; }
    @media (min-width: 768px) {
      header .hamburger {
        display: none; } }
    header .hamburger .line-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70%; }
      header .hamburger .line-container .line {
        position: relative;
        height: 2px;
        margin: 6px auto;
        background: #fff; }
  header .close-mobile {
    display: none;
    position: absolute;
    top: 40px;
    left: 40px;
    font-family: kulturistaLight, serif;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 150; }
  header .headline-container {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
    z-index: 50;
    /* .headline */ }
    @media (min-width: 1024px) {
      header .headline-container {
        left: 160px; } }
    header .headline-container .headline {
      font-family: brandonLight, sans-serif;
      font-size: 40px;
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 768px) {
        header .headline-container .headline {
          font-size: 68px; } }
      header .headline-container .headline p {
        margin: 0;
        line-height: 46px; }
        @media (min-width: 768px) {
          header .headline-container .headline p {
            line-height: 67px; } }
  header .overlay {
    position: absolute;
    width: 100%;
    padding: 50px 50px 0 50px;
    height: 100%;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10; }

/* .header */
.case-study.gallery {
  margin-top: 85px;
  overflow: hidden;
  /* gallery */ }
  .case-study.gallery .title {
    float: none; }
  .case-study.gallery .gallery {
    position: relative;
    margin-top: 30px;
    /* images-container */ }
    .case-study.gallery .gallery .images-container {
      text-align: center; }
      .case-study.gallery .gallery .images-container .image-container {
        display: inline-block;
        width: 80%;
        outline: none;
        text-align: center; }
        @media (min-width: 768px) {
          .case-study.gallery .gallery .images-container .image-container {
            width: 24%; } }
        .case-study.gallery .gallery .images-container .image-container img {
          max-width: 100%; }
    .case-study.gallery .gallery .pager {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      padding: 8px 12px;
      border: none;
      background-color: #03b1cd;
      font-size: 20px;
      color: #fff; }
      .case-study.gallery .gallery .pager.prev {
        left: 0; }
      .case-study.gallery .gallery .pager.next {
        right: 0; }

.project-pager {
  margin-top: 115px; }
  .project-pager:after {
    content: "";
    display: table;
    clear: both; }
  .project-pager .project {
    position: relative;
    display: block;
    height: 260px;
    background-size: cover; }
    @media (min-width: 600px) {
      .project-pager .project {
        float: left;
        width: 50%; } }
    .project-pager .project .label {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 6px 12px 4px 12px;
      background-color: #000;
      font-family: kulturistaBold, serif;
      font-size: 21px;
      font-weight: bold;
      letter-spacing: 1px;
      white-space: nowrap;
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 1024px) {
        .project-pager .project .label {
          font-size: 22px; } }
      .project-pager .project .label:hover {
        color: #ed1f79; }

footer {
  width: 100%;
  padding: 4.625rem 10.94%;
  background-color: #000;
  color: #fff; }
  @media (min-width: 768px) {
    footer {
      padding: 4.625rem 40px; } }
  footer .footer-row .footer-table {
    display: block;
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      footer .footer-row .footer-table {
        display: table;
        text-align: left; } }
    footer .footer-row .footer-table .cell {
      display: block;
      vertical-align: middle; }
      @media (min-width: 768px) {
        footer .footer-row .footer-table .cell {
          display: table-cell; } }
    footer .footer-row .footer-table .info {
      padding-top: 2rem;
      text-align: center;
      text-transform: uppercase;
      font-size: 18px; }
      @media (min-width: 768px) {
        footer .footer-row .footer-table .info {
          padding-top: 0; } }
      footer .footer-row .footer-table .info a {
        display: inline-block;
        margin-top: 20px;
        padding: 6px 18px;
        border: 1px solid #fff;
        font-family: kulturistaLight, serif;
        font-size: 18px;
        color: #fff; }
        @media (min-width: 768px) {
          footer .footer-row .footer-table .info a {
            margin-top: 0;
            margin-left: 20px; } }
        @media (min-width: 1024px) {
          footer .footer-row .footer-table .info a {
            margin-top: 0; } }
        footer .footer-row .footer-table .info a:hover {
          color: #ed1f79; }
      footer .footer-row .footer-table .info span {
        display: block; }
        @media (min-width: 768px) {
          footer .footer-row .footer-table .info span {
            display: none; } }
        @media (min-width: 1024px) {
          footer .footer-row .footer-table .info span {
            display: inline-block; } }
    footer .footer-row .footer-table .social {
      padding-top: 4rem; }
      @media (min-width: 768px) {
        footer .footer-row .footer-table .social {
          padding-top: 0;
          text-align: right; } }
      footer .footer-row .footer-table .social a {
        display: inline-block;
        vertical-align: middle;
        padding: 0 2%; }
        footer .footer-row .footer-table .social a.first {
          padding-left: 0; }
        footer .footer-row .footer-table .social a.last {
          padding-right: 0; }
        footer .footer-row .footer-table .social a img {
          max-height: 24px; }
  footer .partner {
    width: 100%;
    padding-top: 1rem;
    font-family: kulturistaLight, serif;
    font-size: .875rem;
    font-style: italic;
    text-align: center;
    color: #888787; }
    @media (min-width: 768px) {
      footer .partner {
        float: right;
        text-align: right; } }

body {
  color: #272727; }

img {
  max-width: 100%;
  height: auto; }

.inner-wrapper {
  width: 90%;
  margin: 0 auto; }
  @media (min-width: 450px) {
    .inner-wrapper {
      width: 400px; } }
  @media (min-width: 768px) {
    .inner-wrapper {
      width: 718px; } }
  @media (min-width: 1200px) {
    .inner-wrapper {
      width: 1150px; } }
  @media (min-width: 1320px) {
    .inner-wrapper {
      width: 1200px; } }

.innermost-wrapper {
  width: 180px;
  margin: 0 auto; }
  @media (min-width: 450px) {
    .innermost-wrapper {
      width: 300px; } }
  @media (min-width: 768px) {
    .innermost-wrapper {
      width: 518px; } }
  @media (min-width: 1200px) {
    .innermost-wrapper {
      width: 940px; } }
  @media (min-width: 1320px) {
    .innermost-wrapper {
      width: 1000px; } }

.section-title {
  margin-bottom: 6px;
  font-family: kulturistaBold, serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: #03b1cd; }
  @media (min-width: 1024px) {
    .section-title {
      margin-left: 50px; } }

.intro {
  margin-top: 60px; }
  .intro:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .intro {
      margin-top: 155px; } }
  .intro .title {
    margin: 0;
    text-transform: uppercase;
    color: #03b1cd; }
    .intro .title .section-title {
      margin-top: 0;
      text-transform: none; }
  .intro .summary {
    margin-top: 0; }
    @media (min-width: 1024px) {
      .intro .summary {
        float: left;
        width: 80%;
        padding: 0 60px; } }
    .intro .summary p {
      margin-top: 0; }
  .intro .scope {
    margin-top: 40px; }
    @media (min-width: 1024px) {
      .intro .scope {
        float: right;
        width: 19%;
        margin-top: 0;
        padding-left: 20px;
        border-left: 1px solid #272727; } }
    .intro .scope .scope-title {
      font-family: kulturistaBold, serif;
      color: #ed1f79; }
    .intro .scope li {
      padding-bottom: 6px; }

/* .intro */
.main-image {
  margin-top: 60px; }
  .main-image:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .main-image {
      margin-top: 112px; } }
  .main-image img {
    margin-top: -6px; }
    .main-image img[alt*="anim"] {
      float: left; }
      @media (min-width: 768px) {
        .main-image img[alt*="anim"] {
          width: 240px; } }
      @media (min-width: 1200px) {
        .main-image img[alt*="anim"] {
          width: 385px; } }
      @media (min-width: 1320px) {
        .main-image img[alt*="anim"] {
          width: 402px; } }
    .main-image img[alt*="anim-sibling"] {
      float: left; }
      @media (min-width: 768px) {
        .main-image img[alt*="anim-sibling"] {
          width: 478px; } }
      @media (min-width: 1200px) {
        .main-image img[alt*="anim-sibling"] {
          width: 765px; } }
      @media (min-width: 1320px) {
        .main-image img[alt*="anim-sibling"] {
          width: 798px; } }

.testimonial {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media (min-width: 1024px) {
    .testimonial {
      margin-top: 112px;
      margin-bottom: 162px; } }
  .testimonial .testimonial-wrapper {
    width: 80%;
    margin: 0 auto;
    color: #848484; }
    .testimonial .testimonial-wrapper .quote {
      font-family: kulturistaLight, serif;
      font-size: 20px; }
      @media (min-width: 1024px) {
        .testimonial .testimonial-wrapper .quote {
          font-size: 33px;
          line-height: 44px; } }
    .testimonial .testimonial-wrapper .quoter-container {
      margin-top: 40px; }
    .testimonial .testimonial-wrapper .quoter {
      font-family: kulturistaBold, serif;
      font-size: 15px; }
    .testimonial .testimonial-wrapper .quoter-title {
      font-family: kulturistaLight, serif;
      font-size: 15px; }

/* .testimonial */
.gallery {
  margin-top: 100px; }
  @media (min-width: 1024px) {
    .gallery {
      margin-top: 190px; } }
  .gallery .gallery-title-border {
    display: inline-block;
    margin-left: 65px;
    /* border-top: 2px solid $brandPink; */
    font-family: kulturistaBold, serif;
    font-size: 2rem; }
  @media (min-width: 1024px) {
    .gallery .images {
      margin-top: 50px; } }

/* .gallery */
.case-study {
  /* .stats */ }
  .case-study:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .case-study {
      margin-top: 200px; } }
  .case-study .row:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .case-study .title {
      float: left;
      width: 25%; } }
  @media (min-width: 1024px) {
    .case-study .summary {
      float: right;
      width: 65%; } }
  .case-study .stats {
    /* .stat-wrapper */ }
    .case-study .stats:after {
      content: "";
      display: table;
      clear: both; }
    .case-study .stats.rows {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        .case-study .stats.rows {
          float: right;
          width: 65%; } }
    .case-study .stats.angled {
      width: 90%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .case-study .stats.angled {
          float: right; } }
      @media (min-width: 1200px) {
        .case-study .stats.angled {
          position: absolute;
          float: none;
          bottom: -100px;
          right: 100px;
          width: auto;
          margin: 0; } }
    .case-study .stats.minimal {
      margin-top: 50px; }
    @media (min-width: 768px) {
      .case-study .stats .stat-wrapper {
        float: left;
        width: 30%;
        margin-right: 3%;
        text-align: center; } }
    .case-study .stats .stat-wrapper .stat .stat-amount {
      font-family: brandonRegular, sans-serif;
      font-size: 61px;
      text-align: left;
      color: #ed1f79; }
      @media (min-width: 1200px) {
        .case-study .stats .stat-wrapper .stat .stat-amount {
          font-size: 91px; } }
    .case-study .stats .stat-wrapper .stat .stat-description {
      text-align: left;
      color: #272727; }
  .case-study .main-image {
    position: relative;
    margin-top: 100px; }
    .case-study .main-image.angled {
      margin-bottom: 100px; }
    .case-study .main-image.minimal {
      margin-top: 50px; }
    .case-study .main-image.image {
      max-width: 80%;
      margin-top: 50px; }
    .case-study .main-image .title {
      position: absolute;
      top: -40px;
      left: 20px;
      width: auto; }
      @media (min-width: 1320px) {
        .case-study .main-image .title {
          top: 45px;
          left: 150px; } }
  .case-study.minimal {
    margin-top: 100px; }
    .case-study.minimal .title {
      float: none;
      width: auto; }
  .case-study.image {
    margin-top: 150px; }
    .case-study.image .title {
      float: none;
      width: auto; }

/* .case-study */
.other-projects {
  position: relative;
  height: 400px;
  margin-top: 320px;
  background-color: #dedcdc;
  /* .project */ }
  .other-projects:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .other-projects {
      height: 225px; } }
  .other-projects .other-projects-wrapper {
    position: absolute;
    width: 90%;
    top: -200px;
    left: 50%;
    transform: translate(-50%, 0); }
    @media (min-width: 1200px) {
      .other-projects .other-projects-wrapper {
        width: 1068px; } }
  .other-projects .project {
    display: block;
    height: 220px;
    margin-bottom: 50px;
    background-size: cover; }
    @media (min-width: 768px) {
      .other-projects .project {
        width: 49%;
        height: auto;
        margin-bottom: 0; } }
    @media (min-width: 768px) {
      .other-projects .project:nth-child(1) {
        float: left; } }
    @media (min-width: 768px) {
      .other-projects .project:nth-child(2) {
        float: right; } }
    .other-projects .project .title-container {
      padding: 150px 0 25px 25px; }
      @media (min-width: 768px) {
        .other-projects .project .title-container {
          margin: 275px 0 45px 45px;
          padding: 0; } }
      .other-projects .project .title-container i {
        font-size: 18px;
        color: #03b1cd; }
        @media (min-width: 1024px) {
          .other-projects .project .title-container i {
            font-size: 22px; } }
      .other-projects .project .title-container span {
        font-family: kulturistaBold, serif;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff; }
        @media (min-width: 1024px) {
          .other-projects .project .title-container span {
            font-size: 22px; } }

/* .other-projects */
.no-other-projects {
  height: 100px; }
  @media (min-width: 768px) {
    .no-other-projects {
      height: 200px; } }

/*# sourceMappingURL=multimedia.css.map */