input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

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

html,
body {
  width: 100%;
  height: 100%;
  font-family: din-2014, sans-serif;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  border: 0;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

.start__slider__wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.start__slider {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.start__slider__slide {
  width: 100vw;
  height: 100vh;
  position: relative;
  padding: calc(2.5925925926vw + 1 * 9.1111111111px);
  pointer-events: none;
}
@media (min-width: 960px) {
  .start__slider__slide {
    padding: 34px;
  }
}
.start__slider__slide img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.start__slider__slide--inner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
  pointer-events: none;
}

.logo__centered {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 520px) {
  .logo__centered {
    top: 45%;
  }
}

.logo__centered--typo {
  width: 70% !important;
  max-width: 850px !important;
  height: auto !important;
  display: block;
  margin: calc(5.5555555556vw + 1 * -3.3333333333px) auto;
}
@media (min-width: 960px) {
  .logo__centered--typo {
    margin: 50px auto;
  }
}
@media (max-width: 520px) {
  .logo__centered--typo {
    height: 33px !important;
    width: 262px !important;
  }
}

.logo__centered--icon {
  width: 30% !important;
  max-width: 220px !important;
  height: auto !important;
  display: block;
  margin: calc(5.5555555556vw + 1 * -3.3333333333px) auto;
}
@media (min-width: 960px) {
  .logo__centered--icon {
    margin: 50px auto;
  }
}
@media (max-width: 520px) {
  .logo__centered--icon {
    height: 114px !important;
    width: 114px !important;
  }
}

* {
  margin: 0;
  padding: 0;
}

header {
  position: fixed;
  background-color: rgba(255, 249, 77, 0.95);
  height: calc(3.7037037037vw + 1 * 34.4444444444px);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9996;
  padding: 0 calc(2.5925925926vw + 1 * 9.1111111111px);
  transform: translate3d(0, -100%, 0);
  transition: transform 250ms ease-out;
}
@media (min-width: 960px) {
  header {
    padding: 0 34px;
    height: 70px;
  }
}
header.fixed, header.header__work {
  transform: translate3d(0, 0, 0);
}
header.nav-up {
  transform: translate3d(0, -100%, 0);
}
body:not(.home) header {
  transform: translate3d(0, 0, 0) !important;
}

.header__logo {
  width: calc(2.5925925926vw + 1 * 29.1111111111px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  line-height: 0;
}
@media (min-width: 960px) {
  .header__logo {
    width: 54px;
  }
}
.header__logo svg {
  width: calc(2.5925925926vw + 1 * 29.1111111111px);
  height: calc(2.5925925926vw + 1 * 29.1111111111px);
}
@media (min-width: 960px) {
  .header__logo svg {
    width: 54px;
    height: 54px;
  }
}

.header__work--next {
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%);
  top: 50%;
  margin-right: -15%;
}
@media only screen and (max-width: 720px) {
  .header__work--next {
    margin-right: -15%;
  }
}
.header__work--next a {
  background-image: url("data:image/svg+xml;utf8, <svg width='23px' height='40px' viewBox='0 0 23 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <g id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <g id='02c-Work-Detail---Film-2-Copy' transform='translate(-778.000000, -25.000000)' fill='%23000000'> <g id='Mini-nav-Copy' transform='translate(-9.000000, 0.000000)'> <g id='Arrow-next' transform='translate(787.000000, 25.000000)'> <g id='Page-1'> <path d='M0.99137931,5.30019802 C-0.133201724,4.17706931 -0.133201724,2.35928713 0.99137931,1.2360396 C2.11286724,0.116 3.9360931,0.114455446 5.0592069,1.2360396 L22.0102069,18.1651485 C23.1332414,19.2851881 23.1316948,21.1060594 22.0086564,22.2277228 C20.8856219,23.3493861 19.0639426,23.3493069 17.9408288,22.2292713 L0.99137931,5.30019802 Z' id='Fill-1'></path> <path d='M5.0592069,39.1584158 C3.93617241,40.28 2.1144931,40.28 0.989793103,39.1568689 C-0.134787931,38.0352848 -0.133241379,36.215958 0.991343621,35.0942931 L17.9391672,18.1667683 C19.0637483,17.0451842 20.883881,17.0436396 22.008581,18.1652238 C23.1331621,19.2868079 23.1331621,21.1061347 22.008581,22.2293822 L5.0592069,39.1584158 Z' id='Fill-2'></path> </g> </g> </g> </g> </g> </svg>");
  background-size: 23px 40px;
  background-repeat: no-repeat;
  background-position: left center;
  height: 40px;
  padding-left: 40px;
  width: 130px;
  text-align: left;
  color: #000000;
  display: block;
  text-decoration: none;
  opacity: 0.2;
  transition: 150ms ease-out;
}
@media only screen and (max-width: 520px) {
  .header__work--next a {
    width: 40px;
    background-size: 20px 35px;
  }
}
.header__work--next a span {
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  transform: translate3D(20px, 0, 0);
  display: block;
  opacity: 0;
  transition: 150ms ease-out;
}
@media only screen and (max-width: 1024px) {
  .header__work--next a span {
    transform: translate3D(0, 0, 0);
  }
}
@media only screen and (max-width: 520px) {
  .header__work--next a span {
    opacity: 0;
    font-size: 13px;
    line-height: 16px;
    padding-top: 5px;
    left: 35px;
    position: absolute;
  }
}
.header__work--next a:hover, .header__work--next a:active {
  opacity: 1;
}
.header__work--next a:hover span, .header__work--next a:active span {
  transform: translate3D(0, 0, 0);
  opacity: 1;
}

.header__work--prev {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin-left: -15%;
}
@media only screen and (max-width: 720px) {
  .header__work--prev {
    margin-left: -15%;
  }
}
.header__work--prev a {
  background-image: url("data:image/svg+xml;utf8, <svg width='23px' height='40px' viewBox='0 0 23 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <g id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <g id='02c-Work-Detail---Film-2-Copy' transform='translate(-498.000000, -25.000000)' fill='%23000000'> <g id='Mini-nav-Copy' transform='translate(-9.000000, 0.000000)'> <g id='previous-mouse-over' transform='translate(298.000000, 19.000000)'> <g id='Arrow-next' transform='translate(220.500000, 26.000000) scale(-1, 1) translate(-220.500000, -26.000000) translate(209.000000, 6.000000)'> <g id='Page-1'> <path d='M0.99137931,5.30019802 C-0.133201724,4.17706931 -0.133201724,2.35928713 0.99137931,1.2360396 C2.11286724,0.116 3.9360931,0.114455446 5.0592069,1.2360396 L22.0102069,18.1651485 C23.1332414,19.2851881 23.1316948,21.1060594 22.0086564,22.2277228 C20.8856219,23.3493861 19.0639426,23.3493069 17.9408288,22.2292713 L0.99137931,5.30019802 Z' id='Fill-1'></path> <path d='M5.0592069,39.1584158 C3.93617241,40.28 2.1144931,40.28 0.989793103,39.1568689 C-0.134787931,38.0352848 -0.133241379,36.215958 0.991343621,35.0942931 L17.9391672,18.1667683 C19.0637483,17.0451842 20.883881,17.0436396 22.008581,18.1652238 C23.1331621,19.2868079 23.1331621,21.1061347 22.008581,22.2293822 L5.0592069,39.1584158 Z' id='Fill-2'></path> </g> </g> </g> </g> </g> </g> </svg>");
  background-size: 23px 40px;
  background-repeat: no-repeat;
  background-position: right center;
  height: 40px;
  padding-right: 40px;
  width: 130px;
  text-align: right;
  color: #000000;
  display: block;
  text-decoration: none;
  opacity: 0.2;
  transition: 150ms ease-out;
}
@media only screen and (max-width: 520px) {
  .header__work--prev a {
    width: 40px;
    background-size: 20px 35px;
  }
}
.header__work--prev a span {
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  transform: translate3D(-20px, 0, 0);
  display: block;
  opacity: 0;
  transition: 150ms ease-out;
}
@media only screen and (max-width: 1024px) {
  .header__work--prev a span {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}
@media only screen and (max-width: 520px) {
  .header__work--prev a span {
    opacity: 0;
    font-size: 13px;
    line-height: 16px;
    padding-top: 5px;
    right: 35px;
    position: absolute;
  }
}
.header__work--prev a:hover, .header__work--prev a:active {
  opacity: 1;
}
.header__work--prev a:hover span, .header__work--prev a:active span {
  transform: translate3D(0, 0, 0);
  opacity: 1;
}

.nav__icon {
  width: 34px;
  height: 28px;
  position: relative;
  display: block;
  margin: 0;
  transform: rotate(0deg);
  transition: 250ms ease-out;
  cursor: pointer;
  z-index: 9999;
  position: fixed;
  left: calc(2.5925925926vw + 1 * 9.1111111111px);
  top: calc(2.5925925926vw + 1 * 9.1111111111px);
}
@media (min-width: 960px) {
  .nav__icon {
    left: 34px;
    top: 34px;
  }
}
.nav__icon.nav__icon--single {
  left: auto;
  right: calc(2.5925925926vw + 1 * 9.1111111111px);
  top: calc(1.4619883041vw + 1 * 3.8596491228px);
}
@media (min-width: 960px) {
  .nav__icon.nav__icon--single {
    right: 34px;
    top: 21px;
  }
}
.nav__icon.dark {
  top: calc(1.4619883041vw + 1 * 3.8596491228px);
}
@media (min-width: 960px) {
  .nav__icon.dark {
    top: 21px;
  }
}
.nav__icon.dark span {
  background-color: #000000;
}
.nav__icon.nav-up {
  transform: translate3d(0, -200%, 0) rotate(0deg);
}
body:not(.home) .nav__icon {
  top: calc(1.4619883041vw + 1 * 3.8596491228px) !important;
  transform: translate3d(0, 0%, 0) rotate(0deg) !important;
}
@media (min-width: 960px) {
  body:not(.home) .nav__icon {
    top: 21px !important;
  }
}
body:not(.home) .nav__icon span {
  background-color: #000000 !important;
}

.nav__icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #FFF94D;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.nav__icon span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

.nav__icon span:nth-child(2) {
  top: 12px;
  transform-origin: left center;
}

.nav__icon span:nth-child(3) {
  top: 24px;
  transform-origin: left center;
}

.nav__icon.nav__icon--open span {
  background-color: #000000;
  height: 5px;
}

.nav__icon.nav__icon--open span:nth-child(1) {
  transform: rotate(45deg);
  top: 0px;
  left: 5px;
}

.nav__icon.nav__icon--open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav__icon.nav__icon--open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 24px;
  left: 5px;
}

.nav__sidebar {
  position: fixed;
  width: 100%;
  max-width: 400px;
  left: 0;
  top: 0;
  background-color: #FFF94D;
  z-index: 9997;
  text-align: left;
  transition: 250ms ease-out;
  transform: translate(-100%, 0);
  padding: calc(2.5925925926vw + 1 * 9.1111111111px);
  padding-top: calc(11.1111111111vw + 1 * 13.3333333333px);
  padding-bottom: calc(7.4074074074vw + 1 * 8.8888888889px);
}
@media (min-width: 960px) {
  .nav__sidebar {
    padding: 34px;
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
.nav__sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav__sidebar ul li {
  display: block;
  font-size: 48px;
  line-height: 80px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 7.5px;
  text-align: left;
  transform: translate(-100%, 0);
}
.nav__sidebar ul li a {
  color: #000000;
  text-decoration: none;
}
.nav__sidebar ul li:first-child {
  transition: 150ms 50ms ease-out;
}
.nav__sidebar ul li:nth-child(2) {
  transition: 150ms 100ms ease-out;
}
.nav__sidebar ul li:nth-child(3) {
  transition: 150ms 150ms ease-out;
}
.nav__sidebar ul li:nth-child(4) {
  transition: 150ms 200ms ease-out;
}
.nav__sidebar ul li:nth-child(5) {
  transition: 150ms 250ms ease-out;
}
.nav__sidebar.nav__sidebar--open {
  transform: translate(0, 0);
}
.nav__sidebar.nav__sidebar--open ul li {
  transform: translate(0, 0);
}

.nav__sidebar--social__icon {
  display: inline-block;
  width: 52px;
  margin-right: 34px;
  margin-top: 34px;
}
.nav__sidebar--social__icon svg {
  width: 100% !important;
  height: auto;
}

.main__content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 calc(2.5925925926vw + 1 * 9.1111111111px);
}
@media (min-width: 960px) {
  .main__content {
    padding: 0 34px;
  }
}

.main__content__intro {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 1.5em 0 1em 0;
  text-align: center;
  font-size: calc(2.2222222222vw + 1 * 10.6666666667px);
  line-height: 1.8;
  position: relative;
  font-style: italic;
}
@media (min-width: 960px) {
  .main__content__intro {
    font-size: 32px;
  }
}
.main__content__intro:after {
  content: "";
  display: block;
  width: 80%;
  left: 10%;
  bottom: 0;
  position: absolute;
  background-color: #000000;
  height: 6px;
}

h2 {
  font-size: calc(4.0740740741vw + 1 * 12.8888888889px);
  line-height: 1.15;
  position: relative;
  text-align: left;
  margin: 40px 0;
}
@media (min-width: 960px) {
  h2 {
    font-size: 52px;
  }
}

h3 {
  font-size: calc(1.8518518519vw + 1 * 14.2222222222px);
  line-height: 1.15;
  position: relative;
  text-align: left;
  margin: 40px 0;
  font-weight: bold;
}
@media (min-width: 960px) {
  h3 {
    font-size: 32px;
  }
}

section {
  margin-bottom: calc(7.4074074074vw + 1 * 8.8888888889px);
}
@media (min-width: 960px) {
  section {
    margin-bottom: 80px;
  }
}
section:before {
  content: "";
  display: block;
  height: calc(3.7037037037vw + 1 * 34.4444444444px); /* fixed header height*/
  margin-top: calc(-3.7037037037vw + 1 * -34.4444444444px); /* negative fixed header height */
}
@media (min-width: 960px) {
  section:before {
    height: 70px;
    margin-top: 70px;
  }
}

.work__single {
  padding-top: calc(3.7037037037vw + 1 * 34.4444444444px);
}
@media (min-width: 960px) {
  .work__single {
    padding-top: 70px;
  }
}
.work__single:before {
  display: none !important;
}

.work__photo--container {
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.work__photo--single {
  width: 100%;
  height: 77vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 768px) {
  .work__photo--single {
    height: auto;
  }
}
.work__photo--single img {
  width: 100%;
  height: auto;
  display: none;
}
@media (max-width: 768px) {
  .work__photo--single img {
    display: block;
  }
}

.work__content--wrapper {
  display: flex;
}

.work__photos__more--wrapper {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  -webkit-display: flex;
  -webkit-flex-wrap: wrap;
  width: calc(100% + 20px + 20px);
  margin-left: -20px;
  text-align: left;
  margin-top: 2rem;
  align-items: start;
}

.work__photos__more--single {
  width: 100%;
  padding: 20px;
  font-size: 0;
  line-height: 0;
}
.work__photos__more--single img {
  width: 100%;
  height: auto;
}
.work__photos__more--single.grid-sizer {
  padding: 0;
  width: 25%;
}
.work__photos__more--single.full {
  width: 100%;
}
.work__photos__more--single.half {
  width: 50%;
}
.work__photos__more--single.twothird {
  width: 66.66%;
}
.work__photos__more--single.onethird {
  width: 33.33%;
}
.work__photos__more--single.onequarter {
  width: 25%;
}
.work__photos__more--single.threequarter {
  width: 75%;
}

.work__number {
  width: 100px;
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.42);
  text-align: right;
  font-size: calc(0.7407407407vw + 1 * 10.8888888889px);
  line-height: 1.7;
}

.work__infos {
  width: calc(100% - 100px);
  margin-top: 40px;
  font-size: calc(0.7407407407vw + 1 * 10.8888888889px);
  line-height: 1.7;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.42);
  text-align: left;
}
.work__infos h1 {
  font-size: calc(1.8518518519vw + 1 * 14.2222222222px);
  line-height: 1.15;
  position: relative;
  text-align: left;
  margin: 0 0 20px 0;
  font-weight: bold;
  color: #000000;
}
@media (min-width: 960px) {
  .work__infos h1 {
    font-size: 32px;
  }
}
@media (min-width: 960px) {
  .work__infos {
    font-size: 18px;
  }
}
.work__infos strong {
  font-weight: bold;
}
.work__infos p {
  margin: 0;
}

.work__video--container {
  margin-top: calc(5.5555555556vw + 1 * 31.6666666667px);
}
@media (min-width: 960px) {
  .work__video--container {
    margin-top: 85px;
  }
}

.work--wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px + 10px);
  margin-left: -10px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: flex-start;
}

.work--single,
.grid-sizer {
  width: 33.3333%;
  padding: 10px;
}
@media only screen and (max-width: 960px) {
  .work--single,
  .grid-sizer {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .work--single,
  .grid-sizer {
    width: 100%;
  }
}
.work--single.film-commercial .work--single__inner--text span, .work--single.film-corporate .work--single__inner--text span, .work--single.film-documentary .work--single__inner--text span,
.grid-sizer.film-commercial .work--single__inner--text span,
.grid-sizer.film-corporate .work--single__inner--text span,
.grid-sizer.film-documentary .work--single__inner--text span {
  background-image: url("data:image/svg+xml;utf8, <svg width='31px' height='28px' viewBox='0 0 31 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <g id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <g id='01-Desktop-Small-Nav-per-Scroll' transform='translate(-46.000000, -1072.000000)' fill='%23FFFFFF'> <g id='Work' transform='translate(40.000000, 139.000000)'> <g id='Work-Grid' transform='translate(0.000000, 155.000000)'> <g id='W-thumb-1-Copy-8' transform='translate(0.000000, 438.000000)'> <g id='Group-6' transform='translate(1.000000, 0.000000)'> <g id='Film-Camera' transform='translate(9.000000, 342.000000)'> <g id='Page-1'> <path d='M17.8419118,11.782069 L17.8419118,10.3448276 C17.8419118,9.12310345 16.9263088,8.18965517 15.7279412,8.18965517 L2.33991176,8.18965517 C1.14154412,8.18965517 0.225941176,9.12310345 0.225941176,10.3448276 L0.225941176,17.5282759 C0.225941176,18.6772414 1.14154412,19.6834483 2.33991176,19.6834483 L15.7279412,19.6834483 C16.9263088,19.6834483 17.8419118,18.6772414 17.8419118,17.5282759 L17.8419118,16.0910345 L22.7740588,19.6834483 L22.7740588,8.18965517 L17.8419118,11.782069 Z' id='Fill-1'></path> <path d='M7.97626471,3.51965517 C7.97626471,5.30575862 6.55726618,6.75241379 4.80530882,6.75241379 C3.05467059,6.75241379 1.63435294,5.30575862 1.63435294,3.51965517 C1.63435294,1.73489655 3.05467059,0.286896552 4.80530882,0.286896552 C6.55726618,0.286896552 7.97626471,1.73489655 7.97626471,3.51965517' id='Fill-2'></path> <path d='M16.4321471,3.51965517 C16.4321471,5.30575862 15.0131485,6.75241379 13.2611912,6.75241379 C11.5105529,6.75241379 10.0902353,5.30575862 10.0902353,3.51965517 C10.0902353,1.73489655 11.5105529,0.286896552 13.2611912,0.286896552 C15.0131485,0.286896552 16.4321471,1.73489655 16.4321471,3.51965517' id='Fill-3'></path> </g> </g> </g> </g> </g> </g> </g> </g> </svg>");
  background-size: 31px 28px;
}
.work--single.photo .work--single__inner--text span,
.grid-sizer.photo .work--single__inner--text span {
  background-image: url("data:image/svg+xml;utf8, <svg width='29px' height='25px' viewBox='0 0 29 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <g id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <g id='01-Desktop-Small-Nav-per-Scroll' transform='translate(-458.000000, -798.000000)' fill='%23FFFFFF'> <g id='Work' transform='translate(40.000000, 139.000000)'> <g id='Work-Grid' transform='translate(0.000000, 155.000000)'> <g id='W-thumb-1-Copy-4' transform='translate(413.000000, 277.000000)'> <g id='Group-7' transform='translate(9.000000, 176.000000)'> <g id='Group-8'> <g id='Photo-Icon' transform='translate(0.000000, 53.310167)'> <g id='Page-1'> <path d='M12.2269737,9.65909091 C12.2269737,10.7264127 11.4541461,11.5909091 10.5,11.5909091 C9.54585395,11.5909091 8.77302632,10.7264127 8.77302632,9.65909091 C8.77302632,8.59176909 9.54585395,7.72727273 10.5,7.72727273 C11.4541461,7.72727273 12.2269737,8.59176909 12.2269737,9.65909091' id='Fill-1'></path> <path d='M19.1348684,2.57534545 L14.5292368,2.57534545 L13.3775526,0 L7.62134211,0 L6.46965789,2.57534545 L1.86513158,2.57534545 C0.886144737,2.57534545 0.138157895,3.41205455 0.138157895,4.50716364 L0.138157895,14.8097818 C0.138157895,15.8396727 0.886144737,16.7416 1.86513158,16.7416 L19.1348684,16.7416 C20.1138553,16.7416 20.8618421,15.8396727 20.8618421,14.8097818 L20.8618421,4.50716364 C20.8618421,3.41326 20.1138553,2.57534545 19.1348684,2.57534545 Z M10.5,14.1662545 C8.25493421,14.1662545 6.47076316,12.1704545 6.47076316,9.65909091 C6.47076316,7.14772727 8.25493421,5.15192727 10.5,5.15192727 C12.7450658,5.15192727 14.5292368,7.14772727 14.5292368,9.65909091 C14.5292368,12.1704545 12.7450658,14.1662545 10.5,14.1662545 Z' id='Fill-2'></path> </g> </g> </g> </g> </g> </g> </g> </g> </g> </svg>");
  background-size: 29px 25px;
}
.work--single[data-size=portrait] .work--single__inner img,
.grid-sizer[data-size=portrait] .work--single__inner img {
  aspect-ratio: 1080/1620;
  -o-object-fit: cover;
     object-fit: cover;
}
.work--single[data-size=landscape] .work--single__inner img,
.grid-sizer[data-size=landscape] .work--single__inner img {
  aspect-ratio: 1920/1080;
  -o-object-fit: cover;
     object-fit: cover;
}

.work--single__inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.work--single__inner img {
  width: 100%;
  height: auto;
}
.work--single__inner:hover .work--single__inner--image__over {
  opacity: 1;
}
.work--single__inner:hover .work--single__inner--overlay {
  opacity: 1;
  transition: 500ms 200ms ease-out;
}
.work--single__inner:hover .work--single__inner--text h4 {
  transform: translate3D(0, 0, 0);
  opacity: 1;
}

.work--single__inner--text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 15px 10px 15px;
  text-align: left;
  z-index: 5;
}
.work--single__inner--text h4 {
  font-size: calc(1.1111111111vw + 1 * 21.3333333333px);
  line-height: 1;
  position: relative;
  color: #FFFFFF;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  margin: 0;
  transform: translate3D(0, -20px, 0);
  opacity: 0;
  transition: transform 350ms ease-out, opacity 350ms ease-out;
}
@media (min-width: 960px) {
  .work--single__inner--text h4 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .work--single__inner--text h4 {
    transform: translate3D(0, 0, 0);
    opacity: 1;
  }
}
.work--single__inner--text span {
  display: block;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  font-size: calc(0.7407407407vw + 1 * 10.8888888889px);
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 0 5px 35px;
  margin-left: -2px;
}
@media (min-width: 960px) {
  .work--single__inner--text span {
    font-size: 18px;
  }
}

.work--single__inner--image__over {
  left: -1%;
  top: -1%;
  position: absolute;
  opacity: 0;
  transition: 200ms ease-out;
  z-index: 2;
  width: 102% !important;
  filter: grayscale(100%);
}

.work--single__inner--overlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-color: rgba(255, 249, 77, 0.7);
  z-index: 3;
  transition: 200ms ease-out;
}

.work--filter__wrapper {
  font-size: 0;
  line-height: 0;
  text-align: left;
  width: calc(100% + 10px + 10px);
  margin-left: -10px;
}
@media only screen and (max-width: 767px) {
  .work--filter__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px + 5px);
    margin-left: -5px;
  }
}

.work--filter__filter {
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  width: 166px;
  text-align: center;
  background-color: #FFF94D;
  color: #000000;
  margin: 0 10px;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (max-width: 920px) {
  .work--filter__filter {
    width: auto !important;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .work--filter__filter {
    width: calc(33.3333% - 10px) !important;
    margin: 5px 5px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 550px) {
  .work--filter__filter {
    width: calc(50% - 10px) !important;
  }
}
.work--filter__filter.mixitup-control-active {
  color: #FFF94D;
  background-color: #000000;
}
.work--filter__filter:first-child {
  width: 60px;
}

.main__content__clients--wrapper {
  font-size: 0;
  line-height: 0;
  text-align: left;
  width: calc(100% + 40px);
  margin-left: -20px;
}
.main__content__clients--wrapper span {
  display: inline-block;
  width: 25%;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.4em 20px;
  vertical-align: top;
  font-size: calc(0.7407407407vw + 1 * 10.8888888889px);
  line-height: 1.25;
}
@media (min-width: 960px) {
  .main__content__clients--wrapper span {
    font-size: 18px;
  }
}
@media (max-width: 960px) {
  .main__content__clients--wrapper span {
    width: 33.3333%;
  }
}
@media (max-width: 530px) {
  .main__content__clients--wrapper span {
    width: 50%;
  }
}

.main__content__places {
  border-top: 2px solid #000000;
  padding-top: 0;
}
.main__content__places:before {
  display: none !important;
}

.main__content__places--map {
  width: 100%;
  background-color: lightgrey;
  position: relative;
}
.main__content__places--map:before {
  padding-bottom: 43%;
  content: "";
  display: block;
  width: 100%;
}

.main__content__about--wrapper {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.main__content__about--photo {
  display: inline-block;
  width: 40%;
  margin-left: calc(-3.7037037037vw + 1 * -4.4444444444px);
  vertical-align: middle;
}
@media (min-width: 960px) {
  .main__content__about--photo {
    margin-left: -40px;
  }
}
.main__content__about--photo img {
  width: 100%;
  height: auto;
}
@media (max-width: 820px) {
  .main__content__about--photo {
    width: 100%;
    max-width: 480px;
  }
}

.main__content__about--text {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
  font-size: calc(1.4814814815vw + 1 * 11.7777777778px);
  line-height: 1.45;
  position: relative;
  font-style: italic;
  padding-left: 60px;
}
@media (min-width: 960px) {
  .main__content__about--text {
    font-size: 26px;
    width: 60%;
  }
}
@media (max-width: 820px) {
  .main__content__about--text {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.main__content__about--text p {
  margin: 1em 0;
}

.main__content__showreel--video {
  margin-top: calc(7.4074074074vw + 1 * 8.8888888889px);
  width: 100%;
}
@media (min-width: 960px) {
  .main__content__showreel--video {
    margin-top: 80px;
  }
}
.main__content__showreel--video iframe {
  width: 100%;
  height: auto;
}

.main__content__contact--inner {
  text-align: left;
  font-size: calc(1.4814814815vw + 1 * 11.7777777778px);
  line-height: 1.45;
}
.main__content__contact--inner a {
  color: inherit;
}
@media (min-width: 960px) {
  .main__content__contact--inner {
    font-size: 26px;
  }
}
.main__content__contact--inner p {
  text-align: left;
}

footer {
  background-color: #FFF94D;
}

.footer__main {
  padding: calc(1.4814814815vw + 1 * 3.7777777778px) 0;
  text-align: center;
  font-size: calc(2.2222222222vw + 1 * 10.6666666667px);
  line-height: 1.8;
  font-weight: bold;
}
@media (min-width: 960px) {
  .footer__main {
    font-size: 32px;
  }
}
@media (min-width: 960px) {
  .footer__main {
    padding: 18px 0;
  }
}

.footer__social--wrapper {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.footer__social--icon {
  display: inline-block;
  width: 14%;
  margin: calc(3.7037037037vw + 1 * -0.5555555556px) calc(5.5555555556vw + 1 * -3.3333333333px) calc(5.5555555556vw + 1 * -3.3333333333px) calc(5.5555555556vw + 1 * -3.3333333333px);
  max-width: 100px;
}
@media (min-width: 960px) {
  .footer__social--icon {
    margin: 35px 50px 50px 50px;
  }
}
.footer__social--icon svg {
  width: 100% !important;
  height: auto !important;
}

.footer__generic {
  border-top: 4px solid #000000;
  padding: calc(1.4814814815vw + 1 * 3.7777777778px) 0;
}
@media (min-width: 960px) {
  .footer__generic {
    padding: 18px 0;
  }
}
.footer__generic ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  text-align: center;
}
.footer__generic ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 50%;
  max-width: 300px;
  font-size: calc(2.2222222222vw + 1 * 10.6666666667px);
  line-height: 1.8;
  font-weight: bold;
}
@media (min-width: 960px) {
  .footer__generic ul li {
    font-size: 32px;
  }
}
.footer__generic ul li a {
  color: inherit;
  text-decoration: none;
}
.footer__generic ul li a:hover {
  text-decoration: underline;
}

.back__to__top {
  position: fixed;
  right: calc(2.5925925926vw + 1 * 9.1111111111px);
  bottom: calc(2.5925925926vw + 1 * 9.1111111111px);
  width: calc(3.7037037037vw + 1 * 24.4444444444px);
  height: calc(3.7037037037vw + 1 * 24.4444444444px);
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-color: #FFF94D;
  z-index: 999;
  display: none;
}
@media (min-width: 960px) {
  .back__to__top {
    right: 34px;
    bottom: 34px;
    width: 60px;
    height: 60px;
  }
}
.back__to__top svg {
  width: 18px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -5px;
}

.nf-response-msg {
  margin-bottom: 2rem;
}

.nf-form-cont {
  max-width: 700px;
}
.nf-form-cont .nf-form-fields-required {
  display: none;
}
.nf-form-cont nf-fields-wrap {
  display: flex;
  flex-wrap: wrap;
}
.nf-form-cont nf-fields-wrap nf-field {
  width: calc(100% - 1px);
}
.nf-form-cont nf-fields-wrap nf-field:nth-child(1), .nf-form-cont nf-fields-wrap nf-field:nth-child(2), .nf-form-cont nf-fields-wrap nf-field:nth-child(3) {
  width: calc(33.33% - 14px);
  margin-right: 10px;
  margin-left: 10px;
}
.nf-form-cont nf-fields-wrap nf-field:nth-child(1) {
  margin-left: 0;
}
.nf-form-cont nf-fields-wrap nf-field:nth-child(3) {
  margin-right: 0;
}
.nf-form-cont .nf-error,
.nf-form-cont .nf-form-errors {
  font-size: 14px;
  line-height: 18px;
}
.nf-form-cont input[type=text],
.nf-form-cont input[type=email],
.nf-form-cont textarea {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #3B3B3B;
  font-family: din-2014, sans-serif;
  font-size: 16px;
  color: #000000;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.nf-form-cont textarea {
  height: 320px;
  padding: 10px 10px;
  line-height: 22px;
}
.nf-form-cont .submit-wrap {
  text-align: right;
}
.nf-form-cont .submit-wrap input {
  display: inline-block;
  border: 0;
  background-color: #FFF94D;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  padding: 0 50px;
  cursor: pointer;
  font-family: din-2014, sans-serif;
  -webkit-appearance: none;
}

/*
.fancybox-button--close {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none;
    background-color: yellow;
    width: 42px;
    height: 34px;

    &:before {
	    height: 5px;
	    width: 100%;
	    transform: rotate(45deg);
	    top: -1px;
	    left: 6px;
    }

    &:after {
	    height: 5px;
	    width: 100%;
	    transform: rotate(-45deg);
	    top: 29px;
	    left: 6px;
    }
}
*/
.fancybox-image-wrap {
  max-width: 100% !important;
}

.fancybox-image, .fancybox-spaceball {
  width: 100% !important;
  height: auto !important;
}

.section__default .main__content {
  text-align: left;
}
.section__default .main__content a {
  color: inherit;
}
.section__default .main__content h1 {
  font-size: calc(4.0740740741vw + 1 * 12.8888888889px);
  line-height: 1.15;
  position: relative;
  text-align: left;
  margin: 40px 0;
}
@media (min-width: 960px) {
  .section__default .main__content h1 {
    font-size: 52px;
  }
}
.section__default .main__content h2 {
  font-size: calc(1.8518518519vw + 1 * 14.2222222222px);
  line-height: 1.15;
  position: relative;
  text-align: left;
  margin: 40px 0;
  font-weight: bold;
}
@media (min-width: 960px) {
  .section__default .main__content h2 {
    font-size: 32px;
  }
}