/* LINKS */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 17, 2017 */
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_bold_italic-webfont.eot");
  src: url("../fonts/klavika_bold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_bold_italic-webfont.woff2") format("woff2"), url("../fonts/klavika_bold_italic-webfont.woff") format("woff"), url("../fonts/klavika_bold_italic-webfont.ttf") format("truetype"), url("../fonts/klavika_bold_italic-webfont.svg#klavikabold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_bold-webfont.eot");
  src: url("../fonts/klavika_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_bold-webfont.woff2") format("woff2"), url("../fonts/klavika_bold-webfont.woff") format("woff"), url("../fonts/klavika_bold-webfont.ttf") format("truetype"), url("../fonts/klavika_bold-webfont.svg#klavikabold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_light_italic-webfont.eot");
  src: url("../fonts/klavika_light_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_light_italic-webfont.woff2") format("woff2"), url("../fonts/klavika_light_italic-webfont.woff") format("woff"), url("../fonts/klavika_light_italic-webfont.ttf") format("truetype"), url("../fonts/klavika_light_italic-webfont.svg#klavikalight_italic") format("svg");
  font-weight: lighter;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_light-webfont.eot");
  src: url("../fonts/klavika_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_light-webfont.woff2") format("woff2"), url("../fonts/klavika_light-webfont.woff") format("woff"), url("../fonts/klavika_light-webfont.ttf") format("truetype"), url("../fonts/klavika_light-webfont.svg#klavikalight") format("svg");
  font-weight: lighter;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_regular_italic-webfont.eot");
  src: url("../fonts/klavika_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_regular_italic-webfont.woff2") format("woff2"), url("../fonts/klavika_regular_italic-webfont.woff") format("woff"), url("../fonts/klavika_regular_italic-webfont.ttf") format("truetype"), url("../fonts/klavika_regular_italic-webfont.svg#klavikaregular_italic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("../fonts/klavika_regular-webfont.eot");
  src: url("../fonts/klavika_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika_regular-webfont.woff2") format("woff2"), url("../fonts/klavika_regular-webfont.woff") format("woff"), url("../fonts/klavika_regular-webfont.ttf") format("truetype"), url("../fonts/klavika_regular-webfont.svg#klavikaregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Abolition';
  src: url("../fonts/abolition_regular-webfont.eot");
  src: url("../fonts/abolition_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/abolition_regular-webfont.woff2") format("woff2"), url("../fonts/abolition_regular-webfont.woff") format("woff"), url("../fonts/abolition_regular-webfont.ttf") format("truetype"), url("../fonts/abolition_regular-webfont.svg#abolitionregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "TPG";
  src: url("../fonts/tpg.eot");
  src: url("../fonts/tpg.eot?#iefix") format("embedded-opentype"), url("../fonts/tpg.woff") format("woff"), url("../fonts/tpg.ttf") format("truetype"), url("../fonts/tpg.svg#tpg") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "tpg" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="tpg-icon-"]:before,
[class*=" tpg-icon-"]:before {
  font-family: "tpg" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tpg-icon-arrow:before {
  content: "\e000"; }

.tpg-icon-nav:before {
  content: "\e001"; }

.tpg-icon-down:before {
  content: "\e002"; }

.tpg-icon-up:before {
  content: "\e003"; }

.tpg-icon-m-arrow:before {
  content: "\e004"; }

.tpg-icon-next:before {
  content: "\e005"; }

.tpg-icon-prev:before {
  content: "\e006"; }

/* VARIABLES */
/* MIXINS */
/* COMPONENTS */
.transition {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.example, .ani.wipeFromLeft .wpb_wrapper, .ani.wipeFromRight .wpb_wrapper, .ani.wipeFromTop .wpb_wrapper, .ani.wipeFromBottom .wpb_wrapper {
  position: relative;
  overflow: hidden; }

.example:before, .ani.wipeFromLeft .wpb_wrapper:before, .ani.wipeFromRight .wpb_wrapper:before, .ani.wipeFromTop .wpb_wrapper:before, .ani.wipeFromBottom .wpb_wrapper:before {
  position: absolute;
  background-color: #50ffa0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  z-index: 5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ani {
  /* Left */
  /* Right */
  /* Top */
  /* Bottom */ }
  .ani .wpb_wrapper {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0; }
  .ani.ani-active .wpb_wrapper {
    opacity: 1; }
  .ani.fadeFromLeft .wpb_wrapper {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0); }
  .ani.fadeFromLeft.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.fadeFromRight .wpb_wrapper {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0); }
  .ani.fadeFromRight.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.fadeFromTop .wpb_wrapper {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%); }
  .ani.fadeFromTop.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.fadeFromBottom .wpb_wrapper {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%); }
  .ani.fadeFromBottom.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.wipeFromLeft .wpb_wrapper {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0); }
    .ani.wipeFromLeft .wpb_wrapper:before {
      top: 0;
      right: 0; }
  .ani.wipeFromLeft.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.wipeFromLeft.ani-active .wpb_wrapper:before {
    width: 0%;
    -webkit-transition-delay: 0.3s;
    /* Safari */
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .ani.wipeFromRight .wpb_wrapper {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0); }
    .ani.wipeFromRight .wpb_wrapper:before {
      top: 0;
      left: 0; }
  .ani.wipeFromRight.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.wipeFromRight.ani-active .wpb_wrapper:before {
    width: 0%;
    -webkit-transition-delay: 0.3s;
    /* Safari */
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .ani.wipeFromTop .wpb_wrapper {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%); }
    .ani.wipeFromTop .wpb_wrapper:before {
      top: 0;
      left: 0; }
  .ani.wipeFromTop.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.wipeFromTop.ani-active .wpb_wrapper:before {
    height: 0%;
    -webkit-transition-delay: 0.3s;
    /* Safari */
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .ani.wipeFromBottom .wpb_wrapper {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%); }
    .ani.wipeFromBottom .wpb_wrapper:before {
      bottom: 0;
      left: 0; }
  .ani.wipeFromBottom.ani-active .wpb_wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .ani.wipeFromBottom.ani-active .wpb_wrapper:before {
    height: 0%;
    -webkit-transition-delay: 0.3s;
    /* Safari */
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }

@-webkit-keyframes ffl {
  0% {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-moz-keyframes ffl {
  0% {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-o-keyframes ffl {
  0% {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@keyframes ffl {
  0% {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-webkit-keyframes ffr {
  0% {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-moz-keyframes ffr {
  0% {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-o-keyframes ffr {
  0% {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@keyframes ffr {
  0% {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-webkit-keyframes fft {
  0% {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-moz-keyframes fft {
  0% {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-o-keyframes fft {
  0% {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@keyframes fft {
  0% {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-webkit-keyframes ffb {
  0% {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-moz-keyframes ffb {
  0% {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@-o-keyframes ffb {
  0% {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
@keyframes ffb {
  0% {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1; } }
.container, .container-fluid {
  padding-right: 0px;
  padding-left: 0px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px; }

.row {
  margin-right: 0px;
  margin-left: 0px; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

a, a:hover, a:focus {
  color: inherit;
  text-decoration: initial; }

.wpb_single_image img {
  max-width: initial;
  width: 100%; }

.vc_row[data-vc-full-width] {
  overflow: initial; }

.vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner {
  padding-top: 0px; }

.nowrap {
  white-space: nowrap; }

.z-1 {
  z-index: -1; }

.z0 {
  z-index: 0; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.fh .dynamic-position {
  height: 100%; }
  .fh .dynamic-position .wpb_wrapper {
    height: 100%; }
    .fh .dynamic-position .wpb_wrapper div {
      height: 100%; }

body.layout-horizontal #row-container {
  overflow-y: hidden; }

@media only screen and (max-width: 1200px) {
  .l-nobr br {
    display: none; } }
@media only screen and (max-width: 768px) {
  .m-pad, .t-pad {
    padding-left: 60px;
    padding-right: 60px; }

  .m-nobr br {
    display: none; } }
@media only screen and (max-width: 480px) {
  .t-pad {
    padding: 0px; }

  .m-pad {
    padding-left: 40px;
    padding-right: 40px; }

  html, body.layout-horizontal {
    height: 100%; }
    html #main-content, body.layout-horizontal #main-content {
      height: 100%; }

  body.layout-horizontal .wpb_content_element, body.layout-horizontal ul.wpb_thumbnails-fluid > li, body.layout-horizontal .wpb_button {
    margin-bottom: 40px; }
  body.layout-horizontal .wpb_content_element:last-child {
    margin-bottom: 0px; }
  body.layout-horizontal .vc_row-o-full-height {
    max-height: 100% !important;
    min-height: 100% !important; }
  body.layout-horizontal #row-container {
    height: 100%; } }
.bt.bt-arrow a {
  font-size: 18px;
  letter-spacing: 1em;
  word-spacing: 0.1em;
  margin: 80px auto 0px;
  padding: 0px;
  height: 140px;
  overflow: hidden;
  line-height: 140px;
  font-family: Abolition, sans-serif;
  position: relative;
  background-color: transparent !important; }
.bt.bt-arrow.text-blue a, .bt.bt-arrow.text-blue a:hover {
  color: #0906ff; }
.bt.bt-arrow.text-white a, .bt.bt-arrow.text-white a:hover {
  color: #ffffff; }
.bt.bt-arrow.text-grey a, .bt.bt-arrow.text-grey a:hover {
  color: #d9d9d9; }
.bt.bt-arrow.text-black a, .bt.bt-arrow.text-black a:hover {
  color: #474747; }
.bt.bt-arrow.text-green a, .bt.bt-arrow.text-green a:hover {
  color: #50ffa0; }
.bt.bt-arrow.text-pink a, .bt.bt-arrow.text-pink a:hover {
  color: #ff3caa; }
.bt.bt-arrow.text-purple a, .bt.bt-arrow.text-purple a:hover {
  color: #965aff; }
.bt.bt-arrow.bg-blue a:before {
  background-color: #0906ff; }
.bt.bt-arrow.bg-white a:before {
  background-color: #ffffff; }
.bt.bt-arrow.bg-grey a:before {
  background-color: #d9d9d9; }
.bt.bt-arrow.bg-black a:before {
  background-color: #474747; }
.bt.bt-arrow.bg-green a:before {
  background-color: #50ffa0; }
.bt.bt-arrow.bg-pink a:before {
  background-color: #ff3caa; }
.bt.bt-arrow.bg-purple a:before {
  background-color: #965aff; }
.bt.bt-arrow a:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 50px;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.bt.bt-arrow a:after {
  font-family: TPG;
  font-size: 120px;
  content: "\e000";
  position: absolute;
  z-index: -2;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.bt.bt-arrow a:hover::after {
  -webkit-animation: arrow .3s 1 ease-in-out, arrow-rv .3s 1 .3s ease-in-out;
  -moz-animation: arrow .3s 1 ease-in-out, arrow-rv .3s 1 .3s ease-in-out;
  -o-animation: arrow .3s 1 ease-in-out, arrow-rv .3s 1 .3s ease-in-out;
  animation: arrow .3s 1 ease-in-out, arrow-rv .3s 1 .3s ease-in-out; }
@-webkit-keyframes arrow {
  0% {
    bottom: 0%; }
  100% {
    bottom: -100%; } }
@-moz-keyframes arrow {
  0% {
    bottom: 0%; }
  100% {
    bottom: -100%; } }
@-o-keyframes arrow {
  0% {
    bottom: 0%; }
  100% {
    bottom: -100%; } }
@keyframes arrow {
  0% {
    bottom: 0%; }
  100% {
    bottom: -100%; } }
@-webkit-keyframes arrow-rv {
  0% {
    bottom: 100%; }
  100% {
    bottom: 0%; } }
@-moz-keyframes arrow-rv {
  0% {
    bottom: 100%; }
  100% {
    bottom: 0%; } }
@-o-keyframes arrow-rv {
  0% {
    bottom: 100%; }
  100% {
    bottom: 0%; } }
@keyframes arrow-rv {
  0% {
    bottom: 100%; }
  100% {
    bottom: 0%; } }
.us {
  padding-left: 5px;
  vertical-align: text-top; }

a.line-cut, .bio-item .bio-item--icons a {
  position: relative; }
  a.line-cut:before, #main-menu-container .menu li a:before, .bio-item .bio-item--icons a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 0%;
    height: 2px;
    background-color: #0906ff; }
  a.line-cut.text-green:before, #main-menu-container .menu li a.text-green:before, .bio-item .bio-item--icons a.text-green:before {
    background-color: #50ffa0; }
  a.line-cut.text-white:before, #main-menu-container .menu li a.text-white:before, .bio-item .bio-item--icons a.text-white:before {
    background-color: #ffffff; }

a.line-cut:hover:before, #main-menu-container .menu li a:hover:before, #main-menu-container .menu li:hover > a:before, .bio-item .bio-item--icons a:hover:before {
  width: 110%; }

a.line-cut.active:before, #main-menu-container .menu li a.active:before, .bio-item .bio-item--icons a.active:before {
  width: 110%; }

a.us.line-cut:hover:before, #main-menu-container .menu li a.us:hover:before, #main-menu-container .menu li:hover > a.us:before, .bio-item .bio-item--icons a.us:hover:before {
  width: 100%; }

@media only screen and (max-width: 1200px) {
  .bt.bt-arrow a {
    margin: 40px auto 0px; } }
@media only screen and (max-width: 768px) {
  .bt.bt-arrow {
    text-align: left;
    margin-left: -10px;
    padding: 0px 60px; }
    .bt.bt-arrow a {
      font-size: 30px;
      letter-spacing: .1em;
      word-spacing: 99999px;
      margin: 0px auto 0px;
      height: 140px;
      max-width: 160px;
      padding-left: 25px;
      text-align: left;
      line-height: 1; }
      .bt.bt-arrow a:before {
        background-color: transparent !important; }
      .bt.bt-arrow a:after {
        font-size: 140px;
        content: "\e004";
        left: 10px;
        width: 140px;
        height: 140px;
        line-height: 140px; } }
@media only screen and (max-width: 480px) {
  .bt.bt-arrow {
    margin-left: -10px;
    padding: 0px 40px; }
    .bt.bt-arrow a {
      font-size: 20px;
      letter-spacing: .1em;
      height: 120px;
      padding-left: 20px; }
      .bt.bt-arrow a:after {
        font-size: 120px;
        width: 120px;
        height: 120px;
        line-height: 120px; } }
.footer-social {
  background-color: #0906ff;
  font-size: 20px; }
  .footer-social ul {
    color: #ffffff !important;
    margin: 0px;
    padding: 0px;
    line-height: 100px;
    text-align: center; }
    .footer-social ul li {
      display: inline-block;
      margin: auto 6%; }
      .footer-social ul li a.line-cut, .footer-social ul li .bio-item .bio-item--icons a, .bio-item .bio-item--icons .footer-social ul li a {
        display: block; }
        .footer-social ul li a.line-cut i, .footer-social ul li .bio-item .bio-item--icons a i, .bio-item .bio-item--icons .footer-social ul li a i {
          width: 30px;
          height: 40px;
          line-height: 40px;
          margin-left: 0px;
          text-align: center;
          display: block; }
        .footer-social ul li a.line-cut:before, .footer-social ul #main-menu-container .menu li a:before, #main-menu-container .menu .footer-social ul li a:before, .footer-social ul li .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons .footer-social ul li a:before {
          background-color: #ffffff; }

body.home footer.footer-social {
  display: none; }

@media only screen and (max-width: 480px) {
  body.layout-horizontal footer.footer-social {
    display: none; } }
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.fw {
  min-width: 100vw; }

.fh {
  height: 100%; }

.fl {
  float: left; }

.fr {
  float: right; }

#main-container {
  overflow: hidden; }

.select-none {
  pointer-events: none; }

body {
  background-color: #212121; }

a {
  outline: none !important; }

.overflow-hidden {
  overflow: hidden; }

.inline-block {
  display: inline-block; }

.draggable .dynamic-position {
  cursor: url("../images/draggable.png") 10 20, auto;
  cursor: -webkit-image-set(url("../images/draggable.png") 1x, url("../images/draggable@2x.png") 2x) 10 20, auto;
  overflow-y: auto;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  direction: rtl;
  /* SCROLL BAR */ }
  .draggable .dynamic-position .wpb_wrapper {
    padding-left: 30px; }
  .draggable .dynamic-position * {
    direction: ltr; }
  .draggable .dynamic-position::-webkit-scrollbar {
    width: 1px;
    /* for vertical scrollbars */
    height: 0px;
    /* for horizontal scrollbars */ }
  .draggable .dynamic-position::-webkit-scrollbar-track {
    background: transparent; }
  .draggable .dynamic-position::-webkit-scrollbar-thumb {
    background: #474747; }
.draggable.text-white .dynamic-position {
  cursor: url("../images/draggable-w.png") 10 20, auto;
  cursor: -webkit-image-set(url("../images/draggable-w.png") 1x, url("../images/draggable-w@2x.png") 2x) 10 20, auto; }
  .draggable.text-white .dynamic-position::-webkit-scrollbar-thumb {
    background: #ffffff; }
.draggable p:last-child {
  margin-bottom: 6px; }

.overlay .dynamic-position {
  position: relative; }
  .overlay .dynamic-position:after {
    content: '';
    display: block;
    position: absolute;
    width: 110%;
    height: 100%;
    background-color: #0906ff;
    opacity: .6;
    top: 20px;
    left: 20px; }

.select-none {
  pointer-events: none; }

.fancybox-overlay {
  background: rgba(232, 232, 232, 0.95); }

.wpb_single_image a.fancybox .vc_single_image-wrapper {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .wpb_single_image a.fancybox .vc_single_image-wrapper img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.wpb_single_image a.fancybox:hover .vc_single_image-wrapper {
  -ms-transform: scale(0.95, 0.95);
  /* IE 9 */
  -webkit-transform: scale(0.95, 0.95);
  /* Chrome, Safari, Opera */
  transform: scale(0.95, 0.95); }
  .wpb_single_image a.fancybox:hover .vc_single_image-wrapper img {
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1, 1.1);
    /* Chrome, Safari, Opera */
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: none; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.noselect, #main-menu-container .menu li a {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
               supported by Chrome and Opera */ }

.tl {
  top: 0;
  left: 0; }

.tc {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.tr {
  top: 0;
  right: 0; }

.cl {
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.cc, .wpb_video_widget .dynamic-position .wpb_wrapper > div a:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.cr {
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.bl {
  bottom: 0;
  left: 0; }

.bc {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.br {
  bottom: 0;
  right: 0; }

.clearfix:after, .pagination .pagination-wrap:after {
  content: "";
  display: table;
  clear: both; }

#main-header {
  top: 40px;
  left: 0;
  z-index: 10;
  pointer-events: none; }
  #main-header a, #main-header #menu-trigger {
    pointer-events: initial; }

#logo-wrap {
  margin-left: -15px;
  line-height: 0; }
  #logo-wrap a {
    opacity: 1;
    line-height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #logo-wrap a svg polygon, #logo-wrap a svg path {
      fill: #fff; }

body.on-menu-active {
  overflow: hidden; }
  body.on-menu-active #logo-wrap a {
    pointer-events: none;
    opacity: 0; }
  body.on-menu-active #menu-wrap a {
    pointer-events: none; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #logo-wrap {
    margin-left: 46px; }
    #logo-wrap svg {
      height: 36px;
      margin-left: -7px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #main-header {
    top: 30px; }

  #logo-wrap {
    margin-left: 26px; } }
#menu-wrap {
  margin-right: -32px; }

#menu-trigger {
  width: 32px;
  height: 32px;
  margin-top: 8px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
  cursor: pointer; }

#menu-trigger:before, #menu-trigger:after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#menu-trigger:before {
  top: 0;
  left: 0; }

#menu-trigger:after {
  bottom: 0;
  right: 0; }

#menu-trigger .line-middle {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  margin-top: -1px;
  margin-left: -50%;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
#menu-trigger .line-middle:first-child {
  top: 33.33%; }
#menu-trigger .line-middle:last-child {
  top: 66.66%; }

#menu-trigger.active::before, #menu-trigger.active::after {
  height: 0%; }

#menu-trigger.active .line-middle {
  width: 150%;
  top: 50%;
  margin-left: -75%; }
#menu-trigger.active .line-middle:first-child {
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg); }
#menu-trigger.active .line-middle:last-child {
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-45deg); }

#side-menu {
  z-index: 100;
  bottom: 0px;
  left: 60px;
  height: 100vh; }
  #side-menu .side-title {
    font-size: 44px;
    color: #ffffff;
    bottom: 40px;
    font-family: Abolition, sans-serif;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1; }
    #side-menu .side-title ul {
      margin-bottom: 0px; }
    #side-menu .side-title br {
      display: none; }
  #side-menu .side-social {
    margin-left: 24px; }
  #side-menu .side-social ul {
    list-style: none;
    padding: 0px;
    font-size: 16px; }
    #side-menu .side-social ul li {
      margin-top: 30px;
      text-align: right; }

body #back-bt {
  z-index: 2;
  opacity: 0;
  pointer-events: none; }
body.single.single-case-study #back-bt, body.single.single-campaign #back-bt {
  opacity: 1;
  pointer-events: initial; }

body.on-menu-active #side-menu ul.list-rotated {
  opacity: 0; }
body.on-menu-active #side-navigation {
  opacity: 0; }

.list-rotated {
  text-align: justify;
  padding: 0px;
  margin: 0px; }

.list-rotated:after {
  content: "";
  width: 100%;
  /* display: inline-block; */
  display: none; }

.list-rotated > li {
  display: inline-block;
  width: 0;
  line-height: 0; }
  .list-rotated > li span {
    pointer-events: none; }
    .list-rotated > li span a {
      pointer-events: initial; }

.list-rotated > li > * {
  display: inline-block;
  white-space: nowrap;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  vertical-align: bottom; }

.list-rotated.rotate-left > li > * {
  -webkit-transform: translate(0, 100%) rotate(-90deg);
  -moz-transform: translate(0, 100%) rotate(-90deg);
  -ms-transform: translate(0, 100%) rotate(-90deg);
  -o-transform: translate(0, 100%) rotate(-90deg);
  transform: translate(0, 100%) rotate(-90deg); }

.list-rotated.rotate-right > li > * {
  -webkit-transform: translate(0, 0%) rotate(90deg);
  -moz-transform: translate(0, 0%) rotate(90deg);
  -ms-transform: translate(0, 0%) rotate(90deg);
  -o-transform: translate(0, 0%) rotate(90deg);
  transform: translate(0, 0%) rotate(90deg); }

.list-rotated > li > *:before {
  content: "";
  float: left;
  margin-top: 100%; }

#side-navigation {
  margin-top: 50px;
  margin-left: 18px;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #side-navigation a {
    letter-spacing: 1em; }
    #side-navigation a:before {
      left: -5%; }
  #side-navigation a:hover:before {
    width: 101%; }

#main-menu-container {
  background: transparent;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  #main-menu-container .menu {
    padding: 0;
    padding-left: calc(16.66666667% - 60px);
    margin: 0 auto;
    list-style: none;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: Abolition, sans-serif;
    font-size: 55px; }
    #main-menu-container .menu li {
      line-height: 1.81; }
    #main-menu-container .menu li a {
      position: relative; }
    #main-menu-container .menu li:hover > a {
      text-decoration: none; }
    #main-menu-container .menu .submenu-up .sub-menu {
      bottom: 0px;
      margin-top: 0px;
      top: initial;
      margin-bottom: 110px; }
    #main-menu-container .menu .sub-menu {
      margin-top: 50px;
      pointer-events: none; }
    #main-menu-container .menu > li:hover .sub-menu {
      -webkit-transition-delay: 0.25s;
      /* Safari */
      -ms-transition-delay: 0.25s;
      -o-transition-delay: 0.25s;
      transition-delay: 0.25s;
      pointer-events: initial; }
    #main-menu-container .menu .sub-menu li {
      line-height: 0.94;
      font-size: 80px;
      white-space: nowrap; }
    #main-menu-container .menu .sub-menu li a:before {
      display: none; }
  #main-menu-container .bg-transition {
    position: relative;
    width: 200vw;
    height: 200vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #main-menu-container .bg-transition .bg {
      width: 35%;
      margin-left: -1px;
      height: 100%;
      float: left;
      position: relative; }
      #main-menu-container .bg-transition .bg:nth-of-type(2) {
        width: 30%; }
      #main-menu-container .bg-transition .bg:before {
        content: '';
        display: block;
        background-color: #212121;
        width: 0px;
        height: 100%;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        -ms-transform: skewX(-41.6deg);
        /* IE 9 */
        -webkit-transform: skewX(-41.6deg);
        /* Chrome, Safari, Opera */
        transform: skewX(-41.6deg); }
      #main-menu-container .bg-transition .bg.active:before {
        width: 100%; }
  #main-menu-container:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.9s 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
    -moz-transition: all 0.9s 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
    -o-transition: all 0.9s 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
    transition: all 0.9s 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
    -ms-transform: skewX(-41.6deg);
    /* IE 9 */
    -webkit-transform: skewX(-41.6deg);
    /* Chrome, Safari, Opera */
    transform: skewX(-41.6deg);
    transform-origin: top;
    opacity: 0; }
  #main-menu-container.active:after {
    opacity: 1;
    left: calc(100% + 60px); }

/* FIX HOVERING */
#main-menu-container, #main-menu-container a, #main-menu-container .menu li, #main-menu-container .menu .sub-menu {
  -webkit-transition: all .5s, visibility .05s;
  -moz-transition: all .5s, visibility .05s;
  -ms-transition: all .5s, visibility .05s;
  -o-transition: all .5s, visibility .05s;
  transition: all .5s, visibility .05s; }

@media only screen and (max-width: 1200px) {
  #side-navigation {
    margin-left: 20px;
    font-size: 18px; }

  #side-menu {
    left: 40px; }
    #side-menu .side-title {
      font-size: 40px; }
    #side-menu .side-social {
      margin-left: 20px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #side-menu, #side-navigation {
    display: none; }

  #menu-trigger {
    margin-top: 2px; }

  #menu-wrap {
    margin-right: 45px; }

  #main-menu-container .menu {
    font-size: 30px;
    letter-spacing: .2em; }

  #main-menu-container .menu > li {
    margin-left: 40px !important; }

  #main-menu-container .menu {
    padding-left: 0px;
    font-size: 44px;
    letter-spacing: .2em;
    top: 80px;
    -ms-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Chrome, Safari, Opera */
    transform: none; }
    #main-menu-container .menu > li {
      margin-left: 60px !important;
      margin-bottom: 10px; }
    #main-menu-container .menu .sub-menu {
      margin-top: 0px;
      margin-bottom: 0px !important;
      margin-left: 96px;
      position: relative;
      max-height: 0;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out; }
      #main-menu-container .menu .sub-menu li {
        line-height: 0.94;
        font-size: 64px;
        letter-spacing: 0.1em;
        -ms-transform: none;
        /* IE 9 */
        -webkit-transform: none;
        /* Chrome, Safari, Opera */
        transform: none; }
    #main-menu-container .menu > li:hover .sub-menu {
      height: auto;
      -webkit-transition-delay: 0.6s;
      /* Safari */
      -ms-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      max-height: 320px;
      margin-top: -10px;
      margin-bottom: 20px !important; }
  #main-menu-container .bg-transition {
    width: 300vw;
    height: 300vh; }
  #main-menu-container .footer-social {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%); }
  #main-menu-container.active .footer-social {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }
@media only screen and (max-width: 480px) {
  #menu-wrap {
    margin-right: 25px; }

  #main-menu-container .menu {
    font-size: 30px;
    letter-spacing: .2em;
    top: 80px; }
    #main-menu-container .menu > li {
      margin-left: 40px !important;
      margin-bottom: 5px; }
    #main-menu-container .menu .sub-menu {
      margin-left: 56px; }
      #main-menu-container .menu .sub-menu li {
        font-size: 40px; }
    #main-menu-container .menu > li:hover .sub-menu {
      max-height: 240px;
      margin-top: -10px;
      margin-bottom: 20px !important; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 320px) {
  #main-menu-container .menu {
    font-size: 28px; } }
.nav-white .owl-carousel .owl-dots .owl-dot span {
  background-color: #ffffff; }

.owl-carousel {
  padding: 0 !important;
  margin: 0px !important;
  background: #fff !important;
  border: none !important;
  position: relative;
  border-radius: 0px !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  zoom: 1; }
  .owl-carousel .owl-dots {
    width: initial !important;
    bottom: initial !important;
    right: -60px !important;
    top: 0 !important;
    position: absolute;
    margin-top: 0px !important; }
    .owl-carousel .owl-dots .owl-dot {
      margin: 0px 0px 10px !important;
      display: block !important;
      opacity: 0.2;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .owl-carousel .owl-dots .owl-dot:last-child {
        margin-bottom: 0px; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active {
        opacity: 1; }
      .owl-carousel .owl-dots .owl-dot span {
        width: 10px !important;
        height: 10px !important;
        display: inline-block;
        border-radius: 0 !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
        font-size: 0px;
        background-color: #474747; }

@media only screen and (max-width: 768px) {
  .owl-carousel .owl-dots {
    right: -40px !important; } }
@media only screen and (max-width: 480px) {
  .owl-dots {
    right: -40px !important; } }
.side-social i {
  margin: 0px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0; }

body {
  font-family: Klavika, sans-serif;
  color: #474747;
  font-size: 18px;
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.headline, h1, .us, .inherit-h1, article.case-study .case-overlay .case-title, h2, .inherit-h2, h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p, h4, h5, h6 {
  font-family: Abolition, sans-serif;
  letter-spacing: 0.1em;
  margin-top: 0px;
  margin-bottom: 20px; }

* {
  line-height: 1; }

p {
  line-height: 1.55;
  margin-bottom: 20px; }

h1, .us, .inherit-h1, article.case-study .case-overlay .case-title, h2, .inherit-h2 {
  line-height: 1; }

h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p, h4, h5, h6 {
  line-height: 1.2; }

h1, .us, .inherit-h1, article.case-study .case-overlay .case-title {
  font-size: 64px; }

h2, .inherit-h2 {
  font-size: 48px; }

h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p {
  font-size: 30px; }

h4 {
  font-size: 20px; }

.text-white {
  color: #ffffff; }

.text-grey {
  color: #d9d9d9; }

.text-blue {
  color: #0906ff; }

.text-green {
  color: #50ffa0; }

.text-black {
  color: #474747; }

.text-pink {
  color: #ff3caa; }

.text-purple {
  color: #965aff; }

p, .headline, h1, .us, .inherit-h1, article.case-study .case-overlay .case-title, h2, .inherit-h2, h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p, h4, h5, h6 {
  z-index: 1; }

.text-top {
  vertical-align: text-top; }

.text-bottom {
  vertical-align: text-bottom; }

#why-we-exist h1, #why-we-exist .us, #why-we-exist .inherit-h1, #why-we-exist article.case-study .case-overlay .case-title, article.case-study .case-overlay #why-we-exist .case-title {
  letter-spacing: 0.05em;
  font-size: 86px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg); }
  @media only screen and (max-width: 1200px) {
    #why-we-exist h1, #why-we-exist .us, #why-we-exist .inherit-h1, #why-we-exist article.case-study .case-overlay .case-title, article.case-study .case-overlay #why-we-exist .case-title {
      font-size: 70px; } }
  @media only screen and (max-width: 768px) {
    #why-we-exist h1, #why-we-exist .us, #why-we-exist .inherit-h1, #why-we-exist article.case-study .case-overlay .case-title, article.case-study .case-overlay #why-we-exist .case-title {
      -ms-transform: initial;
      /* IE 9 */
      -webkit-transform: initial;
      /* Chrome, Safari, Opera */
      transform: initial; } }
  @media only screen and (max-width: 480px) {
    #why-we-exist h1, #why-we-exist .us, #why-we-exist .inherit-h1, #why-we-exist article.case-study .case-overlay .case-title, article.case-study .case-overlay #why-we-exist .case-title {
      font-size: 48px; } }

@media only screen and (max-width: 1200px) {
  body {
    font-size: 16px; }

  h1, .us, .inherit-h1, article.case-study .case-overlay .case-title {
    font-size: 56px; }

  h2, .inherit-h2 {
    font-size: 40px; }

  h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p {
    font-size: 24px; }

  h4 {
    font-size: 16px; }

  #who-we-cultivate h1, #who-we-cultivate .us, #who-we-cultivate .inherit-h1, #who-we-cultivate article.case-study .case-overlay .case-title, article.case-study .case-overlay #who-we-cultivate .case-title {
    font-size: 48px;
    line-height: 1.25em;
    letter-spacing: 0.1em; } }
@media only screen and (max-width: 480px) {
  body {
    font-size: 14px; }

  h1, .us, .inherit-h1, article.case-study .case-overlay .case-title, #who-we-cultivate .h1 h1, #who-we-cultivate .h1 .us, #who-we-cultivate .h1 .inherit-h1, #who-we-cultivate .h1 article.case-study .case-overlay .case-title, article.case-study .case-overlay #who-we-cultivate .h1 .case-title {
    font-size: 40px; }

  h2, .inherit-h2 {
    font-size: 32px; }

  h3, .inherit-h3, body.page-template-page-home a#play-video.line-cut, body.page-template-page-home .bio-item .bio-item--icons a#play-video, .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--name, article.charity .charity-date, article.news .news-description p {
    font-size: 20px; }

  h4 {
    font-size: 14px; }

  #who-we-cultivate h1, #who-we-cultivate .us, #who-we-cultivate .inherit-h1, #who-we-cultivate article.case-study .case-overlay .case-title, article.case-study .case-overlay #who-we-cultivate .case-title {
    font-size: 20px; } }
@media only screen and (max-width: 375px) {
  body.layout-horizontal body {
    font-size: 14px; }
  body.layout-horizontal h1, body.layout-horizontal .us, body.layout-horizontal .inherit-h1, body.layout-horizontal article.case-study .case-overlay .case-title, article.case-study .case-overlay body.layout-horizontal .case-title {
    font-size: 36px; }
  body.layout-horizontal h2, body.layout-horizontal .inherit-h2 {
    font-size: 28px; }
  body.layout-horizontal h3, body.layout-horizontal .inherit-h3, body.layout-horizontal body.page-template-page-home a#play-video.line-cut, body.page-template-page-home body.layout-horizontal a#play-video.line-cut, body.layout-horizontal body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons body.layout-horizontal a#play-video, body.layout-horizontal .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home body.layout-horizontal a#play-video, body.layout-horizontal .bio-item .bio-item--name, .bio-item body.layout-horizontal .bio-item--name, body.layout-horizontal article.charity .charity-date, article.charity body.layout-horizontal .charity-date, body.layout-horizontal article.news .news-description p, article.news .news-description body.layout-horizontal p {
    font-size: 18px; }
  body.layout-horizontal h4 {
    font-size: 14px; } }
.no-spacing * {
  letter-spacing: 0px !important; }

.ytplayer-shield {
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.home-video-container {
  width: 100%;
  height: 100%; }

body.page-template-page-home #side-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1; }
body.page-template-page-home #side-menu .side-title ul.list-rotated {
  display: none; }
body.page-template-page-home .ytplayer-shield {
  background: rgba(0, 0, 0, 0.6); }
body.page-template-page-home .ytplayer-player {
  width: 100vw !important; }
body.page-template-page-home .video-content {
  z-index: 3;
  white-space: nowrap; }
body.page-template-page-home a#play-video.line-cut:before, body.page-template-page-home #main-menu-container .menu li a#play-video:before, #main-menu-container .menu li body.page-template-page-home a#play-video:before, body.page-template-page-home .bio-item .bio-item--icons a#play-video:before, .bio-item .bio-item--icons body.page-template-page-home a#play-video:before {
  background-color: #ffffff; }
body.page-template-page-home a#play-video.line-cut span, body.page-template-page-home .bio-item .bio-item--icons a#play-video span, .bio-item .bio-item--icons body.page-template-page-home a#play-video span {
  margin-right: 20px;
  font-size: 18px;
  vertical-align: middle; }
body.page-template-page-home.video-active #side-menu, body.page-template-page-home.video-active #side-navigation {
  pointer-events: none;
  opacity: 0; }
body.page-template-page-home.video-active .ytplayer-shield {
  background: rgba(0, 0, 0, 0); }
body.page-template-page-home.video-active .on-video-active {
  z-index: 3;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
  body.page-template-page-home.video-active .on-video-active a#close-video {
    width: 100%;
    height: 100%;
    display: block; }

/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  a#play-video.line-cut, .bio-item .bio-item--icons a#play-video {
    font-size: 20px !important; }
    a#play-video.line-cut span, .bio-item .bio-item--icons a#play-video span {
      margin-right: 10px;
      font-size: 14px; } }
/* Small Devices, Tablets */
.wpb_video_widget .dynamic-position .wpb_wrapper {
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0; }
  .wpb_video_widget .dynamic-position .wpb_wrapper > div {
    height: 100%; }
    .wpb_video_widget .dynamic-position .wpb_wrapper > div a {
      outline: none;
      display: inline-block;
      height: 100%;
      position: relative; }
      .wpb_video_widget .dynamic-position .wpb_wrapper > div a:after {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        background-color: rgba(33, 33, 33, 0.5);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .wpb_video_widget .dynamic-position .wpb_wrapper > div a:before {
        content: '\f04b';
        font-family: FontAwesome;
        display: block;
        position: absolute;
        font-size: 40px;
        z-index: 10;
        color: #ffffff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .wpb_video_widget .dynamic-position .wpb_wrapper > div a:hover:before, .wpb_video_widget .dynamic-position .wpb_wrapper > div a:hover:after {
        opacity: 0; }
      .wpb_video_widget .dynamic-position .wpb_wrapper > div a:hover img {
        -ms-transform: scale(0.95, 0.95);
        /* IE 9 */
        -webkit-transform: scale(0.95, 0.95);
        /* Chrome, Safari, Opera */
        transform: scale(0.95, 0.95); }
      .wpb_video_widget .dynamic-position .wpb_wrapper > div a img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.bio-item {
  max-width: 446px; }
  .bio-item .bio-item--media {
    height: 320px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    cursor: pointer; }
    .bio-item .bio-item--media > * {
      position: relative;
      top: 50%;
      transform: perspective(1px) translateY(-50%);
      -webkit-transform: perspective(1px) translateY(-50%);
      -moz-transform: perspective(1px) translateY(-50%); }
  .bio-item .bio-item--wrap:after {
    background: url(../images/pattern.png) repeat-x top left;
    background-size: contain;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0;
    position: absolute; }
  .bio-item .bio-item--name {
    width: 50%;
    margin-bottom: 0px; }
  .bio-item .bio-item--role {
    width: 50%;
    margin-bottom: 2px; }
  .bio-item .bio-item--icons {
    overflow: hidden; }
    .bio-item .bio-item--icons i {
      font-size: 16px; }
    .bio-item .bio-item--icons a:before {
      background-color: #ffffff; }

.talents-container .vc_row {
  margin-left: 0px;
  margin-right: 0px; }
  .talents-container .vc_row .vc_column_container {
    padding-left: 0px;
    padding-right: 0px; }

.bio-switch-container .bio-group-switch {
  background-color: transparent !important; }
  .bio-switch-container .bio-group-switch .owl-item .li {
    margin: 0px;
    display: inline-block; }
    .bio-switch-container .bio-group-switch .owl-item .li a {
      letter-spacing: .1em;
      display: inline-block;
      font-size: 20px;
      color: #666666;
      font-family: Abolition, sans-serif;
      margin: 0px;
      width: calc(100% - .1em);
      white-space: nowrap; }
      .bio-switch-container .bio-group-switch .owl-item .li a.line-cut.active, .bio-switch-container .bio-group-switch .owl-item .li .bio-item .bio-item--icons a.active, .bio-item .bio-item--icons .bio-switch-container .bio-group-switch .owl-item .li a.active {
        pointer-events: none; }

@media only screen and (min-width: 1200px) {
  .bio-group-switch .owl-item {
    width: initial !important;
    margin-right: 60px !important; } }
@media only screen and (min-width: 768px) {
  .bio-group-switch .owl-item {
    width: initial !important; } }
@media only screen and (max-width: 480px) {
  .bio-switch-container {
    width: 100vw;
    padding: 0px 40px;
    margin: 160px auto 0px; }
    .bio-switch-container .owl-carousel .owl-item {
      text-align: center; }
    .bio-switch-container .owl-carousel .owl-item a.line-cut, .bio-switch-container .owl-carousel .owl-item .bio-item .bio-item--icons a, .bio-item .bio-item--icons .bio-switch-container .owl-carousel .owl-item a {
      pointer-events: none; }
    .bio-switch-container .owl-carousel .li {
      float: none;
      margin: auto;
      padding: 0px;
      text-align: center; }
      .bio-switch-container .owl-carousel .li a {
        letter-spacing: 0.3em; }
    .bio-switch-container .owl-carousel .owl-nav .owl-next {
      right: 0px; }
    .bio-switch-container .owl-carousel .owl-nav .icon {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin: 0px;
      font-size: 0px;
      color: #0906ff; }
      .bio-switch-container .owl-carousel .owl-nav .icon:before {
        font-family: TPG;
        font-size: 40px;
        content: "\e003"; }
      .bio-switch-container .owl-carousel .owl-nav .icon.tpg-icon-left {
        -ms-transform: rotate(-90deg);
        /* IE 9 */
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-90deg); }
      .bio-switch-container .owl-carousel .owl-nav .icon.tpg-icon-right {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg); }

  .wpb_wrapper > .bio-item {
    margin-bottom: 60px; } }
@media only screen and (min-width: 320px) {
  .bio-switch-container {
    padding: 0px 20px; } }
.fancybox-button.fancybox-button--fullscreen, .fancybox-button.fancybox-button--share {
  display: none; }

.fancybox-is-open .fancybox-bg {
  opacity: 0.95; }

.fancybox-bg {
  background-color: #212121; }

/* LAYOUTS */
body.post-type-archive-case-study, body.single-case-study {
  background-color: #212121; }
  body.post-type-archive-case-study #logo-wrap svg path, body.post-type-archive-case-study #logo-wrap svg polygon, body.single-case-study #logo-wrap svg path, body.single-case-study #logo-wrap svg polygon {
    fill: #ffffff;
    background-color: #ffffff; }
  body.post-type-archive-case-study .side-social.text-blue, body.single-case-study .side-social.text-blue {
    color: #ffffff; }
  body.post-type-archive-case-study #side-menu .side-title, body.single-case-study #side-menu .side-title {
    color: #ffffff; }
  body.post-type-archive-case-study #menu-trigger, body.single-case-study #menu-trigger {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff; }
  body.post-type-archive-case-study #menu-trigger .line-middle, body.single-case-study #menu-trigger .line-middle {
    background-color: #ffffff; }
  body.post-type-archive-case-study #menu-trigger:before, body.post-type-archive-case-study #menu-trigger:after, body.single-case-study #menu-trigger:before, body.single-case-study #menu-trigger:after {
    background-color: #ffffff; }
  body.post-type-archive-case-study .on-menu-active #menu-trigger, body.single-case-study .on-menu-active #menu-trigger {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff; }
  body.post-type-archive-case-study .on-menu-active #menu-trigger .line-middle, body.single-case-study .on-menu-active #menu-trigger .line-middle {
    background-color: #ffffff; }
  body.post-type-archive-case-study .on-menu-active #menu-trigger:before,
  body.post-type-archive-case-study .on-menu-active #menu-trigger:after, body.single-case-study .on-menu-active #menu-trigger:before,
  body.single-case-study .on-menu-active #menu-trigger:after {
    background-color: #ffffff; }
  body.post-type-archive-case-study #side-navigation, body.single-case-study #side-navigation {
    color: #ffffff; }
  body.post-type-archive-case-study #side-navigation a.line-cut:before, body.post-type-archive-case-study #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-case-study #side-navigation a:before, body.post-type-archive-case-study #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-case-study #side-navigation a:before, body.post-type-archive-case-study .side-social a.line-cut:before, body.post-type-archive-case-study .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-case-study .side-social a:before, body.post-type-archive-case-study .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-case-study .side-social a:before, body.single-case-study #side-navigation a.line-cut:before, body.single-case-study #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-case-study #side-navigation a:before, body.single-case-study #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-case-study #side-navigation a:before, body.single-case-study .side-social a.line-cut:before, body.single-case-study .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-case-study .side-social a:before, body.single-case-study .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-case-study .side-social a:before {
    background-color: #ffffff; }
  body.post-type-archive-case-study .on-menu-active .side-social.text-blue, body.single-case-study .on-menu-active .side-social.text-blue {
    color: #ffffff; }
  body.post-type-archive-case-study .on-menu-active .side-social a.line-cut:before, body.post-type-archive-case-study .on-menu-active .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-case-study .on-menu-active .side-social a:before, body.post-type-archive-case-study .on-menu-active .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-case-study .on-menu-active .side-social a:before, body.single-case-study .on-menu-active .side-social a.line-cut:before, body.single-case-study .on-menu-active .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-case-study .on-menu-active .side-social a:before, body.single-case-study .on-menu-active .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-case-study .on-menu-active .side-social a:before {
    background-color: #ffffff; }
  body.post-type-archive-case-study #main-menu-container .bg-transition .bg:before, body.single-case-study #main-menu-container .bg-transition .bg:before {
    background-color: #ffef5f; }

#case-container {
  margin-top: 180px;
  margin-bottom: 180px;
  padding: 0px; }

article.case-study {
  position: relative; }
  article.case-study .case-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, 0.8);
    color: #ffffff;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    article.case-study .case-overlay > * {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      opacity: 0; }
    article.case-study .case-overlay .case-title {
      width: 80%;
      margin: 40px 40px 20px;
      position: relative;
      z-index: 1; }
    article.case-study .case-overlay .case-desc {
      margin-left: 80px;
      position: relative;
      z-index: 1; }
    article.case-study .case-overlay .case-deco {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      article.case-study .case-overlay .case-deco img.svg {
        position: relative;
        top: 50%;
        left: 50%;
        height: 120%;
        width: auto;
        z-index: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  article.case-study .case-thumbnail img {
    width: 100%; }
  article.case-study a:hover .case-overlay {
    opacity: 1; }
    article.case-study a:hover .case-overlay .case-title {
      -webkit-animation: ffl .2s .4s 1 ease-in-out forwards;
      -moz-animation: ffl .2s .4s 1 ease-in-out forwards;
      -o-animation: ffl .2s .4s 1 ease-in-out forwards;
      animation: ffl .2s .4s 1 ease-in-out forwards; }
    article.case-study a:hover .case-overlay .case-desc {
      -webkit-animation: ffl .2s .5s 1 ease-in-out forwards;
      -moz-animation: ffl .2s .5s 1 ease-in-out forwards;
      -o-animation: ffl .2s .5s 1 ease-in-out forwards;
      animation: ffl .2s .5s 1 ease-in-out forwards; }
    article.case-study a:hover .case-overlay .case-deco {
      -webkit-animation: ffr .2s .6s 1 ease-in-out forwards;
      -moz-animation: ffr .2s .6s 1 ease-in-out forwards;
      -o-animation: ffr .2s .6s 1 ease-in-out forwards;
      animation: ffr .2s .6s 1 ease-in-out forwards; }

.pagination {
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center; }
  .pagination #back-bt {
    position: fixed !important;
    bottom: 40px;
    right: 80px; }
    @media only screen and (max-width: 768px) {
      .pagination #back-bt {
        position: absolute !important;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        bottom: initial !important;
        right: initial !important; } }
  .pagination .pagi {
    font-family: Abolition, sans-serif;
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 1.2;
    position: relative; }
    .pagination .pagi.prev:before, .pagination .pagi.next:before {
      line-height: 1;
      font-family: TPG;
      display: inline-block;
      font-size: 120px;
      margin: 0px; }
    .pagination .pagi.prev:after, .pagination .pagi.next:after {
      pointer-events: none;
      letter-spacing: 1em; }
    .pagination .pagi.next:before {
      content: "\e005"; }
    .pagination .pagi.prev:before {
      content: "\e006"; }
    .pagination .pagi.prev {
      width: 40vw;
      float: left;
      margin-left: 10vw; }
      @media only screen and (max-width: 768px) {
        .pagination .pagi.prev {
          margin-left: 5vw; } }
      .pagination .pagi.prev:after {
        content: 'Previous Project';
        display: block;
        position: absolute;
        white-space: nowrap;
        right: -30%;
        top: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; }
        @media only screen and (max-width: 768px) {
          .pagination .pagi.prev:after {
            display: none; } }
      .pagination .pagi.prev:hover::after {
        right: -35%;
        opacity: 1;
        color: #0906ff; }
      .pagination .pagi.prev:hover::before {
        color: #0906ff; }
    .pagination .pagi.next {
      width: 40vw;
      float: right;
      margin-right: 10vw; }
      @media only screen and (max-width: 768px) {
        .pagination .pagi.next {
          margin-right: 5vw; } }
      .pagination .pagi.next:after {
        content: 'Next Project';
        display: block;
        position: absolute;
        white-space: nowrap;
        left: -15%;
        top: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; }
        @media only screen and (max-width: 768px) {
          .pagination .pagi.next:after {
            display: none; } }
      .pagination .pagi.next:hover::after {
        left: -20%;
        opacity: 1;
        color: #0906ff; }
      .pagination .pagi.next:hover::before {
        color: #0906ff; }
  .pagination #back-bt {
    position: relative; }
    .pagination #back-bt:after {
      content: 'BACK TO WORK';
      display: block;
      position: absolute;
      white-space: nowrap;
      right: 100px;
      top: 5px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      opacity: 0; }
    .pagination #back-bt:hover::after {
      right: 60px;
      opacity: 1; }

@media only screen and (max-width: 1200px) {
  article.case-study .case-overlay .case-title {
    font-size: 48px;
    margin: 30px 30px 10px; } }
@media only screen and (max-width: 768px) {
  #case-container {
    margin: 120px -30px 80px;
    padding: 0px 60px;
    width: calc(100vw + 60px); }
    #case-container .col-sm-6 {
      padding: 0px 30px; }

  article.case-study {
    margin-bottom: 60px; }

  article.case-study .case-overlay {
    opacity: 1; }
    article.case-study .case-overlay .case-title {
      margin: 30px 30px 10px;
      font-size: 40px;
      opacity: 1; }
    article.case-study .case-overlay .case-desc {
      margin-left: 30px;
      font-size: 14px;
      opacity: 1; }
    article.case-study .case-overlay .case-arrow {
      position: absolute;
      bottom: 30px;
      right: 30px;
      opacity: 1; }
      article.case-study .case-overlay .case-arrow img {
        height: 16px;
        width: auto; }
  article.case-study a:hover .case-overlay .case-title {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none; }
  article.case-study a:hover .case-overlay .case-desc {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #case-container {
    margin: 120px auto 80px;
    padding: 0px 40px;
    width: 100vw; }
    #case-container .col-sm-6 {
      padding: 0px; }

  article.case-study {
    margin-bottom: 60px; }

  .pagination a {
    margin: 20px 0px; }
  .pagination .pagi {
    font-size: 14px; }
    .pagination .pagi.prev:before, .pagination .pagi.next:before {
      display: block;
      font-size: 60px;
      margin: 0px -20px 0px; }

  body.post-type-archive-case-study #logo-wrap svg path, body.post-type-archive-case-study #logo-wrap svg polygon, body.single-case-study #logo-wrap svg path, body.single-case-study #logo-wrap svg polygon {
    fill: #ffffff;
    background-color: #ffffff; }
  body.post-type-archive-case-study #menu-trigger, body.single-case-study #menu-trigger {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff; }
  body.post-type-archive-case-study #menu-trigger .line-middle, body.single-case-study #menu-trigger .line-middle {
    background-color: #ffffff; }
  body.post-type-archive-case-study #menu-trigger:before, body.post-type-archive-case-study #menu-trigger:after, body.single-case-study #menu-trigger:before, body.single-case-study #menu-trigger:after {
    background-color: #ffffff; } }
body.single-case-study p {
  font-size: 16px; }
  @media only screen and (max-width: 768px) {
    body.single-case-study p {
      font-size: 14px; } }

.page-deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 91.6%; }
  .page-deco img {
    width: 100%;
    height: auto; }

#culture-container {
  margin-top: 120px;
  margin-bottom: 120px; }

article.culture {
  width: 80%;
  margin: auto auto 180px;
  color: #ffffff; }
  article.culture h1, article.culture .us, article.culture .inherit-h1, article.culture article.case-study .case-overlay .case-title, article.case-study .case-overlay article.culture .case-title, article.culture h3, article.culture .inherit-h3, article.culture body.page-template-page-home a#play-video.line-cut, body.page-template-page-home article.culture a#play-video.line-cut, article.culture body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons article.culture a#play-video, article.culture .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home article.culture a#play-video, article.culture .bio-item .bio-item--name, .bio-item article.culture .bio-item--name, article.culture article.charity .charity-date, article.charity article.culture .charity-date, article.culture article.news .news-description p, article.news .news-description article.culture p, article.culture img.arrow {
    position: relative;
    top: -30px; }
  article.culture h1, article.culture .us, article.culture .inherit-h1, article.culture article.case-study .case-overlay .case-title, article.case-study .case-overlay article.culture .case-title {
    margin-bottom: 40px; }
  article.culture h3, article.culture .inherit-h3, article.culture body.page-template-page-home a#play-video.line-cut, body.page-template-page-home article.culture a#play-video.line-cut, article.culture body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons article.culture a#play-video, article.culture .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home article.culture a#play-video, article.culture .bio-item .bio-item--name, .bio-item article.culture .bio-item--name, article.culture article.charity .charity-date, article.charity article.culture .charity-date, article.culture article.news .news-description p, article.news .news-description article.culture p {
    margin-bottom: 0px; }
    article.culture h3 p, article.culture .inherit-h3 p, article.culture body.page-template-page-home a#play-video.line-cut p, body.page-template-page-home article.culture a#play-video.line-cut p, article.culture body.page-template-page-home .bio-item .bio-item--icons a#play-video p, body.page-template-page-home .bio-item .bio-item--icons article.culture a#play-video p, article.culture .bio-item .bio-item--icons body.page-template-page-home a#play-video p, .bio-item .bio-item--icons body.page-template-page-home article.culture a#play-video p, article.culture .bio-item .bio-item--name p, .bio-item article.culture .bio-item--name p, article.culture article.charity .charity-date p, article.charity article.culture .charity-date p, article.culture article.news .news-description p p, article.news .news-description article.culture p p {
      margin-bottom: 0px;
      line-height: 1; }
  article.culture .arrow {
    height: 20px;
    width: auto;
    display: block;
    clear: both;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  article.culture .culture-thumbnail {
    position: absolute;
    top: 60px;
    width: auto;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden; }
    article.culture .culture-thumbnail img {
      width: auto;
      height: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  article.culture .culture-desc {
    display: inline-block; }
  article.culture a:hover .culture-thumbnail {
    -ms-transform: scale(0.95, 0.95);
    /* IE 9 */
    -webkit-transform: scale(0.95, 0.95);
    /* Chrome, Safari, Opera */
    transform: scale(0.95, 0.95); }
    article.culture a:hover .culture-thumbnail img {
      -ms-transform: scale(1.1, 1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1, 1.1);
      /* Chrome, Safari, Opera */
      transform: scale(1.1, 1.1); }
  article.culture a:hover .arrow {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0); }

article.culture:last-child {
  margin-bottom: 0px; }

article.culture:nth-child(odd) {
  text-align: left; }
  article.culture:nth-child(odd) h3, article.culture:nth-child(odd) .inherit-h3, article.culture:nth-child(odd) body.page-template-page-home a#play-video.line-cut, body.page-template-page-home article.culture:nth-child(odd) a#play-video.line-cut, article.culture:nth-child(odd) body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons article.culture:nth-child(odd) a#play-video, article.culture:nth-child(odd) .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home article.culture:nth-child(odd) a#play-video, article.culture:nth-child(odd) .bio-item .bio-item--name, .bio-item article.culture:nth-child(odd) .bio-item--name, article.culture:nth-child(odd) article.charity .charity-date, article.charity article.culture:nth-child(odd) .charity-date, article.culture:nth-child(odd) article.news .news-description p, article.news .news-description article.culture:nth-child(odd) p {
    float: left; }
  article.culture:nth-child(odd) .arrow {
    float: right; }
  article.culture:nth-child(odd) .culture-thumbnail {
    right: -80px; }

article.culture:nth-child(even) {
  text-align: right; }
  article.culture:nth-child(even) h3, article.culture:nth-child(even) .inherit-h3, article.culture:nth-child(even) body.page-template-page-home a#play-video.line-cut, body.page-template-page-home article.culture:nth-child(even) a#play-video.line-cut, article.culture:nth-child(even) body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons article.culture:nth-child(even) a#play-video, article.culture:nth-child(even) .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home article.culture:nth-child(even) a#play-video, article.culture:nth-child(even) .bio-item .bio-item--name, .bio-item article.culture:nth-child(even) .bio-item--name, article.culture:nth-child(even) article.charity .charity-date, article.charity article.culture:nth-child(even) .charity-date, article.culture:nth-child(even) article.news .news-description p, article.news .news-description article.culture:nth-child(even) p {
    float: right; }
  article.culture:nth-child(even) .arrow {
    float: left; }
  article.culture:nth-child(even) .culture-thumbnail {
    left: -80px; }

@media only screen and (max-width: 1200px) {
  article.culture {
    width: 85%; }
    article.culture h1, article.culture .us, article.culture .inherit-h1, article.culture article.case-study .case-overlay .case-title, article.case-study .case-overlay article.culture .case-title {
      margin-bottom: 30px;
      font-size: 48px; }
    article.culture .culture-thumbnail {
      top: 40px; }

  article.culture:nth-child(odd) .culture-thumbnail {
    right: -60px; }

  article.culture:nth-child(even) .culture-thumbnail {
    left: -60px; } }
@media only screen and (max-width: 768px) {
  #culture-container {
    width: 100vw;
    margin: 120px auto 160px; }

  article.culture {
    margin-bottom: 160px;
    width: calc(100% - 60px); }
    article.culture:nth-child(odd) {
      margin-left: 60px; }
      article.culture:nth-child(odd) .arrow {
        float: left; }
      article.culture:nth-child(odd) .culture-thumbnail {
        right: 60px; }
    article.culture:nth-child(even) {
      margin-right: 60px;
      text-align: right; }
      article.culture:nth-child(even) h3, article.culture:nth-child(even) .inherit-h3, article.culture:nth-child(even) body.page-template-page-home a#play-video.line-cut, body.page-template-page-home article.culture:nth-child(even) a#play-video.line-cut, article.culture:nth-child(even) body.page-template-page-home .bio-item .bio-item--icons a#play-video, body.page-template-page-home .bio-item .bio-item--icons article.culture:nth-child(even) a#play-video, article.culture:nth-child(even) .bio-item .bio-item--icons body.page-template-page-home a#play-video, .bio-item .bio-item--icons body.page-template-page-home article.culture:nth-child(even) a#play-video, article.culture:nth-child(even) .bio-item .bio-item--name, .bio-item article.culture:nth-child(even) .bio-item--name, article.culture:nth-child(even) article.charity .charity-date, article.charity article.culture:nth-child(even) .charity-date, article.culture:nth-child(even) article.news .news-description p, article.news .news-description article.culture:nth-child(even) p {
        float: right; }
      article.culture:nth-child(even) .arrow {
        float: right; }
      article.culture:nth-child(even) .culture-thumbnail {
        left: 60px; } }
@media only screen and (max-width: 480px) {
  #culture-container {
    margin: 80px auto 120px; }

  article.culture {
    margin-bottom: 120px;
    width: calc(100% - 40px); }
    article.culture h1, article.culture .us, article.culture .inherit-h1, article.culture article.case-study .case-overlay .case-title, article.case-study .case-overlay article.culture .case-title {
      font-size: 32px;
      margin-bottom: 20px; }
    article.culture .arrow {
      height: 14px; }
    article.culture .culture-thumbnail {
      top: 40px; }
    article.culture:nth-child(odd) {
      margin-left: 40px; }
      article.culture:nth-child(odd) .culture-thumbnail {
        right: 40px; }
    article.culture:nth-child(even) {
      margin-right: 40px; }
      article.culture:nth-child(even) .culture-thumbnail {
        left: 40px; } }
#charity-container {
  margin-top: 120px;
  margin-bottom: 120px; }

article.charity {
  width: 90%;
  margin: auto auto 120px;
  color: #0906ff; }
  article.charity .row {
    margin: 0px; }
  article.charity h1, article.charity .us, article.charity .inherit-h1, article.charity article.case-study .case-overlay .case-title, article.case-study .case-overlay article.charity .case-title {
    margin-bottom: 0px;
    margin-top: -30px;
    position: relative;
    z-index: 2; }
  article.charity .charity-date {
    text-transform: uppercase;
    color: #474747;
    margin-right: -6px;
    margin-top: -6px; }
  article.charity .charity-thumbnail {
    margin-left: 8%;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden; }
    article.charity .charity-thumbnail img {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    article.charity .charity-thumbnail:before {
      content: '';
      z-index: 1;
      display: block;
      width: calc(100% + 20px);
      height: 60px;
      position: absolute;
      left: 50%;
      bottom: -10px;
      opacity: 0.8;
      background-color: #d9d9d9;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
  article.charity img.arrow {
    height: 20px;
    width: auto;
    display: inline-block;
    margin-right: 0px;
    margin-top: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  article.charity:last-child {
    margin-bottom: 0px; }
  article.charity a:hover .charity-thumbnail {
    -ms-transform: scale(0.95, 0.95);
    /* IE 9 */
    -webkit-transform: scale(0.95, 0.95);
    /* Chrome, Safari, Opera */
    transform: scale(0.95, 0.95); }
    article.charity a:hover .charity-thumbnail img {
      -ms-transform: scale(1.1, 1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1, 1.1);
      /* Chrome, Safari, Opera */
      transform: scale(1.1, 1.1); }
  article.charity a:hover .charity-arrow img.arrow {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0); }

@media only screen and (max-width: 1200px) {
  article.charity h1, article.charity .us, article.charity .inherit-h1, article.charity article.case-study .case-overlay .case-title, article.case-study .case-overlay article.charity .case-title {
    font-size: 48px;
    margin-top: -24px; }

  .charity-thumbnail:before {
    height: 50px; }

  .charity-date {
    margin-right: -4px;
    margin-top: -4px; } }
@media only screen and (max-width: 768px) {
  #charity-container {
    width: 100vw;
    margin: 120px auto 160px; }

  article.charity {
    width: 100%;
    margin: auto auto 80px;
    padding-left: 60px; }
    article.charity .charity-date {
      margin-right: 0px;
      margin-top: 0px;
      display: inline-block;
      margin-bottom: 0px; }
    article.charity .charity-title {
      margin-bottom: 30px; }
      article.charity .charity-title .col-xs-7, article.charity .charity-title .col-xs-5 {
        width: 80%; }
      article.charity .charity-title .col-xs-5 {
        width: 80%;
        text-align: left;
        margin-left: 60px; }
    article.charity .charity-arrow {
      display: inline-block;
      margin-left: 60px; }
    article.charity img.arrow {
      margin-top: 0px;
      vertical-align: 0px; }
    article.charity .charity-thumbnail {
      margin-left: 60px; }
      article.charity .charity-thumbnail:before {
        height: 50px; } }
@media only screen and (max-width: 480px) {
  #charity-container {
    width: 100vw;
    margin: 80px auto 120px; }

  article.charity {
    width: 100%;
    margin: auto auto 60px;
    padding-left: 40px; }
    article.charity h1, article.charity .us, article.charity .inherit-h1, article.charity article.case-study .case-overlay .case-title, article.case-study .case-overlay article.charity .case-title {
      font-size: 32px;
      margin-top: -16px; }
    article.charity .charity-date {
      margin-right: 0px;
      margin-top: 0px;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 0px; }
    article.charity .charity-title {
      margin-bottom: 20px; }
      article.charity .charity-title .col-xs-7, article.charity .charity-title .col-xs-5 {
        width: 80%; }
      article.charity .charity-title .col-xs-5 {
        width: 80%;
        text-align: left;
        margin-left: 40px; }
    article.charity .charity-arrow {
      display: inline-block;
      line-height: 24px;
      margin-left: 40px; }
    article.charity img.arrow {
      height: 14px;
      margin-top: 0px;
      vertical-align: 0px; }
    article.charity .charity-thumbnail {
      margin-left: 40px; }
      article.charity .charity-thumbnail:before {
        height: 30px; } }
body.post-type-archive-news, body.single-news {
  background-color: #212121; }
  body.post-type-archive-news .page-deco, body.single-news .page-deco {
    margin-top: -10px; }
  body.post-type-archive-news #logo-wrap svg path, body.post-type-archive-news #logo-wrap svg polygon, body.single-news #logo-wrap svg path, body.single-news #logo-wrap svg polygon {
    fill: #ffffff;
    background-color: #ffffff; }
  body.post-type-archive-news .side-social.text-blue, body.single-news .side-social.text-blue {
    color: #ffffff; }
  body.post-type-archive-news #side-menu .side-title, body.single-news #side-menu .side-title {
    color: #ffffff; }
  body.post-type-archive-news #menu-trigger, body.single-news #menu-trigger {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff; }
  body.post-type-archive-news #menu-trigger .line-middle, body.single-news #menu-trigger .line-middle {
    background-color: #ffffff; }
  body.post-type-archive-news #menu-trigger:before, body.post-type-archive-news #menu-trigger:after, body.single-news #menu-trigger:before, body.single-news #menu-trigger:after {
    background-color: #ffffff; }
  body.post-type-archive-news .on-menu-active #menu-trigger, body.single-news .on-menu-active #menu-trigger {
    border-top: 2px solid #0906ff;
    border-bottom: 2px solid #0906ff; }
  body.post-type-archive-news .on-menu-active #menu-trigger .line-middle, body.single-news .on-menu-active #menu-trigger .line-middle {
    background-color: #0906ff; }
  body.post-type-archive-news .on-menu-active #menu-trigger:before,
  body.post-type-archive-news .on-menu-active #menu-trigger:after, body.single-news .on-menu-active #menu-trigger:before,
  body.single-news .on-menu-active #menu-trigger:after {
    background-color: #0906ff; }
  body.post-type-archive-news #side-navigation, body.single-news #side-navigation {
    color: #ffffff; }
  body.post-type-archive-news #side-navigation a.line-cut:before, body.post-type-archive-news #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-news #side-navigation a:before, body.post-type-archive-news #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-news #side-navigation a:before, body.post-type-archive-news .side-social a.line-cut:before, body.post-type-archive-news .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-news .side-social a:before, body.post-type-archive-news .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-news .side-social a:before, body.single-news #side-navigation a.line-cut:before, body.single-news #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-news #side-navigation a:before, body.single-news #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-news #side-navigation a:before, body.single-news .side-social a.line-cut:before, body.single-news .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-news .side-social a:before, body.single-news .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-news .side-social a:before {
    background-color: #ffffff; }
  body.post-type-archive-news .on-menu-active .side-social.text-blue, body.single-news .on-menu-active .side-social.text-blue {
    color: #0906ff; }
  body.post-type-archive-news .on-menu-active .side-social a.line-cut:before, body.post-type-archive-news .on-menu-active .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.post-type-archive-news .on-menu-active .side-social a:before, body.post-type-archive-news .on-menu-active .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.post-type-archive-news .on-menu-active .side-social a:before, body.single-news .on-menu-active .side-social a.line-cut:before, body.single-news .on-menu-active .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.single-news .on-menu-active .side-social a:before, body.single-news .on-menu-active .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.single-news .on-menu-active .side-social a:before {
    background-color: #0906ff; }
  body.post-type-archive-news #main-container, body.single-news #main-container {
    margin-top: 180px;
    margin-bottom: 120px; }

article.news {
  width: 100%;
  margin: auto auto 120px;
  padding: 0px; }
  article.news:last-child {
    margin-bottom: 0px; }
  article.news .text-white {
    display: inline-block;
    z-index: 1; }
  article.news h1, article.news .us, article.news .inherit-h1, article.news article.case-study .case-overlay .case-title, article.case-study .case-overlay article.news .case-title {
    margin-bottom: 40px; }
  article.news .news-description {
    display: inline-block; }
    article.news .news-description p {
      text-transform: uppercase;
      margin-bottom: 0px; }
  article.news .news-arrow {
    display: inline-block;
    float: right;
    margin-top: 40px; }
    article.news .news-arrow img.arrow {
      height: 20px;
      width: auto;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  article.news .news-bg {
    position: absolute;
    width: 105%;
    height: 100%;
    top: 32px;
    z-index: -1;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  article.news .news-thumbnail {
    margin-left: 8%;
    margin-top: -15%;
    z-index: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    article.news .news-thumbnail img {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  article.news a:hover .news-bg {
    top: 0px; }
  article.news a:hover .news-thumbnail {
    -ms-transform: scale(0.95, 0.95);
    /* IE 9 */
    -webkit-transform: scale(0.95, 0.95);
    /* Chrome, Safari, Opera */
    transform: scale(0.95, 0.95); }
    article.news a:hover .news-thumbnail img {
      -ms-transform: scale(1.1, 1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1, 1.1);
      /* Chrome, Safari, Opera */
      transform: scale(1.1, 1.1); }
  article.news a:hover img.arrow {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0); }

body.single-news .single-news-arrow {
  height: 20px;
  display: inline-block;
  float: right;
  margin-top: -20px;
  margin-right: 40px; }

@media only screen and (max-width: 1200px) {
  article.news {
    width: 100%;
    margin: auto auto 120px; }
    article.news h1, article.news .us, article.news .inherit-h1, article.news article.case-study .case-overlay .case-title, article.case-study .case-overlay article.news .case-title {
      margin-bottom: 30px; }
    article.news .news-arrow {
      margin-top: 40px; }
      article.news .news-arrow img.arrow {
        height: 20px; }
    article.news .news-bg {
      width: 105%;
      height: 100%;
      top: 28px; }
    article.news .news-thumbnail {
      margin-left: 9%;
      margin-top: -17%; } }
@media only screen and (max-width: 768px) {
  #news-container {
    width: 100vw;
    margin: auto;
    padding: 0px 60px; }

  article.news .news-thumbnail {
    margin-left: 10%;
    margin-top: -18%; } }
@media only screen and (max-width: 480px) {
  body.post-type-archive-news #main-container, body.single-news #main-container {
    margin-top: 160px;
    margin-bottom: 80px; }

  #news-container {
    padding: 0px 40px; }

  article.news {
    margin: auto auto 80px; }
    article.news h1, article.news .us, article.news .inherit-h1, article.news article.case-study .case-overlay .case-title, article.case-study .case-overlay article.news .case-title {
      margin-bottom: 20px;
      font-size: 32px; }
    article.news .news-arrow {
      margin-top: 20px; }
      article.news .news-arrow img.arrow {
        height: 14px; }
    article.news .news-bg {
      width: 105%;
      height: 100%;
      top: 28px; }
    article.news .news-thumbnail {
      margin-left: 40px;
      margin-top: -25%;
      width: 100%; }
    article.news .news-description p {
      font-size: 16px; } }
#positive-switch-container, .bio-switch-container {
  margin-top: 180px;
  padding: 0px; }
  #positive-switch-container #positive-switch.owl-carousel, .bio-switch-container #positive-switch.owl-carousel {
    font-size: 20px;
    list-style: none;
    margin-left: 10px;
    background-color: transparent !important; }
    #positive-switch-container #positive-switch.owl-carousel .li, .bio-switch-container #positive-switch.owl-carousel .li {
      float: left;
      margin-right: 40px;
      padding: 0px 20px; }
      #positive-switch-container #positive-switch.owl-carousel .li a, .bio-switch-container #positive-switch.owl-carousel .li a {
        letter-spacing: .1em;
        display: inline-block;
        font-size: 20px;
        color: #666666;
        font-family: Abolition, sans-serif;
        margin: 0px;
        width: calc(100% - .1em);
        white-space: nowrap; }
        #positive-switch-container #positive-switch.owl-carousel .li a.line-cut.active, .bio-switch-container #positive-switch.owl-carousel .li a.line-cut.active, #positive-switch-container #positive-switch.owl-carousel .li .bio-item .bio-item--icons a.active, .bio-item .bio-item--icons #positive-switch-container #positive-switch.owl-carousel .li a.active, .bio-switch-container #positive-switch.owl-carousel .li .bio-item .bio-item--icons a.active, .bio-item .bio-item--icons .bio-switch-container #positive-switch.owl-carousel .li a.active {
          pointer-events: none; }

.extra-content {
  color: #ffffff;
  margin-bottom: 160px; }

@media only screen and (min-width: 1200px) {
  #positive-switch .owl-item {
    width: initial !important; } }
@media only screen and (max-width: 768px) {
  #positive-switch-container #positive-switch.owl-carousel .li a, .bio-switch-container #positive-switch.owl-carousel .li a {
    letter-spacing: .5em;
    width: calc(100% - .5em); } }
@media only screen and (max-width: 480px) {
  .extra-content {
    margin-bottom: 80px; }

  #positive-switch-container, .bio-switch-container {
    width: 100vw;
    padding: 0px 40px;
    margin: 160px auto 0px; }
    #positive-switch-container #positive-switch.owl-carousel .owl-item a.line-cut, .bio-switch-container #positive-switch.owl-carousel .owl-item a.line-cut, #positive-switch-container #positive-switch.owl-carousel .owl-item .bio-item .bio-item--icons a, .bio-item .bio-item--icons #positive-switch-container #positive-switch.owl-carousel .owl-item a, .bio-switch-container #positive-switch.owl-carousel .owl-item .bio-item .bio-item--icons a, .bio-item .bio-item--icons .bio-switch-container #positive-switch.owl-carousel .owl-item a {
      pointer-events: none; }
    #positive-switch-container #positive-switch.owl-carousel .li, .bio-switch-container #positive-switch.owl-carousel .li {
      float: none;
      margin: auto;
      padding: 0px;
      text-align: center; }
      #positive-switch-container #positive-switch.owl-carousel .li a, .bio-switch-container #positive-switch.owl-carousel .li a {
        letter-spacing: 0.3em; }
    #positive-switch-container #positive-switch.owl-carousel .owl-nav .owl-next, .bio-switch-container #positive-switch.owl-carousel .owl-nav .owl-next {
      right: 0px; }
    #positive-switch-container #positive-switch.owl-carousel .owl-nav .icon, .bio-switch-container #positive-switch.owl-carousel .owl-nav .icon {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin: 0px;
      font-size: 0px;
      color: #0906ff; }
      #positive-switch-container #positive-switch.owl-carousel .owl-nav .icon:before, .bio-switch-container #positive-switch.owl-carousel .owl-nav .icon:before {
        font-family: TPG;
        font-size: 40px;
        content: "\e003"; }
      #positive-switch-container #positive-switch.owl-carousel .owl-nav .icon.tpg-icon-left, .bio-switch-container #positive-switch.owl-carousel .owl-nav .icon.tpg-icon-left {
        -ms-transform: rotate(-90deg);
        /* IE 9 */
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-90deg); }
      #positive-switch-container #positive-switch.owl-carousel .owl-nav .icon.tpg-icon-right, .bio-switch-container #positive-switch.owl-carousel .owl-nav .icon.tpg-icon-right {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg); } }
/* HIGHER PURPOSE */
body #logo-wrap svg path, body #logo-wrap svg polygon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
body #menu-trigger, body #menu-trigger .line-middle, body #menu-trigger:before, body #menu-trigger:after, body #side-navigation, body .side-social.text-blue a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
body.pos-what-we-do #logo-wrap svg path, body.pos-what-we-do #logo-wrap svg polygon {
  fill: #ff3caa;
  background-color: #ff3caa; }
body.pos-what-we-do .side-social.text-blue {
  color: #ff3caa; }
body.pos-what-we-do #menu-trigger {
  border-top: 2px solid #ff3caa;
  border-bottom: 2px solid #ff3caa; }
body.pos-what-we-do #menu-trigger .line-middle {
  background-color: #ff3caa; }
body.pos-what-we-do #menu-trigger:before, body.pos-what-we-do #menu-trigger:after {
  background-color: #ff3caa; }
body.pos-what-we-do #side-navigation {
  color: #ff3caa; }
body.pos-what-we-do #side-navigation a.line-cut:before, body.pos-what-we-do #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-what-we-do #side-navigation a:before, body.pos-what-we-do #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-what-we-do #side-navigation a:before, body.pos-what-we-do .side-social a.line-cut:before, body.pos-what-we-do .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-what-we-do .side-social a:before, body.pos-what-we-do .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-what-we-do .side-social a:before {
  background-color: #ff3caa; }
body.pos-what-we-do .example:before, body.pos-what-we-do .ani.wipeFromLeft .wpb_wrapper:before, .ani.wipeFromLeft body.pos-what-we-do .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromRight .wpb_wrapper:before, .ani.wipeFromRight body.pos-what-we-do .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromTop .wpb_wrapper:before, .ani.wipeFromTop body.pos-what-we-do .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromBottom .wpb_wrapper:before, .ani.wipeFromBottom body.pos-what-we-do .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromLeft .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromRight .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromTop .wpb_wrapper:before, body.pos-what-we-do .ani.wipeFromBottom .wpb_wrapper:before {
  background-color: #ff3caa; }
body.pos-dau-sac #logo-wrap svg path, body.pos-dau-sac #logo-wrap svg polygon {
  fill: #965aff;
  background-color: #965aff; }
body.pos-dau-sac .side-social.text-blue {
  color: #965aff; }
body.pos-dau-sac #menu-trigger {
  border-top: 2px solid #965aff;
  border-bottom: 2px solid #965aff; }
body.pos-dau-sac #menu-trigger .line-middle {
  background-color: #965aff; }
body.pos-dau-sac #menu-trigger:before, body.pos-dau-sac #menu-trigger:after {
  background-color: #965aff; }
body.pos-dau-sac #side-navigation {
  color: #965aff; }
body.pos-dau-sac #side-navigation a.line-cut:before, body.pos-dau-sac #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-dau-sac #side-navigation a:before, body.pos-dau-sac #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-dau-sac #side-navigation a:before, body.pos-dau-sac .side-social a.line-cut:before, body.pos-dau-sac .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-dau-sac .side-social a:before, body.pos-dau-sac .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-dau-sac .side-social a:before {
  background-color: #965aff; }
body.pos-dau-sac .example:before, body.pos-dau-sac .ani.wipeFromLeft .wpb_wrapper:before, .ani.wipeFromLeft body.pos-dau-sac .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromRight .wpb_wrapper:before, .ani.wipeFromRight body.pos-dau-sac .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromTop .wpb_wrapper:before, .ani.wipeFromTop body.pos-dau-sac .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromBottom .wpb_wrapper:before, .ani.wipeFromBottom body.pos-dau-sac .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromLeft .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromRight .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromTop .wpb_wrapper:before, body.pos-dau-sac .ani.wipeFromBottom .wpb_wrapper:before {
  background-color: #965aff; }
body.pos-who-we-cultivate #logo-wrap svg path, body.pos-who-we-cultivate #logo-wrap svg polygon {
  fill: #50ffa0;
  background-color: #50ffa0; }
body.pos-who-we-cultivate .side-social.text-blue {
  color: #50ffa0; }
body.pos-who-we-cultivate #menu-trigger {
  border-top: 2px solid #50ffa0;
  border-bottom: 2px solid #50ffa0; }
body.pos-who-we-cultivate #menu-trigger .line-middle {
  background-color: #50ffa0; }
body.pos-who-we-cultivate #menu-trigger:before, body.pos-who-we-cultivate #menu-trigger:after {
  background-color: #50ffa0; }
body.pos-who-we-cultivate #side-navigation {
  color: #50ffa0; }
body.pos-who-we-cultivate #side-navigation a.line-cut:before, body.pos-who-we-cultivate #side-navigation #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-who-we-cultivate #side-navigation a:before, body.pos-who-we-cultivate #side-navigation .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-who-we-cultivate #side-navigation a:before, body.pos-who-we-cultivate .side-social a.line-cut:before, body.pos-who-we-cultivate .side-social #main-menu-container .menu li a:before, #main-menu-container .menu li body.pos-who-we-cultivate .side-social a:before, body.pos-who-we-cultivate .side-social .bio-item .bio-item--icons a:before, .bio-item .bio-item--icons body.pos-who-we-cultivate .side-social a:before {
  background-color: #50ffa0; }
body.pos-who-we-cultivate .example:before, body.pos-who-we-cultivate .ani.wipeFromLeft .wpb_wrapper:before, .ani.wipeFromLeft body.pos-who-we-cultivate .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromRight .wpb_wrapper:before, .ani.wipeFromRight body.pos-who-we-cultivate .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromTop .wpb_wrapper:before, .ani.wipeFromTop body.pos-who-we-cultivate .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromBottom .wpb_wrapper:before, .ani.wipeFromBottom body.pos-who-we-cultivate .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromLeft .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromRight .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromTop .wpb_wrapper:before, body.pos-who-we-cultivate .ani.wipeFromBottom .wpb_wrapper:before {
  background-color: #50ffa0; }

/* cd /Applications/MAMP/htdocs/demo/tpg/ */
/* sass --watch init/init.scss:css/init.css */

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