.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  transition: all 0s; }

.tns-slider > .tns-item {
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  transition: all 0.25s; }

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

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left; }
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box; }

.vbox-overlay * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible; }

.vbox-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1040;
  -webkit-transform: translateZ(1000px);
  transform: translateZ(1000px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/* ----- navigation ----- */
.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 40px;
  overflow: hidden;
  position: fixed;
  display: none;
  left: 0;
  z-index: 1050; }

.vbox-close {
  cursor: pointer;
  position: fixed;
  top: -1px;
  right: 0;
  width: 50px;
  height: 40px;
  padding: 6px;
  display: block;
  background-position: 10px center;
  overflow: hidden;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  z-index: 1050; }

.vbox-num {
  cursor: pointer;
  position: fixed;
  left: 0;
  height: 40px;
  display: block;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  display: none;
  z-index: 1050; }

/* ----- navigation ARROWS ----- */
.vbox-next, .vbox-prev {
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 1050; }

.vbox-next span, .vbox-prev span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: #B6B6B6;
  border-right-color: #B6B6B6;
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block; }

.vbox-prev {
  left: 15px; }

.vbox-next {
  right: 15px; }

.vbox-prev span {
  left: 10px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.vbox-next span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px; }

/* ------- inline window ------ */
.vbox-inline {
  width: 420px;
  height: 315px;
  height: 70vh;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  overflow: auto;
  text-align: left; }

/* ------- Video & iFrames window ------ */
.venoframe {
  max-width: 100%;
  width: 100%;
  border: none;
  width: 100%;
  height: 260px;
  height: 70vh; }

.venoframe.vbvid {
  height: 260px; }

@media (min-width: 768px) {
  .venoframe, .vbox-inline {
    width: 90%;
    height: 360px;
    height: 70vh; }
  .venoframe.vbvid {
    width: 640px;
    height: 360px; } }

@media (min-width: 992px) {
  .venoframe, .vbox-inline {
    max-width: 1200px;
    width: 80%;
    height: 540px;
    height: 70vh; }
  .venoframe.vbvid {
    width: 960px;
    height: 540px; } }

/*
Please do NOT edit this part!
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
.vbox-open {
  overflow: hidden; }

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%; }

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 20px 10px; }

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

.vbox-figlio {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: 100%;
  text-align: initial; }

img.vbox-figlio {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.vbox-content.swipe-left {
  margin-left: -200px !important; }

.vbox-content.swipe-right {
  margin-left: 200px !important; }

.vbox-animated {
  webkit-transition: margin 300ms ease-out;
  transition: margin 300ms ease-out; }

/* ---------- preloader ----------
 * SPINKIT
 * http://tobiasahlin.com/spinkit/
-------------------------------- */
.sk-double-bounce, .sk-rotating-plane {
  width: 40px;
  height: 40px;
  margin: 40px auto; }

.sk-rotating-plane {
  background-color: #333;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.sk-double-bounce {
  position: relative; }

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out; }

.sk-chasing-dots .sk-child, .sk-spinner-pulse, .sk-three-bounce .sk-child {
  background-color: #333;
  border-radius: 100%; }

.sk-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.sk-wave .sk-rect {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }

.sk-wave .sk-rect1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s; }

.sk-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-wave .sk-rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s; }

.sk-wave .sk-rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.sk-wandering-cubes .sk-cube {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
  animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }

.sk-chasing-dots, .sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto; }

.sk-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s; }

@-webkit-keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
    transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
    transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
    transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
    transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
    transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
    transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.sk-spinner-pulse {
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.sk-chasing-dots {
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear; }

.sk-chasing-dots .sk-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out; }

.sk-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center; }

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }

.sk-circle .sk-child:before, .sk-fading-circle .sk-circle:before {
  display: block;
  border-radius: 100%;
  content: '';
  background-color: #333; }

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s; }

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto; }

.sk-cube-grid .sk-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s; }

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms; }

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s; }

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: .6s;
  animation-delay: .6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: .9s;
  animation-delay: .9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0);
    transform: perspective(140px) rotateX(0);
    opacity: 1; }
  100%, 90% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0);
    transform: perspective(140px) rotateX(0);
    opacity: 1; }
  100%, 90% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings,
helpers or functions. They have no direct output.
*/
@font-face {
  font-family: 'Koor-RegularNormal';
  src: url("../fonts/Koor-RegularNormal.eot");
  src: url("../fonts/Koor-RegularNormal.eot?#iefix") format("embedded-opentype"), url("../fonts/Koor-RegularNormal.woff") format("woff"), url("../fonts/Koor-RegularNormal.woff2") format("woff2"), url("../fonts/Koor-RegularNormal.svg#Koor-RegularNormal") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE; }

@font-face {
  font-family: 'Graphik-Regular';
  src: url("../fonts/Graphik-Regular.eot");
  src: url("../fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype"), url("../fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Graphik-Medium';
  src: url("../fonts/Graphik-Medium.eot");
  src: url("../fonts/Graphik-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype"), url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@-webkit-keyframes pop {
  from {
    margin-top: 50px;
    opacity: 0; }
  to {
    margin-top: -50px;
    opacity: 1; } }

@keyframes pop {
  from {
    margin-top: 50px;
    opacity: 0; }
  to {
    margin-top: -50px;
    opacity: 1; } }

@-webkit-keyframes shimmy-1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

@keyframes shimmy-1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

@-webkit-keyframes shimmy-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

@keyframes shimmy-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

@-webkit-keyframes shimmy-3 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

@keyframes shimmy-3 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px); } }

/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in
the project.
*/
/*
This file can be used to overwrite any normailze settings.
*/
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none; }

/* Old shadow dom for play button */
*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none; }

/* New shadow dom for play button */
/* This one works! */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #FAF8F6;
  overflow-x: hidden; }
  body.menu--active,
  html.menu--active {
    overflow: hidden; }
  body *,
  html * {
    box-sizing: border-box; }
  body ul,
  html ul {
    padding: 0; }

main {
  padding-top: 0; }
  @media (min-width: 768px) {
    main {
      padding-top: 64px; } }
  @media (min-width: 1144px) {
    main {
      padding-top: 72px; } }
.about-us main {
  background: #F7F2ED; }

html {
  font-family: "Graphik-Regular", Helvetica, Arial, sans-serif, sans-serif;
  font-weight: normal;
  color: #171717;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig"; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Graphik-Regular", Helvetica, Arial, sans-serif, sans-serif;
  margin: 0;
  line-height: 1.2;
  font-weight: 100;
  line-height: 1.4; }
  h1.--center, h2.--center, h3.--center, h4.--center, h5.--center, h6.--center {
    text-align: center; }
  h1.--light, h2.--light, h3.--light, h4.--light, h5.--light, h6.--light {
    color: #ffffff; }
  h1.--dark, h2.--dark, h3.--dark, h4.--dark, h5.--dark, h6.--dark {
    color: #1F1F1F; }
  h1.--alt, h2.--alt, h3.--alt, h4.--alt, h5.--alt, h6.--alt {
    text-transform: none;
    font-family: "Koor-RegularNormal", Cambria, Times New Roman, Times, serif, sans-serif; }

a {
  color: #1F1F1F; }

h1 {
  font-size: 72px;
  letter-spacing: 0;
  line-height: 0.92;
  font-family: "Koor-RegularNormal", Cambria, Times New Roman, Times, serif, sans-serif;
  text-transform: uppercase; }

h2 {
  font-size: 64px;
  letter-spacing: -1.0;
  line-height: 1.1; }

h3 {
  font-size: 40px;
  letter-spacing: 0.4;
  line-height: 1.2; }

h4 {
  font-size: 32px;
  letter-spacing: 0.32;
  line-height: 1.2; }

h5 {
  font-size: 24px;
  letter-spacing: 0.32; }

h6 {
  font-size: 16px;
  letter-spacing: 0.20; }

p {
  margin-bottom: 1em;
  font-size: 14px;
  line-height: 1.5; }
  p.--body-2 {
    font-size: 12px;
    letter-spacing: 0.1; }
  p.--body-3 {
    font-size: 16px;
    letter-spacing: 0.3; }
  p.--subtitle-2 {
    font-size: 14px;
    letter-spacing: 0.3;
    font-family: "Graphik-Medium", Helvetica, Arial, sans-serif, sans-serif; }
  p.--overline {
    font-size: 14px;
    letter-spacing: 0.3px;
    text-transform: uppercase; }
  p.--light {
    color: #ffffff; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

.container {
  display: block;
  margin: 0 auto;
  padding: 0 1em;
  max-width: 1080px; }

.btn {
  background: #379B81;
  height: 44px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding: 16px 16px;
  border-radius: 29px;
  border: none;
  outline: none;
  color: #ffffff;
  font-family: "Graphik-Medium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 1;
  transition: all 0.3s ease;
  text-decoration: none; }
  .btn.btn--light {
    background: #ffffff;
    color: #379B81; }
    .btn.btn--light:hover, .btn.btn--light:active {
      color: #ffffff;
      transition: all 0.3s ease;
      cursor: pointer; }
  .btn.btn--outline-light {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .btn.btn--outline-light i {
      padding-right: 8px; }
  .btn.btn--outline-dark {
    border: 2px solid #379B81;
    color: #379B81;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent; }
    .btn.btn--outline-dark i {
      padding-right: 8px; }
    .btn.btn--outline-dark:hover, .btn.btn--outline-dark:active {
      border: 2px solid #42b99a;
      background: transparent;
      color: #42b99a;
      transition: all 0.3s ease;
      cursor: pointer; }
    @media (min-width: 768px) {
      .btn.btn--outline-dark {
        padding: 8px 18px; } }
  .btn:hover {
    background: #42b99a;
    transition: all 0.3s ease;
    cursor: pointer; }
  .btn:active {
    background: #5ec6ab; }
  .btn.btn--big {
    height: 44px;
    padding: 16px 16px; }
  .btn.btn--icon-no-bg {
    background: none;
    color: #333333;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 8px 0 8px 8px;
    text-align: left; }
    @media (min-width: 768px) {
      .btn.btn--icon-no-bg {
        padding: 8px 18px; } }
    .btn.btn--icon-no-bg i {
      padding-right: 8px; }

.btn-secondary {
  display: flex;
  padding: 8px 0 8px 14px;
  text-decoration: underline;
  font-size: 14px;
  font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
  transition: all 0.1s ease-in;
  color: #1F1F1F; }
  .btn-secondary:hover, .btn-secondary:active {
    color: #474747;
    transition: all 0.1s ease-in;
    cursor: pointer; }
    .btn-secondary:hover i, .btn-secondary:active i {
      padding-left: 8px; }
  .btn-secondary i {
    padding-left: 4px;
    transition: all 0.1s ease;
    width: 16px; }
    .btn-secondary i img {
      max-width: 14px;
      height: inherit;
      margin: 0; }

.btn-secondary__light {
  color: #ffffff; }
  .btn-secondary__light:hover, .btn-secondary__light:active {
    color: #ebebeb;
    transition: all 0.1s ease-in;
    cursor: pointer; }
    .btn-secondary__light:hover i, .btn-secondary__light:active i {
      padding-left: 8px; }

.btn-secondary__left {
  display: inline-block;
  padding: 8px 0 8px 0px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.btn-secondary__all-articles {
  font-size: 24px;
  font-family: "Graphik-Regular", Helvetica, Arial, sans-serif; }
  .btn-secondary__all-articles:hover, .btn-secondary__all-articles:active {
    color: #474747;
    transition: all 0.1s ease-in;
    cursor: pointer; }
    .btn-secondary__all-articles:hover i, .btn-secondary__all-articles:active i {
      padding-left: 12px; }
  .btn-secondary__all-articles i {
    padding-left: 8px;
    transition: all 0.1s ease;
    width: 40px; }
    .btn-secondary__all-articles i img {
      width: 24px;
      max-width: none;
      height: inherit;
      margin: 0; }

.header {
  background: #000000;
  width: 100%;
  padding: 0 16px;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .header {
      padding: 0 32px;
      position: fixed;
      z-index: 100; } }
.header__inner {
  width: 100%;
  height: 64px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr 1fr; }
  @media (min-width: 1144px) {
    .header__inner {
      grid-template-columns: 1fr 2fr 1fr;
      height: 72px; } }
.header__logo {
  margin-top: 6px; }
  .header__logo img {
    width: 110px; }
    @media (min-width: 768px) {
      .header__logo img {
        width: auto; } }
.header__cta {
  display: none;
  text-align: right; }
  .header__cta a.btn-demo {
    color: #ffffff;
    margin-right: 8px;
    font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px; }
  .header__cta .phone {
    font-size: 14px;
    letter-spacing: 0.3;
    font-family: "Graphik-Medium", Helvetica, Arial, sans-serif, sans-serif;
    margin-right: 8px;
    display: inline-block; }
  @media (min-width: 1144px) {
    .header__cta {
      display: block; } }
.header__hamburger {
  display: block;
  text-align: right; }
  @media (min-width: 1144px) {
    .header__hamburger {
      display: none; } }
.header__nav {
  display: none;
  margin: 0 auto; }
  @media (min-width: 1144px) {
    .header__nav {
      display: block;
      position: relative;
      z-index: 1000; } }
  .header__nav ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .header__nav li {
    display: block;
    float: left;
    padding: 26px 12px;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
    height: 72px;
    font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    .header__nav li.--active a {
      padding: 28px 0;
      border-bottom: 3px solid #0C2353; }
    .header__nav li i {
      padding-left: 4px; }
  .header__nav li a {
    color: #ffffff;
    text-decoration: none; }
  .header__nav li:focus-within a {
    outline: none; }
  .header__nav ul li ul {
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: auto;
    left: 0;
    display: none;
    background: #ffffff;
    z-index: 100;
    padding: 10px 0;
    border-radius: 6px; }
    .header__nav ul li ul li {
      height: auto;
      padding: 2px 12px; }
      .header__nav ul li ul li a {
        font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
        color: #333333; }
  .header__nav ul li ul:focus,
  .header__nav ul li ul:hover,
  .header__nav ul li:focus-within > ul,
  .header__nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    display: block;
    background: #ffffff;
    color: #333333; }
  .header__nav ul li ul li {
    clear: both;
    width: 100%; }

.intercom {
  position: absolute;
  cursor: pointer;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 60px;
  height: 60px;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 6px 0px, rgba(0, 0, 0, 0.16) 0 2px 32px 0;
  border-radius: 50%;
  background: #333333;
  overflow: hidden;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }

.case-study-feature a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #ffffff; }

.case-study-feature .case-study-feature__img-wrap video {
  width: 100%;
  max-width: 800px;
  min-height: inherit;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 1024px) {
    .case-study-feature .case-study-feature__img-wrap video {
      max-height: none;
      height: calc(55vh - 100px);
      min-height: 260px; } }
  @media (min-width: 1441px) {
    .case-study-feature .case-study-feature__img-wrap video {
      max-height: none;
      height: calc(55vh - 100px);
      min-height: 260px; } }
.case-study-feature .case-study-feature__img-wrap img {
  width: auto;
  max-width: 800px;
  min-height: 260px;
  height: calc(52vh - 132px);
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 1441px) {
    .case-study-feature .case-study-feature__img-wrap img {
      max-height: none;
      height: calc(55vh - 140px); } }
.case-study-feature p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase; }

.hero-solutions .case-study-feature {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  flex-direction: column; }
  @media (min-width: 1024px) {
    .hero-solutions .case-study-feature {
      align-items: flex-end;
      justify-content: center;
      flex-direction: row; } }
  .hero-solutions .case-study-feature .case-study-feature__img-wrap video {
    width: 100%;
    max-width: none;
    min-height: inherit;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (min-width: 1024px) {
      .hero-solutions .case-study-feature .case-study-feature__img-wrap video {
        min-height: 320px;
        height: calc(50vh - 40px); } }
  .hero-solutions .case-study-feature .case-study-feature__img-wrap img {
    width: 100%;
    max-width: none;
    min-height: 320px;
    height: calc(50vh - 40px);
    -o-object-fit: cover;
       object-fit: cover; }
  .hero-solutions .case-study-feature .case-study-feature__vert-text {
    padding-left: 0; }
    @media (min-width: 1024px) {
      .hero-solutions .case-study-feature .case-study-feature__vert-text {
        padding-left: 12px; } }
    .hero-solutions .case-study-feature .case-study-feature__vert-text p {
      -webkit-writing-mode: inherit;
          -ms-writing-mode: inherit;
              writing-mode: inherit;
      -webkit-transform: none;
              transform: none;
      margin-right: 0;
      padding: 8px 0 0 0;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      color: #0C2353;
      line-height: 1.3;
      max-height: 280px; }
      @media (min-width: 1024px) {
        .hero-solutions .case-study-feature .case-study-feature__vert-text p {
          -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
                  writing-mode: vertical-rl;
          -webkit-transform: rotate(-180deg);
                  transform: rotate(-180deg);
          padding: 0; } }
      .hero-solutions .case-study-feature .case-study-feature__vert-text p a {
        color: #0C2353; }

.hero-videos .case-study-feature {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  flex-direction: column; }
  .hero-videos .case-study-feature .case-study-feature__img-wrap video {
    width: 100%;
    max-width: none;
    min-height: inherit;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (min-width: 1024px) {
      .hero-videos .case-study-feature .case-study-feature__img-wrap video {
        min-height: 320px;
        height: calc(50vh - 40px); } }
  .hero-videos .case-study-feature .case-study-feature__img-wrap img {
    width: 100%;
    max-width: none;
    min-height: 320px;
    height: calc(50vh - 40px);
    -o-object-fit: cover;
       object-fit: cover; }
  .hero-videos .case-study-feature p {
    -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
            writing-mode: inherit;
    -webkit-transform: none;
            transform: none;
    margin-right: 0;
    padding: 8px 0 0 0;
    font-size: 14px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #0C2353;
    line-height: 1.3; }
    .hero-videos .case-study-feature p a {
      color: #0C2353; }

.case-study-card {
  position: relative; }
  .case-study-card a {
    text-decoration: none; }
  .featured-work__content .case-study-card a {
    text-decoration: none;
    color: #0C2353; }
  .case-study-card .case-study-card__sizer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%; }
    .case-study-card .case-study-card__sizer img {
      max-width: 100%;
      transition: all 0.4s;
      -webkit-transform: scale(1);
              transform: scale(1);
      display: block;
      width: 100%;
      height: auto; }
    .case-study-card .case-study-card__sizer:hover img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
      cursor: pointer; }
  .case-study-card .case-study-card__meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
    flex-wrap: wrap; }
    .case-study-card .case-study-card__meta p {
      padding: 0;
      margin: 0; }

.for-freelancers__logos-slideshow {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.for-freelancers__logos-slideshow .slide {
  background: url(/wp-content/themes/crews/library/img/client-logos.png) repeat-x;
  background-size: 1726px 38px;
  height: 38px;
  width: 3452px;
  -webkit-animation: slide 10s linear infinite;
          animation: slide 10s linear infinite; }
  @media (min-width: 1024px) {
    .for-freelancers__logos-slideshow .slide {
      height: 49px;
      width: 7578px;
      background-size: 2526px 49px; } }
@-webkit-keyframes slide {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1726px, 0, 0);
            transform: translate3d(-1726px, 0, 0);
    @media (min-width: 1024px) {
      -webkit-transform: translate3d(-2526px, 0, 0);
              transform: translate3d(-2526px, 0, 0); } } }
@keyframes slide {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1726px, 0, 0);
            transform: translate3d(-1726px, 0, 0);
    @media (min-width: 1024px) {
      -webkit-transform: translate3d(-2526px, 0, 0);
              transform: translate3d(-2526px, 0, 0); } } }

.news-card {
  position: relative; }
  .news-card .news-card__meta {
    padding: 16px 0 12px; }
    .news-card .news-card__meta h5 {
      padding: 6px 0 0; }
      .news-card .news-card__meta h5 a {
        text-decoration: none; }
    .news-card .news-card__meta p {
      padding: 14px 0 12px;
      margin: 0; }
      .news-card .news-card__meta p a {
        text-decoration: none; }
  .news-card .news__thumb {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1; }
    .news-card .news__thumb img {
      max-width: 100%;
      transition: all 0.4s;
      -webkit-transform: scale(1);
              transform: scale(1);
      display: block;
      width: 100%;
      height: auto; }
      .news-card .news__thumb img:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
        cursor: pointer; }

.cat-chip {
  border-radius: 14px;
  padding: 8px 10px;
  background: #b8e6da;
  color: #379B81;
  font-size: 11px;
  line-height: 0.9;
  text-transform: uppercase;
  text-decoration: none;
  width: auto;
  position: absolute;
  z-index: 3;
  top: 16px;
  left: 16px; }

.typeform-overlay .vbox-content {
  padding: 0;
  height: 100vh; }
  .typeform-overlay .vbox-content .vbox-figlio {
    box-shadow: none; }

.vbox-overlay .vbox-close {
  background: url("/wp-content/themes/wkv/library/img/icons/icon-close-large.svg") no-repeat;
  text-indent: -99999px;
  background-position: center;
  top: 20px;
  right: 20px;
  width: 26px; }
  @media (min-width: 768px) {
    .vbox-overlay .vbox-close {
      right: 40px; } }
.our-video-overlay .vbox-container {
  overflow-y: auto;
  padding: 0 40px; }
  @media (min-width: 768px) {
    .our-video-overlay .vbox-container {
      padding: 0 64px; } }
  @media (min-width: 1024px) {
    .our-video-overlay .vbox-container {
      padding: 0; } }
  .our-video-overlay .vbox-container .vbox-content {
    padding: 0;
    height: 100vh; }
    .our-video-overlay .vbox-container .vbox-content .vbox-figlio {
      box-shadow: none; }
    .our-video-overlay .vbox-container .vbox-content iframe.venoframe {
      width: auto; }

.our-video-overlay .vbox-close {
  background: url("/wp-content/themes/crews/library/img/icons/icon-close-large.svg") no-repeat;
  background-size: 16px;
  background-position: center;
  text-indent: -99999px;
  top: 0px;
  right: 8px;
  width: 16px; }
  @media (min-width: 768px) {
    .our-video-overlay .vbox-close {
      background-size: auto;
      right: 16px;
      top: 20px;
      width: 38px; } }
.our-video-overlay .vbox-next {
  background: url("/wp-content/themes/wkv/library/img/icons/icon-nav-right-circle.svg") no-repeat;
  background-size: 24px;
  background-position: center;
  text-indent: -99999px;
  width: 24px;
  height: 24px;
  right: 8px; }
  @media (min-width: 768px) {
    .our-video-overlay .vbox-next {
      width: 40px;
      height: 40px;
      right: 16px;
      background-size: auto; } }
  .our-video-overlay .vbox-next span {
    display: none; }

.our-video-overlay .vbox-prev {
  background: url("/wp-content/themes/wkv/library/img/icons/icon-nav-left-circle.svg") no-repeat;
  background-size: 24px;
  background-position: center;
  text-indent: -99999px;
  width: 24px;
  height: 24px;
  left: 8px; }
  @media (min-width: 768px) {
    .our-video-overlay .vbox-prev {
      width: 40px;
      height: 40px;
      background-size: auto;
      left: 16px; } }
  .our-video-overlay .vbox-prev span {
    display: none; }

.single-our_video_work {
  width: 100%; }

.work-single .work-single-header {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-row-gap: 16px;
  align-items: center;
  padding: 12px 0px; }
  .work-single .work-single-header .work-single-header__logo {
    margin-top: 6px;
    grid-column-start: 2;
    grid-column-end: span 11; }
    .work-single .work-single-header .work-single-header__logo img {
      width: 110px; }
      @media (min-width: 768px) {
        .work-single .work-single-header .work-single-header__logo img {
          width: auto; } }
  .work-single .work-single-header .work-single-header__contact {
    grid-column-start: 14;
    grid-column-end: span 11;
    text-align: right; }
    .work-single .work-single-header .work-single-header__contact .work-single-header__cta .phone {
      display: none; }
      @media (min-width: 768px) {
        .work-single .work-single-header .work-single-header__contact .work-single-header__cta .phone {
          display: inline-block; } }
.work-single .work-single__video {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; }
  .work-single .work-single__video embed,
  .work-single .work-single__video iframe,
  .work-single .work-single__video object,
  .work-single .work-single__video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.work-single .work-single__content {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(25, 1fr);
  padding: 24px 0;
  grid-row-gap: 16px; }
  .work-single .work-single__content .work-single__content-meta {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1; }
    @media (min-width: 768px) {
      .work-single .work-single__content .work-single__content-meta {
        grid-column-end: span 9; } }
    .work-single .work-single__content .work-single__content-meta h4 {
      padding: 8px 0; }
    .work-single .work-single__content .work-single__content-meta .work-single__content-meta-title {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .work-single .work-single__content .work-single__content-meta .work-single__content-meta-title span.line {
        border-top: 1px double #0C2353;
        color: #ffffff;
        overflow: visible;
        text-align: center;
        height: 1px;
        width: 16px;
        margin: 0 8px; }
    .work-single .work-single__content .work-single__content-meta p {
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      margin: 0;
      padding: 0; }
    .work-single .work-single__content .work-single__content-meta ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      margin: 0; }
  .work-single .work-single__content .work-single__content-description {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 2; }
    @media (min-width: 768px) {
      .work-single .work-single__content .work-single__content-description {
        grid-row-start: 1;
        grid-column-start: 12;
        grid-column-end: span 13; } }
    .work-single .work-single__content .work-single__content-description p {
      margin-top: 0; }

.guarantees {
  width: 100%;
  background: #D7ECF7;
  position: absolute;
  bottom: 0; }
  .guarantees .guarantees__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0; }
    .guarantees .guarantees__inner h5 {
      margin: 0 16px 0 0; }
    .guarantees .guarantees__inner .guarantees__item {
      display: flex;
      margin: 0 8px; }
      .guarantees .guarantees__inner .guarantees__item p {
        font-size: 14px;
        letter-spacing: 0.3;
        font-family: "Graphik-Medium", Helvetica, Arial, sans-serif, sans-serif; }
      .guarantees .guarantees__inner .guarantees__item img {
        width: 48px;
        height: auto; }

.drop-down-wrap {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 100;
  background: #ffffff;
  border-top: 1px solid #f7f7f7;
  width: 100%;
  display: none;
  justify-content: center; }
  @media (min-width: 1144px) {
    .drop-down-wrap {
      display: flex; } }
  .drop-down-wrap .drop-down {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(25, 1fr);
    padding: 24px 16px;
    max-width: 1140px; }
    .drop-down-wrap .drop-down.--active {
      display: grid; }
    .drop-down-wrap .drop-down .drop-down__intro {
      grid-column-start: 1;
      grid-column-end: span 5; }
      .drop-down-wrap .drop-down .drop-down__intro button {
        margin-top: 8px; }
    .drop-down-wrap .drop-down .drop-down__items {
      grid-column-start: 7;
      grid-column-end: span 19;
      display: grid;
      grid-auto-flow: row;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 2;
      grid-gap: 14px; }
      .drop-down-wrap .drop-down .drop-down__items .drop-down__item a {
        text-decoration: none; }
      .drop-down-wrap .drop-down .drop-down__items .drop-down__item p {
        margin: 0; }
        .drop-down-wrap .drop-down .drop-down__items .drop-down__item p.--overline {
          padding: 4px 0; }
      .drop-down-wrap .drop-down .drop-down__items .drop-down__item img {
        width: 100%;
        height: auto; }
    .drop-down-wrap .drop-down.drop-down__solutions {
      display: none; }
      .drop-down-wrap .drop-down.drop-down__solutions.--active {
        display: grid; }
    .drop-down-wrap .drop-down.drop-down__our-videos {
      display: none; }
      .drop-down-wrap .drop-down.drop-down__our-videos.--active {
        display: grid; }
    .drop-down-wrap .drop-down.drop-down__case-studies {
      display: none; }
      .drop-down-wrap .drop-down.drop-down__case-studies.--active {
        display: grid; }

.overlay--nav {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 80px;
  left: 0;
  z-index: 99;
  background: #000000;
  opacity: 0.5;
  display: none; }
  .overlay--nav.--active {
    display: block; }

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  z-index: 1200;
  display: none; }
  .mobile-menu.--active {
    display: block; }
  .mobile-menu .mobile-menu__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    align-items: center;
    justify-items: center;
    height: 100vh; }
    .mobile-menu .mobile-menu__inner #menu-mobile-menu {
      list-style: none;
      align-self: center; }
      .mobile-menu .mobile-menu__inner #menu-mobile-menu li {
        font-family: "Graphik-Regular", Helvetica, Arial, sans-serif, sans-serif;
        line-height: 1.3;
        text-align: center;
        padding: 0;
        margin: 0; }
        .mobile-menu .mobile-menu__inner #menu-mobile-menu li {
          font-size: 32px; }
          @media screen and (min-width: 768px) {
            .mobile-menu .mobile-menu__inner #menu-mobile-menu li {
              font-size: calc(32px + 40 * ((100vw - 768px) / 1792)); } }
          @media screen and (min-width: 2560px) {
            .mobile-menu .mobile-menu__inner #menu-mobile-menu li {
              font-size: 72px; } }
        .mobile-menu .mobile-menu__inner #menu-mobile-menu li a {
          transition: all 0.3s ease;
          text-decoration: none;
          color: #333333; }
          .mobile-menu .mobile-menu__inner #menu-mobile-menu li a:hover, .mobile-menu .mobile-menu__inner #menu-mobile-menu li a:active {
            color: gray;
            transition: all 0.3s ease;
            cursor: pointer; }
    .mobile-menu .mobile-menu__inner .mobile-menu__footer {
      align-self: flex-end;
      padding-bottom: 24px; }
    .mobile-menu .mobile-menu__inner .mobile-menu__close {
      position: absolute;
      top: 24px;
      right: 24px; }

/*
* Triangle
* Copied from UtilityBelt- https://github.com/dmtintner/UtilityBelt
*/
/*
* Respond To
* Copied from UtilityBelt- https://github.com/dmtintner/UtilityBelt
*/
/*
* Where the magic happens
*/
.info-icon {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 0 0 4px;
  line-height: 1.1;
  font-style: normal;
  text-align: center;
  color: #fff;
  background: url("/wp-content/themes/wkv/library/img/icons/icon-info-circle.svg") no-repeat; }
  .info-icon.ne {
    position: relative; }
    .info-icon.ne:before, .info-icon.ne:after {
      opacity: 0;
      z-index: 98;
      transition: opacity 300ms, visibility 0ms linear 300ms;
      pointer-events: none; }
      @media (max-width: 480px) {
        .info-icon.ne:before, .info-icon.ne:after {
          display: none; } }
    .info-icon.ne:before {
      content: attr(data-tooltip);
      position: absolute;
      width: 200px;
      padding: 10px 15px;
      line-height: 18px;
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      white-space: normal;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      background-color: #0C2353;
      color: #fff; }
    .info-icon.ne:after {
      content: ''; }
    .info-icon.ne:before {
      top: -9px;
      bottom: auto;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); }
    .info-icon.ne:after {
      content: '';
      display: block;
      position: absolute;
      height: 0;
      width: 0;
      border-top: 6px solid #0C2353;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: none;
      top: -9px;
      bottom: auto; }
    .info-icon.ne:before, .info-icon.ne:after {
      left: 50%;
      right: auto;
      margin-left: -6px; }
    .info-icon.ne:before {
      margin-left: -18px; }
    .info-icon.ne:hover {
      /* putting comment here so :hover is declared first by itself to fix ie10 bug with transitions on psuedo elements- https://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */ }
      .info-icon.ne:hover:before, .info-icon.ne:hover:after {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0ms; }
  .info-icon.nw {
    position: relative; }
    .info-icon.nw:before, .info-icon.nw:after {
      opacity: 0;
      z-index: 98;
      transition: opacity 300ms, visibility 0ms linear 300ms;
      pointer-events: none; }
      @media (max-width: 480px) {
        .info-icon.nw:before, .info-icon.nw:after {
          display: none; } }
    .info-icon.nw:before {
      content: attr(data-tooltip);
      position: absolute;
      width: 200px;
      padding: 10px 15px;
      line-height: 18px;
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      white-space: normal;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      background-color: #0C2353;
      color: #fff; }
    .info-icon.nw:after {
      content: ''; }
    .info-icon.nw:before {
      top: -9px;
      bottom: auto;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); }
    .info-icon.nw:after {
      content: '';
      display: block;
      position: absolute;
      height: 0;
      width: 0;
      border-top: 6px solid #0C2353;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: none;
      top: -9px;
      bottom: auto; }
    .info-icon.nw:before, .info-icon.nw:after {
      right: 50%;
      left: auto;
      margin-right: -6px; }
    .info-icon.nw:before {
      margin-right: -18px; }
    .info-icon.nw:hover {
      /* putting comment here so :hover is declared first by itself to fix ie10 bug with transitions on psuedo elements- https://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */ }
      .info-icon.nw:hover:before, .info-icon.nw:hover:after {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0ms; }
  .info-icon.se {
    position: relative; }
    .info-icon.se:before, .info-icon.se:after {
      opacity: 0;
      z-index: 98;
      transition: opacity 300ms, visibility 0ms linear 300ms;
      pointer-events: none; }
      @media (max-width: 480px) {
        .info-icon.se:before, .info-icon.se:after {
          display: none; } }
    .info-icon.se:before {
      content: attr(data-tooltip);
      position: absolute;
      width: 200px;
      padding: 10px 15px;
      line-height: 18px;
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      white-space: normal;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      background-color: #0C2353;
      color: #fff; }
    .info-icon.se:after {
      content: ''; }
    .info-icon.se:before {
      bottom: -9px;
      top: auto;
      -webkit-transform: translateY(100%);
      transform: translateY(100%); }
    .info-icon.se:after {
      content: '';
      display: block;
      position: absolute;
      height: 0;
      width: 0;
      border-bottom: 6px solid #0C2353;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: none;
      bottom: -9px;
      top: auto; }
    .info-icon.se:before, .info-icon.se:after {
      left: 50%;
      right: auto;
      margin-left: -6px; }
    .info-icon.se:before {
      margin-left: -18px; }
    .info-icon.se:hover {
      /* putting comment here so :hover is declared first by itself to fix ie10 bug with transitions on psuedo elements- https://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */ }
      .info-icon.se:hover:before, .info-icon.se:hover:after {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0ms; }
  .info-icon.sw {
    position: relative; }
    .info-icon.sw:before, .info-icon.sw:after {
      opacity: 0;
      z-index: 98;
      transition: opacity 300ms, visibility 0ms linear 300ms;
      pointer-events: none; }
      @media (max-width: 480px) {
        .info-icon.sw:before, .info-icon.sw:after {
          display: none; } }
    .info-icon.sw:before {
      content: attr(data-tooltip);
      position: absolute;
      width: 200px;
      padding: 10px 15px;
      line-height: 18px;
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      white-space: normal;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      background-color: #0C2353;
      color: #fff; }
    .info-icon.sw:after {
      content: ''; }
    .info-icon.sw:before {
      bottom: -9px;
      top: auto;
      -webkit-transform: translateY(100%);
      transform: translateY(100%); }
    .info-icon.sw:after {
      content: '';
      display: block;
      position: absolute;
      height: 0;
      width: 0;
      border-bottom: 6px solid #0C2353;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: none;
      bottom: -9px;
      top: auto; }
    .info-icon.sw:before, .info-icon.sw:after {
      right: 50%;
      left: auto;
      margin-right: -6px; }
    .info-icon.sw:before {
      margin-right: -18px; }
    .info-icon.sw:hover {
      /* putting comment here so :hover is declared first by itself to fix ie10 bug with transitions on psuedo elements- https://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */ }
      .info-icon.sw:hover:before, .info-icon.sw:hover:after {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0ms; }

.job-post {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #333333; }
  .for-freelancers-gigs__top .job-post--1 {
    grid-column-start: 3;
    grid-column-end: span 4;
    grid-row-start: 1; }
  .for-freelancers-gigs__top .job-post--2 {
    grid-column-start: 7;
    grid-column-end: span 4;
    grid-row-start: 1; }
  .for-freelancers-gigs__top .job-post--3 {
    grid-column-start: 1;
    grid-column-end: span 4;
    grid-row-start: 2; }
  .for-freelancers-gigs__top .job-post--4 {
    grid-column-start: 5;
    grid-column-end: span 4;
    grid-row-start: 2; }
  .for-freelancers-gigs__top .job-post--5 {
    grid-column-start: 9;
    grid-column-end: span 4;
    grid-row-start: 2; }
  .for-freelancers-gigs__bottom .job-post--1 {
    grid-column-start: 3;
    grid-column-end: span 4;
    grid-row-start: 2; }
  .for-freelancers-gigs__bottom .job-post--2 {
    grid-column-start: 7;
    grid-column-end: span 4;
    grid-row-start: 2; }
  .for-freelancers-gigs__bottom .job-post--3 {
    grid-column-start: 1;
    grid-column-end: span 4;
    grid-row-start: 1; }
  .for-freelancers-gigs__bottom .job-post--4 {
    grid-column-start: 5;
    grid-column-end: span 4;
    grid-row-start: 1; }
  .for-freelancers-gigs__bottom .job-post--5 {
    grid-column-start: 9;
    grid-column-end: span 4;
    grid-row-start: 1; }

.job-post__title p {
  margin: 4px;
  font-size: 12px; }
  .job-post__title p strong {
    text-decoration: underline; }

.job-post__button button {
  border-radius: 28px;
  border: 1px solid #333333;
  padding: 12px 16px;
  font-size: 12px;
  background: #ffffff; }

.job-post-alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #333333;
  position: relative;
  width: 360px;
  height: 66px;
  margin-bottom: 16px; }

.job-post-alert:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 313px;
  border-width: 16px 16px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0; }

.job-post-alert:before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 316px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #000000 transparent;
  display: block;
  width: 0; }

.job-post-alert__title p {
  margin: 4px;
  font-size: 12px; }
  .job-post-alert__title p strong {
    text-decoration: underline; }

.job-post-alert__button button.btn {
  border-radius: 28px;
  border: none;
  padding: 8px 16px;
  height: 38px;
  font-size: 12px;
  background: #379B81;
  color: #ffffff; }

.for-freelancers-gigs__title {
  height: auto;
  width: 100%;
  margin: 80px auto;
  position: relative;
  overflow: hidden;
  margin: 48px auto; }
  @media (min-width: 1024px) {
    .for-freelancers-gigs__title {
      margin: 80px auto; } }
.for-freelancers-gigs__title .slide {
  background: url(/wp-content/themes/crews/library/img/roles-slide-text.svg) repeat-x;
  background-size: 1673px 40px;
  height: 40px;
  width: 1673px;
  -webkit-animation: slide-title 10s linear infinite;
          animation: slide-title 10s linear infinite; }
  @media (min-width: 1024px) {
    .for-freelancers-gigs__title .slide {
      margin: 0;
      background-size: auto;
      height: 58px;
      width: 4852px; } }
@-webkit-keyframes slide-title {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  0% {
    -webkit-transform: translate3d(-836px, 0, 0);
            transform: translate3d(-836px, 0, 0);
    @media (min-width: 1024px) {
      -webkit-transform: translate3d(-2426px, 0, 0);
              transform: translate3d(-2426px, 0, 0); } } }
@keyframes slide-title {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  0% {
    -webkit-transform: translate3d(-836px, 0, 0);
            transform: translate3d(-836px, 0, 0);
    @media (min-width: 1024px) {
      -webkit-transform: translate3d(-2426px, 0, 0);
              transform: translate3d(-2426px, 0, 0); } } }

.hero {
  position: relative;
  background: #000000;
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%;
  color: #ffffff; }

.hero__illo-peace {
  grid-column-start: 1;
  grid-column-end: 7;
  justify-self: end;
  display: none;
  align-self: start;
  grid-row-start: 1;
  padding-top: 40px;
  margin-right: 40px; }
  @media (min-width: 768px) {
    .hero__illo-peace {
      display: flex; } }
  .hero__illo-peace img {
    width: 380px;
    height: auto; }
    @media (min-width: 1441px) {
      .hero__illo-peace img {
        width: 100%; } }
.hero__illo-sound {
  grid-column-start: 21;
  grid-column-end: span 6;
  display: none;
  align-self: end;
  grid-row-start: 1;
  padding-bottom: 16px; }
  @media (min-width: 768px) {
    .hero__illo-sound {
      display: flex;
      grid-column-start: 22;
      grid-column-end: span 4;
      align-content: center;
      justify-content: center; } }
  @media (min-width: 1024px) {
    .hero__illo-sound {
      grid-column-start: 22;
      grid-column-end: span 3;
      align-content: center;
      justify-content: center; } }
  .hero__illo-sound img {
    width: 148px;
    height: auto; }
    @media (min-width: 768px) {
      .hero__illo-sound img {
        width: 85%;
        height: auto; } }
    @media (min-width: 1024px) {
      .hero__illo-sound img {
        width: 85%;
        height: auto; } }
.hero__illo-hand {
  grid-column-start: 2;
  grid-column-end: none;
  display: none;
  align-self: center;
  grid-row-start: 2; }
  @media (min-width: 768px) {
    .hero__illo-hand {
      display: flex; } }
  .hero__illo-hand img {
    width: 92px;
    height: auto; }

.hero__copy-wrap {
  color: #ffffff;
  display: grid;
  grid-column-start: 1;
  grid-column-end: span end;
  grid-row-start: 1;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  padding: 32px 0;
  height: auto; }
  @media (min-width: 768px) {
    .hero__copy-wrap {
      padding: 144px 0 80px; } }
  @media (min-width: 1024px) {
    .hero__copy-wrap {
      height: calc(75vh);
      padding: 48px 0 0; } }
.page-template-page-home-alt .hero__copy-wrap {
  padding: 0; }

.page-template-page-home-alt .hero__video {
  grid-column-start: 3;
  grid-column-end: span 21;
  height: auto; }
  @media (min-width: 1024px) {
    .page-template-page-home-alt .hero__video {
      grid-column-start: 5;
      grid-column-end: span 17; } }
.hero__hero-title {
  display: flex;
  justify-content: center;
  align-items: flex-end; }
  .hero__hero-title {
    padding: 32px 0 0 0; }
    @media screen and (min-width: 320px) {
      .hero__hero-title {
        padding: calc(32px + 256 * ((100vw - 320px) / 2240)) 0 calc(32px + 256 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .hero__hero-title {
        padding: 288px 0 288px 0; } }
  @media (min-width: 1024px) {
    .hero__hero-title {
      align-items: center;
      padding: 0; } }
  .hero__hero-title .hero__hero-title-content {
    padding-bottom: 16px;
    text-align: center; }
    .hero__hero-title .hero__hero-title-content p.--overline {
      padding: 0 16px;
      margin-bottom: 16px;
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      line-height: 1.1; }
    .hero__hero-title .hero__hero-title-content h1 {
      font-size: 28px; }
      @media screen and (min-width: 414px) {
        .hero__hero-title .hero__hero-title-content h1 {
          font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .hero__hero-title .hero__hero-title-content h1 {
          font-size: 128px; } }
    .hero__hero-title .hero__hero-title-content h2 {
      font-size: 28px; }
      @media screen and (min-width: 414px) {
        .hero__hero-title .hero__hero-title-content h2 {
          font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .hero__hero-title .hero__hero-title-content h2 {
          font-size: 128px; } }
    .hero__hero-title .hero__hero-title-content h5 {
      font-size: 14px; }
      @media (min-width: 1024px) {
        .hero__hero-title .hero__hero-title-content h5 {
          font-size: 24px; } }
    .hero__hero-title .hero__hero-title-content .hero__hero-title-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 24px 0 0; }
      @media (min-width: 1024px) {
        .hero__hero-title .hero__hero-title-content .hero__hero-title-cta {
          justify-content: center;
          flex-direction: row;
          padding: 36px 0 0; } }
      .hero__hero-title .hero__hero-title-content .hero__hero-title-cta p {
        margin: 14px 0 0;
        font-size: 14px; }
        @media (min-width: 1024px) {
          .hero__hero-title .hero__hero-title-content .hero__hero-title-cta p {
            margin: 0 0 0 14px; } }
        .hero__hero-title .hero__hero-title-content .hero__hero-title-cta p a {
          color: #ffffff;
          font-family: "Graphik-Regular", Helvetica, Arial, sans-serif; }
      .hero__hero-title .hero__hero-title-content .hero__hero-title-cta button {
        margin: 0 16px; }
  .hero__hero-title .hero__hero-description {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    padding-top: 24px; }
    .hero__hero-title .hero__hero-description h5 {
      display: grid;
      grid-column-start: 3;
      grid-column-end: span 21;
      grid-row-start: 1;
      grid-template-columns: 100%;
      grid-template-rows: auto; }
      @media (min-width: 1024px) {
        .hero__hero-title .hero__hero-description h5 {
          grid-column-start: 8;
          grid-column-end: span 11; } }
.hero__video {
  display: grid;
  position: relative;
  grid-row-start: 2;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-start: 3;
  grid-column-end: span 21;
  margin-bottom: -32px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }
  @media (min-width: 1024px) {
    .hero__video {
      grid-column-start: 3;
      grid-column-end: span 21;
      grid-template-columns: auto;
      overflow-y: visible;
      width: 100%;
      height: 100%;
      margin-bottom: -100px; } }
  .hero__video a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-position: center;
    background-size: 60px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 1024px) {
      .hero__video a {
        height: calc(100% + 100px);
        background-color: rgba(0, 0, 0, 0.3); } }
    .hero__video a:hover {
      transition: all 0.2s;
      background-color: rgba(0, 0, 0, 0.5); }
    .hero__video a .video-title {
      position: absolute;
      z-index: 5;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%; }
      .hero__video a .video-title h5 {
        color: #ffffff;
        line-height: 1;
        font-size: 14px; }
        @media (min-width: 414px) {
          .hero__video a .video-title h5 {
            font-size: 24px; } }
      .hero__video a .video-title .video-title__icon {
        background: url("/wp-content/themes/crews/library/img/icons/icon-play.svg") no-repeat;
        background-position: center;
        background-size: 50px;
        width: 50px;
        height: 50px;
        margin-bottom: 16px; }
  .hero__video video {
    width: 100%; }

.page-template-page-home-alt .hero__video {
  margin: 0 0 32px 0; }
  @media (min-width: 414px) {
    .page-template-page-home-alt .hero__video {
      margin: 0 0 48px 0; } }
  @media (min-width: 768px) {
    .page-template-page-home-alt .hero__video {
      margin: 0 0 64px 0; } }
  @media (min-width: 1024px) {
    .page-template-page-home-alt .hero__video {
      margin: 0 0 104px 0; } }
  .page-template-page-home-alt .hero__video a {
    height: 100%; }

.hero__logos-wrap {
  grid-column-start: 2;
  grid-column-end: span 23;
  grid-template-columns: auto;
  text-align: center; }
  .hero__logos-wrap {
    padding: 32px 0 78px 0; }
    @media screen and (min-width: 320px) {
      .hero__logos-wrap {
        padding: calc(32px + 256 * ((100vw - 320px) / 2240)) 0 calc(32px + 256 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .hero__logos-wrap {
        padding: 288px 0 288px 0; } }
  .hero__logos-wrap img {
    padding: 8px; }
  @media (min-width: 768px) {
    .hero__logos-wrap {
      grid-column-start: 6;
      grid-column-end: span 15; }
      .hero__logos-wrap {
        padding: 56px 0 78px 0; } }
    @media screen and (min-width: 768px) and (min-width: 768px) {
      .hero__logos-wrap {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 calc(56px + 232 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 768px) and (min-width: 2560px) {
      .hero__logos-wrap {
        padding: 288px 0 288px 0; } }
.video-prompt {
  position: absolute;
  width: 208px;
  height: 50px;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  opacity: 0.5;
  z-index: 6;
  -webkit-filter: blur(0); }
  @media (min-width: 768px) {
    .video-prompt {
      display: flex; } }
  .video-prompt p {
    font-size: 18px;
    line-height: 1; }
  .video-prompt .video-prompt__icon {
    background: url("/wp-content/themes/crews/library/img/icons/icon-play.svg") no-repeat;
    background-position: center;
    background-size: 50px;
    width: 50px;
    height: 50px;
    margin-right: 10px; }

.for-freelancers__title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .for-freelancers__title-wrap {
    padding: 106px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-freelancers__title-wrap {
        padding: calc(106px + 430 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-freelancers__title-wrap {
        padding: 536px 0 0 0; } }
  .for-freelancers__title-wrap .for-freelancers__title {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(5, auto);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%; }
    .for-freelancers__title-wrap .for-freelancers__title p {
      grid-row-start: 1;
      grid-column-start: 1;
      grid-column-end: end;
      align-content: end;
      text-align: center;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .for-freelancers__title-wrap .for-freelancers__title p {
          grid-row-start: 1;
          grid-column-start: span none;
          grid-column-end: 15;
          align-content: end;
          text-align: right; } }
    .for-freelancers__title-wrap .for-freelancers__title h1 {
      font-size: 28px; }
      @media screen and (min-width: 414px) {
        .for-freelancers__title-wrap .for-freelancers__title h1 {
          font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-freelancers__title-wrap .for-freelancers__title h1 {
          font-size: 128px; } }
    .for-freelancers__title-wrap .for-freelancers__title h1.get-booked {
      grid-row-start: 2;
      grid-column-start: 1;
      grid-column-end: end;
      align-content: center;
      text-align: center; }
      @media (min-width: 768px) {
        .for-freelancers__title-wrap .for-freelancers__title h1.get-booked {
          grid-row-start: 2;
          grid-column-start: span none;
          grid-column-end: 15;
          align-content: end;
          text-align: right; } }
    .for-freelancers__title-wrap .for-freelancers__title h1.on-productions {
      grid-row-start: 3;
      grid-column-start: 1;
      grid-column-end: end;
      align-content: center;
      text-align: center; }
      @media (min-width: 768px) {
        .for-freelancers__title-wrap .for-freelancers__title h1.on-productions {
          grid-row-start: 3;
          grid-column-start: span none;
          grid-column-end: 15;
          align-content: end;
          text-align: right; } }
    .for-freelancers__title-wrap .for-freelancers__title h1.by-top-companies {
      grid-row-start: 4;
      grid-column-start: 1;
      grid-column-end: end;
      text-align: center; }
      @media (min-width: 768px) {
        .for-freelancers__title-wrap .for-freelancers__title h1.by-top-companies {
          grid-row-start: 4;
          grid-column-start: 8;
          grid-column-end: none;
          text-align: left; } }
    .for-freelancers__title-wrap .for-freelancers__title h5 {
      grid-row-start: 5;
      grid-column-start: 3;
      grid-column-end: 24;
      text-align: center;
      padding-top: 8px;
      font-size: 14px; }
      @media (min-width: 768px) {
        .for-freelancers__title-wrap .for-freelancers__title h5 {
          grid-row-start: 5;
          grid-column-start: 14;
          grid-column-end: span 8;
          text-align: left;
          font-size: 16px;
          padding-top: 16px; } }
      @media (min-width: 1024px) {
        .for-freelancers__title-wrap .for-freelancers__title h5 {
          grid-row-start: 5;
          grid-column-start: 14;
          grid-column-end: span 10;
          text-align: left;
          font-size: 24px; } }
      @media (min-width: 1441px) {
        .for-freelancers__title-wrap .for-freelancers__title h5 {
          grid-column-end: span 8; } }
      @media (min-width: 1540px) {
        .for-freelancers__title-wrap .for-freelancers__title h5 {
          padding-top: 48px;
          grid-column-end: span 6; } }
.for-freelancers__how-it-works {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%;
  line-height: 0; }
  .for-freelancers__how-it-works {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-freelancers__how-it-works {
        padding: calc(66px + 294 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-freelancers__how-it-works {
        padding: 360px 0 0 0; } }
  .for-freelancers__how-it-works .for-freelancers__bg-video {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    position: relative; }
    @media (min-width: 768px) {
      .for-freelancers__how-it-works .for-freelancers__bg-video {
        grid-column-start: 3;
        grid-column-end: span 21;
        grid-row-start: 1; } }
    @media (min-width: 1024px) {
      .for-freelancers__how-it-works .for-freelancers__bg-video {
        grid-column-start: 3;
        grid-column-end: span 13;
        grid-row-start: 1; } }
    .for-freelancers__how-it-works .for-freelancers__bg-video .video-title {
      position: absolute;
      bottom: 24px;
      left: 0px;
      z-index: 5;
      text-align: center;
      width: 100%; }
      @media (min-width: 768px) {
        .for-freelancers__how-it-works .for-freelancers__bg-video .video-title {
          bottom: 32px;
          left: 32px;
          text-align: left; } }
      .for-freelancers__how-it-works .for-freelancers__bg-video .video-title h5 {
        color: #ffffff;
        line-height: 1;
        font-size: 14px; }
        @media (min-width: 414px) {
          .for-freelancers__how-it-works .for-freelancers__bg-video .video-title h5 {
            font-size: 24px; } }
    .for-freelancers__how-it-works .for-freelancers__bg-video a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/wp-content/themes/crews/library/img/icons/icon-play.svg") no-repeat;
      background-position: center;
      background-size: 60px;
      background-color: rgba(0, 0, 0, 0.1);
      z-index: 5;
      transition: all 0.2s;
      line-height: 0;
      cursor: pointer; }
      .for-freelancers__how-it-works .for-freelancers__bg-video a:hover {
        background-size: 82px;
        background-color: rgba(0, 0, 0, 0.3); }
    .for-freelancers__how-it-works .for-freelancers__bg-video video {
      width: 100%;
      height: auto; }
  .for-freelancers__how-it-works .for-freelancers__notifications {
    grid-column-start: 17;
    grid-column-end: 24;
    grid-row-start: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    display: none;
    position: relative; }
    @media (min-width: 1024px) {
      .for-freelancers__how-it-works .for-freelancers__notifications {
        display: block; } }
  .for-freelancers__how-it-works .for-freelancers__how-it-works-text {
    position: absolute;
    bottom: 0; }

.for-freelancers__logos {
  padding: 78px 0 78px 0; }
  @media screen and (min-width: 768px) {
    .for-freelancers__logos {
      padding: calc(78px + 224 * ((100vw - 768px) / 1792)) 0 calc(78px + 224 * ((100vw - 768px) / 1792)) 0; } }
  @media screen and (min-width: 2560px) {
    .for-freelancers__logos {
      padding: 302px 0 302px 0; } }
.for-freelancers-gigs {
  padding: 66px 0 66px 0; }
  @media screen and (min-width: 768px) {
    .for-freelancers-gigs {
      padding: calc(66px + 294 * ((100vw - 768px) / 1792)) 0 calc(66px + 294 * ((100vw - 768px) / 1792)) 0; } }
  @media screen and (min-width: 2560px) {
    .for-freelancers-gigs {
      padding: 360px 0 360px 0; } }
.for-freelancers-gigs__top {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center; }

.for-freelancers-gigs__top-wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  min-width: 1024px;
  max-width: 1440px;
  width: 100%; }

.for-freelancers-gigs__bottom {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center; }

.for-freelancers-gigs__bottom-wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  min-width: 1024px;
  max-width: 1440px;
  width: 100%; }

.for-freelancers-gigs__cta {
  display: flex;
  justify-content: center; }
  .for-freelancers-gigs__cta .for-freelancers-gigs__cta-wrap {
    display: flex;
    justify-content: space-around;
    padding: 48px 0 0;
    flex-direction: column;
    align-items: center;
    align-items: center; }
    @media (min-width: 768px) {
      .for-freelancers-gigs__cta .for-freelancers-gigs__cta-wrap {
        bottom: 32px;
        left: 32px;
        flex-direction: row;
        align-items: center; } }
.for-freelancers__features {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%; }
  .for-freelancers__features {
    padding: 66px 0 66px 0; }
    @media screen and (min-width: 768px) {
      .for-freelancers__features {
        padding: calc(66px + 294 * ((100vw - 768px) / 1792)) 0 calc(66px + 294 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .for-freelancers__features {
        padding: 360px 0 360px 0; } }
  .for-freelancers__features .for-freelancers__features-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 24px;
    grid-column-start: 3;
    grid-column-end: 24; }
    @media (min-width: 768px) {
      .for-freelancers__features .for-freelancers__features-wrap {
        grid-template-columns: 1fr 1fr 1fr; } }
    .for-freelancers__features .for-freelancers__features-wrap .feature {
      display: flex;
      flex-direction: column;
      text-align: left;
      align-items: left;
      max-width: 300px;
      margin: 0 auto 48px auto; }
      .for-freelancers__features .for-freelancers__features-wrap .feature:last-child {
        margin: 0 auto 0 auto; }
      @media (min-width: 768px) {
        .for-freelancers__features .for-freelancers__features-wrap .feature {
          margin: inherit; } }
      @media (min-width: 1024px) {
        .for-freelancers__features .for-freelancers__features-wrap .feature {
          text-align: left;
          max-width: none; } }
      .for-freelancers__features .for-freelancers__features-wrap .feature img.feature__thumb {
        width: 100%;
        height: auto;
        margin: 0 0 24px 0; }
        @media (min-width: 1024px) {
          .for-freelancers__features .for-freelancers__features-wrap .feature img.feature__thumb {
            margin: 0 0 24px 0; } }
      .for-freelancers__features .for-freelancers__features-wrap .feature h5 {
        color: #1F1F1F; }
      .for-freelancers__features .for-freelancers__features-wrap .feature p {
        color: #1F1F1F;
        text-align: left; }
      .for-freelancers__features .for-freelancers__features-wrap .feature a {
        color: #1F1F1F;
        text-decoration: underline; }

.about-hero {
  position: relative;
  background: #1F1F1F;
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%;
  color: #ffffff; }
  .about-hero {
    padding: 48px 0 0 0; }
    @media screen and (min-width: 320px) {
      .about-hero {
        padding: calc(48px + 140 * ((100vw - 320px) / 2240)) 0 calc(48px + 140 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .about-hero {
        padding: 188px 0 188px 0; } }
  .about-hero .about-hero__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    padding-bottom: 100px; }
    @media (min-width: 1024px) {
      .about-hero .about-hero__copy {
        grid-column-start: 3;
        grid-column-end: span 16;
        padding-bottom: 200px; } }
    .about-hero .about-hero__copy h3 {
      padding-bottom: 24px; }
      .about-hero .about-hero__copy h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .about-hero .about-hero__copy h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .about-hero .about-hero__copy h3 {
            font-size: 64px; } }
.about-main {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  margin-top: -100px;
  position: relative; }
  .about-main {
    padding: 0 0 48px 0; }
    @media screen and (min-width: 320px) {
      .about-main {
        padding: 0 0 calc(48px + 140 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .about-main {
        padding: 0 0 188px 0; } }
  @media (min-width: 1024px) {
    .about-main {
      margin-top: -200px; } }
  .about-main .illo-light-stand {
    grid-column-start: 2;
    grid-column-end: span 3;
    width: 100%;
    align-self: end;
    grid-row-start: 2;
    display: none; }
    @media (min-width: 1024px) {
      .about-main .illo-light-stand {
        display: block; } }
  .about-main .about-main__video {
    grid-column-start: 2;
    grid-column-end: span 23; }
    @media (min-width: 1024px) {
      .about-main .about-main__video {
        grid-column-start: 10;
        grid-column-end: span 14; } }
    .about-main .about-main__video video {
      width: 100%; }
  .about-main .about-main__copy {
    grid-column-start: 2;
    grid-column-end: span 23; }
    .about-main .about-main__copy {
      padding: 24px 0 0 0; }
      @media screen and (min-width: 320px) {
        .about-main .about-main__copy {
          padding: calc(24px + 72 * ((100vw - 320px) / 2240)) 0 0 0; } }
      @media screen and (min-width: 2560px) {
        .about-main .about-main__copy {
          padding: 96px 0 0 0; } }
    @media (min-width: 1024px) {
      .about-main .about-main__copy {
        grid-column-start: 10;
        grid-column-end: span 14; } }
    .about-main .about-main__copy .about-main__copy-cta {
      display: block;
      padding-top: 24px; }
      .about-main .about-main__copy .about-main__copy-cta .btn {
        margin-right: 16px; }
      @media (min-width: 1024px) {
        .about-main .about-main__copy .about-main__copy-cta {
          display: flex; } }
    .about-main .about-main__copy h3 {
      padding-bottom: 24px; }
      .about-main .about-main__copy h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .about-main .about-main__copy h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .about-main .about-main__copy h3 {
            font-size: 64px; } }
.for-freelancers-alt h6.--overline {
  padding-bottom: 8px;
  color: #379B81; }

.for-freelancers-alt__mission {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: repeat(1, 1fr);
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #F7F2ED; }
  @media (min-width: 768px) {
    .for-freelancers-alt__mission {
      grid-template-rows: repeat(3, 1fr); } }
  .for-freelancers-alt__mission h3 {
    grid-column-start: 3;
    grid-column-end: 24;
    grid-row-start: 2;
    text-align: center; }
    .for-freelancers-alt__mission h3 {
      padding: 48px 0 0 0; }
      @media screen and (min-width: 320px) {
        .for-freelancers-alt__mission h3 {
          padding: calc(48px + 240 * ((100vw - 320px) / 2240)) 0 calc(48px + 240 * ((100vw - 320px) / 2240)) 0; } }
      @media screen and (min-width: 2560px) {
        .for-freelancers-alt__mission h3 {
          padding: 288px 0 288px 0; } }
    .for-freelancers-alt__mission h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-freelancers-alt__mission h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-freelancers-alt__mission h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .for-freelancers-alt__mission h3 {
        grid-column-start: 6;
        grid-column-end: span 15;
        padding: 0; } }
    @media (min-width: 1024px) {
      .for-freelancers-alt__mission h3 {
        grid-column-start: 7;
        grid-column-end: span 13; } }
    @media (min-width: 1441px) {
      .for-freelancers-alt__mission h3 {
        grid-column-end: span 13; } }
  .for-freelancers-alt__mission span {
    text-decoration: underline; }
  .for-freelancers-alt__mission .illo-fingers-crossed {
    grid-column-start: 4;
    grid-column-end: none;
    grid-row-start: 1;
    width: 58px;
    padding: 40px 0 0;
    display: none; }
    @media (min-width: 768px) {
      .for-freelancers-alt__mission .illo-fingers-crossed {
        display: block; } }
  .for-freelancers-alt__mission .illo-shaka {
    grid-column-start: 22;
    grid-column-end: none;
    grid-row-start: 3;
    width: 58px;
    padding: 0 0 40px;
    display: none; }
    @media (min-width: 768px) {
      .for-freelancers-alt__mission .illo-shaka {
        display: block; } }
.connect {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .connect {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .connect {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .connect {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .connect {
      grid-template-rows: 1fr 48px; } }
  .connect .connect__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 0; }
    .connect .connect__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .connect .connect__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .connect .connect__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .connect .connect__copy {
        grid-column-start: 2;
        grid-column-end: span 14;
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .connect .connect__copy {
        grid-column-start: 3;
        grid-column-end: span 13;
        padding-top: 72px; } }
  .connect .connect__imagery {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 2;
    position: relative; }
    .connect .connect__imagery img.connect-image {
      width: 100%;
      height: auto;
      grid-column-start: 3;
      grid-column-end: span 9;
      grid-row-start: 1;
      padding-top: 48px; }
      @media (min-width: 768px) {
        .connect .connect__imagery img.connect-image {
          padding-top: 0; } }
    .connect .connect__imagery img.connect-notification {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: span 8;
      grid-row-start: 1;
      bottom: 16%;
      position: absolute; }
    @media (min-width: 768px) {
      .connect .connect__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 10; } }
    @media (min-width: 1024px) {
      .connect .connect__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 9; } }
  .connect img.illo-hand {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 2;
    align-self: start;
    padding-top: 0;
    width: 100%;
    margin-left: -162px;
    padding-top: 100px;
    display: none; }
    @media (min-width: 768px) {
      .connect img.illo-hand {
        grid-column-start: 1;
        grid-column-end: span 9;
        grid-row-start: 1;
        align-self: start;
        padding-top: 280px;
        margin-left: -62px;
        display: block; } }
    @media (min-width: 1024px) {
      .connect img.illo-hand {
        padding-top: 320px;
        margin-left: -62px; } }
  .connect img.connect-squiggle {
    grid-column-start: 21;
    grid-column-end: 25;
    grid-row-start: 2;
    align-self: end;
    width: 100%;
    height: auto; }

.share {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .share {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .share {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .share {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .share {
      grid-template-rows: 1fr 48px; } }
  .share .share__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1; }
    .share .share__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .share .share__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .share .share__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .share .share__copy {
        grid-column-start: 14;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 32px; } }
  .share .share__imagery {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 2;
    position: relative;
    padding-top: 48px; }
    @media (min-width: 768px) {
      .share .share__imagery {
        grid-column-start: 2;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .share .share__imagery {
        grid-column-start: 3;
        grid-column-end: span 10;
        grid-row-start: 1;
        padding-top: 0; } }
    .share .share__imagery img.share-image {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: end;
      grid-row-start: 1; }
    .share .share__imagery img.share-profile {
      width: 100%;
      height: auto;
      grid-column-start: 5;
      grid-column-end: span 5;
      grid-row-start: 1;
      box-shadow: 5px 5px 24px 1px rgba(0, 0, 0, 0.28);
      bottom: -16%;
      position: absolute; }
  .share img.illo-zig-zag {
    grid-column-start: 24;
    grid-column-end: span 5;
    grid-row-start: 2;
    align-self: center;
    display: none;
    position: relative; }
    @media (min-width: 768px) {
      .share img.illo-zig-zag {
        display: block; } }
  .share img.share-squiggle {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 2;
    align-self: end;
    width: 100%;
    height: auto; }

.work {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .work {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .work {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .work {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .work {
      grid-template-rows: 1fr 48px; } }
  .work .work__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 72px; }
    .work .work__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .work .work__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .work .work__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .work .work__copy {
        grid-column-start: 2;
        grid-column-end: span 14;
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .work .work__copy {
        grid-column-start: 3;
        grid-column-end: span 13;
        padding-top: 72px; } }
  .work .work__imagery {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-column-start: 4;
    grid-column-end: span 21;
    grid-row-start: 2;
    position: relative;
    padding-top: 48px; }
    @media (min-width: 768px) {
      .work .work__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 10;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .work .work__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 9; } }
    .work .work__imagery img.work-image {
      width: 100%;
      height: auto;
      grid-column-start: 3;
      grid-column-end: span 9;
      grid-row-start: 1; }
    .work .work__imagery img.work-booking {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: span 8;
      grid-row-start: 1;
      bottom: -10%;
      position: absolute; }
  .work img.illo-work {
    grid-column-start: 1;
    grid-column-end: span 15;
    grid-row-start: 2;
    align-self: start;
    width: 100%;
    padding-top: 48px;
    display: none; }
    @media (min-width: 768px) {
      .work img.illo-work {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-column-end: span 7;
        align-self: start;
        padding-top: 320px;
        display: block; } }
.grow {
  display: grid;
  grid-template-columns: repeat(25, 1fr); }
  .grow {
    padding: 56px 0 78px 0; }
    @media screen and (min-width: 768px) {
      .grow {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 calc(56px + 232 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .grow {
        padding: 288px 0 288px 0; } }
  .grow .grow__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 48px; }
    .grow .grow__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .grow .grow__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .grow .grow__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .grow .grow__copy {
        grid-column-start: 14;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 24px; } }
  .grow .grow__imagery {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-start: 2;
    grid-column-end: span 20;
    grid-row-start: 2;
    position: relative;
    padding-top: 32px; }
    @media (min-width: 768px) {
      .grow .grow__imagery {
        grid-column-start: 2;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .grow .grow__imagery {
        grid-column-start: 3;
        grid-column-end: span 10;
        grid-row-start: 1; } }
    .grow .grow__imagery img.grow-image {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: end;
      grid-row-start: 1; }
    .grow .grow__imagery .job-post-alert {
      grid-column-start: 1;
      grid-column-end: span 8;
      grid-row-start: 1;
      box-shadow: 5px 5px 24px 1px rgba(0, 0, 0, 0.28);
      bottom: 5%;
      position: absolute; }
      @media (min-width: 414px) {
        .grow .grow__imagery .job-post-alert {
          grid-column-start: 1;
          grid-column-end: span 6; } }
      @media (min-width: 768px) {
        .grow .grow__imagery .job-post-alert {
          bottom: -10%;
          grid-column-start: 1;
          grid-column-end: span 8;
          display: flex; } }
      @media (min-width: 1024px) {
        .grow .grow__imagery .job-post-alert {
          grid-column-start: 2;
          grid-column-end: span 6; } }
      @media (min-width: 1441px) {
        .grow .grow__imagery .job-post-alert {
          grid-column-start: 3;
          grid-column-end: span 6; } }
  .grow img.illo-zig-zag {
    grid-column-start: 24;
    grid-column-end: span 5;
    grid-row-start: 1;
    align-self: end;
    position: relative;
    display: none; }
    @media (min-width: 768px) {
      .grow img.illo-zig-zag {
        display: block; } }
  .grow img.grow-squiggle {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 1;
    align-self: end;
    width: 100%;
    height: auto; }

.appreciation-slide {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%;
  background: #F7F2ED; }
  .appreciation-slide {
    padding: 66px 0 66px 0; }
    @media screen and (min-width: 768px) {
      .appreciation-slide {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 calc(66px + 254 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .appreciation-slide {
        padding: 320px 0 320px 0; } }
  .appreciation-slide .appreciation-slide__title {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-column-end: 24;
    display: grid;
    grid-template-columns: repeat(25, auto);
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .appreciation-slide .appreciation-slide__title {
        padding-bottom: 24px; } }
    @media (min-width: 1024px) {
      .appreciation-slide .appreciation-slide__title {
        padding-bottom: 40px; } }
    .appreciation-slide .appreciation-slide__title h3 {
      max-width: 580px;
      grid-row-start: 1;
      grid-column-start: 1;
      grid-column-end: 23; }
      .appreciation-slide .appreciation-slide__title h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .appreciation-slide .appreciation-slide__title h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .appreciation-slide .appreciation-slide__title h3 {
            font-size: 64px; } }
      @media (min-width: 768px) {
        .appreciation-slide .appreciation-slide__title h3 {
          grid-column-end: 23; } }
      @media (min-width: 1441px) {
        .appreciation-slide .appreciation-slide__title h3 {
          max-width: 880px;
          grid-column-end: 13; } }
    .appreciation-slide .appreciation-slide__title .appreciation-slide__nav {
      grid-row-start: 1;
      grid-column-start: 22;
      grid-column-end: end;
      text-align: end;
      list-style: none;
      align-self: end;
      margin: 0; }
      @media (min-width: 414px) {
        .appreciation-slide .appreciation-slide__title .appreciation-slide__nav {
          display: block; } }
      .appreciation-slide .appreciation-slide__title .appreciation-slide__nav:active, .appreciation-slide .appreciation-slide__title .appreciation-slide__nav:focus, .appreciation-slide .appreciation-slide__title .appreciation-slide__nav:visited {
        outline: none; }
      .appreciation-slide .appreciation-slide__title .appreciation-slide__nav button {
        outline: none;
        background: none;
        border: none;
        transition: all 0.3s ease; }
        .appreciation-slide .appreciation-slide__title .appreciation-slide__nav button:hover {
          opacity: 0.7;
          cursor: pointer;
          transition: all 0.3s ease; }
        .appreciation-slide .appreciation-slide__title .appreciation-slide__nav button:disabled {
          opacity: 0.1;
          transition: all 0.3s ease; }
  .appreciation-slide .appreciation-slide__slider {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-column-end: span 21; }
    .appreciation-slide .appreciation-slide__slider .slide-item__content {
      display: flex;
      width: 100%;
      -webkit-column-gap: 24px;
         -moz-column-gap: 24px;
              column-gap: 24px; }
      .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy p {
        padding: 0;
        margin: 0;
        font-size: 12px; }
        @media (min-width: 768px) {
          .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy p {
            font-size: 14px; } }
      .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy h4 {
        margin: 0 0 24px 0;
        line-height: 1.3; }
        .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy h4 {
          font-size: 14px; }
          @media screen and (min-width: 414px) {
            .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy h4 {
              font-size: calc(14px + 22 * ((100vw - 414px) / 2146)); } }
          @media screen and (min-width: 2560px) {
            .appreciation-slide .appreciation-slide__slider .slide-item__content .slide-item__copy h4 {
              font-size: 36px; } }
      .appreciation-slide .appreciation-slide__slider .slide-item__content img {
        width: 48px;
        height: 48px;
        margin-right: 12px; }
        @media (min-width: 768px) {
          .appreciation-slide .appreciation-slide__slider .slide-item__content img {
            margin-right: 0;
            width: 96px;
            height: 96px; } }
      .appreciation-slide .appreciation-slide__slider .slide-item__content:hover {
        cursor: -webkit-grab;
        cursor: grab; }

.how-it-works {
  background: #000000; }

.how-it-works__top {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: 1fr; }
  @media (min-width: 1024px) {
    .how-it-works__top {
      grid-template-rows: 1fr 116px; } }
.how-it-works-arrow-1 {
  grid-column-start: 15;
  grid-column-end: span 2;
  grid-row-start: 2;
  align-self: end;
  display: none; }
  @media (min-width: 1024px) {
    .how-it-works-arrow-1 {
      display: block;
      margin-bottom: 12px; } }
.how-it-works__title-1 {
  grid-column-start: 2;
  grid-column-end: span 23;
  grid-row-start: 1;
  text-align: center; }
  @media (min-width: 1024px) {
    .how-it-works__title-1 {
      grid-column-start: 3;
      grid-column-end: span 12;
      text-align: inherit; } }
  .how-it-works__title-1 h2 {
    padding: 56px 0 24px 0; }
    @media screen and (min-width: 320px) {
      .how-it-works__title-1 h2 {
        padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .how-it-works__title-1 h2 {
        padding: 288px 0 288px 0; } }
  .how-it-works__title-1 h2 {
    font-size: 32px; }
    @media screen and (min-width: 414px) {
      .how-it-works__title-1 h2 {
        font-size: calc(32px + 56 * ((100vw - 414px) / 2146)); } }
    @media screen and (min-width: 2560px) {
      .how-it-works__title-1 h2 {
        font-size: 88px; } }
  .how-it-works__title-1 h3 {
    font-size: 32px; }
    @media screen and (min-width: 414px) {
      .how-it-works__title-1 h3 {
        font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
    @media screen and (min-width: 2560px) {
      .how-it-works__title-1 h3 {
        font-size: 64px; } }
.how-it-works__avatars {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-column-start: 18;
  grid-column-end: span 6;
  grid-row-start: 1;
  display: none; }
  .how-it-works__avatars {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .how-it-works__avatars {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .how-it-works__avatars {
        padding: 288px 0 0 0; } }
  @media (min-width: 1024px) {
    .how-it-works__avatars {
      display: grid; } }
  @media (min-width: 1441px) {
    .how-it-works__avatars {
      display: grid; } }
  .how-it-works__avatars img.avatar-1 {
    grid-column-start: 4;
    grid-column-end: span 2;
    grid-row-start: 1;
    width: 100%; }
  .how-it-works__avatars img.avatar-2 {
    grid-column-start: 1;
    grid-column-end: span 3;
    grid-row-start: 2;
    width: 100%; }
  .how-it-works__avatars img.avatar-3 {
    grid-column-start: 3;
    grid-column-end: span 4;
    grid-row-start: 3;
    width: 100%; }

.how-it-works__crew-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 32px 0 0 0; }
  @media (min-width: 1024px) {
    .how-it-works__crew-tags {
      justify-content: flex-start;
      padding: 52px 0; } }
.crew-chip {
  display: flex;
  border-radius: 24px;
  border: 2px #379B81 solid;
  margin: 0 4px 8px 4px; }
  @media (min-width: 1024px) {
    .crew-chip {
      border-radius: 32px;
      margin: 0 8px 8px 0; } }
  .crew-chip img {
    width: 38px;
    height: 38px; }
    @media (min-width: 1024px) {
      .crew-chip img {
        width: 44px;
        height: 44px; } }
  .crew-chip p {
    padding: 0 14px 0 8px;
    line-height: 1.2;
    font-size: 12px; }
    @media (min-width: 1024px) {
      .crew-chip p {
        font-size: 14px;
        padding: 0 16px 0 10px;
        line-height: 1.2; } }
.how-it-works__bottom {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  position: relative; }
  .how-it-works__bottom {
    padding: 0 0 56px 0; }
    @media screen and (min-width: 320px) {
      .how-it-works__bottom {
        padding: 0 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .how-it-works__bottom {
        padding: 0 0 288px 0; } }
  .how-it-works__bottom .how-it-works__flow {
    grid-column-start: 3;
    grid-column-end: span 6;
    grid-row-start: 1;
    display: none; }
    @media (min-width: 1024px) {
      .how-it-works__bottom .how-it-works__flow {
        display: block; } }
    .how-it-works__bottom .how-it-works__flow img {
      width: 100%;
      height: auto; }
  .how-it-works__bottom .how-it-works__content {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: auto auto;
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    text-align: center; }
    @media (min-width: 1024px) {
      .how-it-works__bottom .how-it-works__content {
        grid-column-start: 9;
        grid-column-end: span 15;
        text-align: inherit;
        grid-template-rows: auto auto; } }
    .how-it-works__bottom .how-it-works__content .how-it-works-arrow-2 {
      grid-row-start: 1;
      grid-row-end: span 2;
      grid-column-start: 1;
      grid-column-end: span 2;
      align-self: center;
      justify-self: center;
      display: none; }
      @media (min-width: 1441px) {
        .how-it-works__bottom .how-it-works__content .how-it-works-arrow-2 {
          display: block; } }
    .how-it-works__bottom .how-it-works__content .how-it-works__title-2 {
      grid-column-start: 1;
      grid-column-end: span end;
      grid-row-start: 1; }
      @media (min-width: 1024px) {
        .how-it-works__bottom .how-it-works__content .how-it-works__title-2 {
          grid-column-start: 3;
          grid-column-end: span end; } }
      .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
            font-size: 64px; } }
      .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
        padding: 56px 0 0 0; }
        @media screen and (min-width: 320px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
            padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 0 0; } }
        @media screen and (min-width: 2560px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
            padding: 288px 0 0 0; } }
      @media (min-width: 1024px) {
        .how-it-works__bottom .how-it-works__content .how-it-works__title-2 h3 {
          padding: 0; } }
      .how-it-works__bottom .how-it-works__content .how-it-works__title-2 .how-it-works__faq {
        padding-top: 24px; }
        @media (min-width: 1024px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 .how-it-works__faq {
            padding-top: 0; } }
        .how-it-works__bottom .how-it-works__content .how-it-works__title-2 .how-it-works__faq p.--light {
          max-width: 480px;
          padding: 0;
          margin: 0 auto; }
          @media (min-width: 1024px) {
            .how-it-works__bottom .how-it-works__content .how-it-works__title-2 .how-it-works__faq p.--light {
              margin: 0; } }
          .how-it-works__bottom .how-it-works__content .how-it-works__title-2 .how-it-works__faq p.--light a {
            color: #ffffff; }
    .how-it-works__bottom .how-it-works__content .how-it-works__crew-tags {
      grid-row-start: 2; }
    .how-it-works__bottom .how-it-works__content .how-it-works__cta {
      grid-column-start: 2;
      grid-column-end: span 15;
      grid-row-start: 2; }
      .how-it-works__bottom .how-it-works__content .how-it-works__cta {
        padding: 56px 0 0 0; }
        @media screen and (min-width: 320px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__cta {
            padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 0 0; } }
        @media screen and (min-width: 2560px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__cta {
            padding: 288px 0 0 0; } }
      @media (min-width: 1024px) {
        .how-it-works__bottom .how-it-works__content .how-it-works__cta {
          grid-column-start: 3;
          grid-column-end: span 13; } }
      .how-it-works__bottom .how-it-works__content .how-it-works__cta p.--light a {
        color: #ffffff; }
      .how-it-works__bottom .how-it-works__content .how-it-works__cta h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__cta h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__cta h3 {
            font-size: 64px; } }
      .how-it-works__bottom .how-it-works__content .how-it-works__cta .btn {
        margin-top: 24px; }
        @media (min-width: 768px) {
          .how-it-works__bottom .how-it-works__content .how-it-works__cta .btn {
            margin-top: 0; } }
    .how-it-works__bottom .how-it-works__content input.apply {
      font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
      font-size: 24px;
      letter-spacing: 0.3px;
      line-height: 1;
      background: none;
      color: #ffffff;
      padding: 8px 0;
      border: none;
      border-bottom: 2px solid #ffffff;
      margin: 16px 0 0 0;
      border-radius: 0; }
      .how-it-works__bottom .how-it-works__content input.apply:focus {
        outline: none; }
      @media (min-width: 768px) {
        .how-it-works__bottom .how-it-works__content input.apply {
          margin: 16px 8px 0 0; } }
  .how-it-works__bottom .illo-how-it-works {
    grid-row-start: 1;
    grid-column-start: 20;
    grid-column-end: span 8;
    width: 100%;
    position: absolute;
    align-self: flex-end;
    padding-bottom: 32px;
    display: none; }
    @media (min-width: 1024px) {
      .how-it-works__bottom .illo-how-it-works {
        display: block; } }
.purpose {
  background: #1F1F1F; }
  .purpose h5 {
    color: #ffffff; }
  .purpose h3 {
    color: #ffffff; }
  .purpose p {
    color: #ffffff; }
  .purpose .purpose__title {
    display: grid;
    grid-template-columns: repeat(25, 1fr); }
    .purpose .purpose__title {
      padding: 56px 0 0 0; }
      @media screen and (min-width: 320px) {
        .purpose .purpose__title {
          padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
      @media screen and (min-width: 2560px) {
        .purpose .purpose__title {
          padding: 288px 0 288px 0; } }
    .purpose .purpose__title h3 {
      grid-column-start: 2;
      grid-column-end: span 23;
      align-self: center; }
      .purpose .purpose__title h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .purpose .purpose__title h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .purpose .purpose__title h3 {
            font-size: 64px; } }
      @media (min-width: 768px) {
        .purpose .purpose__title h3 {
          grid-column-start: 5;
          grid-column-end: span 17; } }
      @media (min-width: 1024px) {
        .purpose .purpose__title h3 {
          grid-column-start: 7;
          grid-column-end: span 13; } }
    .purpose .purpose__title .illo-steadi-cam {
      grid-column-start: 21;
      grid-column-end: span 4;
      grid-row-start: 1;
      width: 100%;
      display: none; }
      @media (min-width: 1024px) {
        .purpose .purpose__title .illo-steadi-cam {
          display: block; } }
  .purpose .purpose__description {
    display: grid;
    grid-template-columns: repeat(25, 1fr); }
    .purpose .purpose__description {
      padding: 56px 0 0 0; }
      @media screen and (min-width: 320px) {
        .purpose .purpose__description {
          padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
      @media screen and (min-width: 2560px) {
        .purpose .purpose__description {
          padding: 288px 0 288px 0; } }
    .purpose .purpose__description .illo-drone {
      width: 100%;
      grid-row-start: 1;
      grid-column-start: 2;
      grid-column-end: span 4;
      margin-top: -48px;
      display: none; }
      @media (min-width: 1024px) {
        .purpose .purpose__description .illo-drone {
          display: block; } }
    .purpose .purpose__description h3 {
      grid-row-start: 1;
      grid-column-start: 2;
      grid-column-end: span 23; }
      .purpose .purpose__description h3 {
        padding: 0 0 24px 0; }
        @media screen and (min-width: 320px) {
          .purpose .purpose__description h3 {
            padding: 0 0 calc(24px + 56 * ((100vw - 320px) / 2240)) 0; } }
        @media screen and (min-width: 2560px) {
          .purpose .purpose__description h3 {
            padding: 0 0 80px 0; } }
      .purpose .purpose__description h3 {
        font-size: 32px; }
        @media screen and (min-width: 414px) {
          .purpose .purpose__description h3 {
            font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .purpose .purpose__description h3 {
            font-size: 64px; } }
      @media (min-width: 768px) {
        .purpose .purpose__description h3 {
          grid-column-start: 5;
          grid-column-end: span 17; } }
      @media (min-width: 1024px) {
        .purpose .purpose__description h3 {
          grid-column-start: 6;
          grid-column-end: span 15; } }
    .purpose .purpose__description h5 {
      grid-row-start: 2;
      grid-column-start: 2;
      grid-column-end: span 23; }
      @media (min-width: 768px) {
        .purpose .purpose__description h5 {
          grid-column-start: 6;
          grid-column-end: span 15; } }
  .purpose .purpose-slide {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    padding: 0; }
    .purpose .purpose-slide .purpose-slide__slider {
      grid-row-start: 2;
      grid-column-start: 1;
      grid-column-end: span end; }
      .purpose .purpose-slide .purpose-slide__slider .slide-item img {
        width: 100%;
        height: auto; }
      .purpose .purpose-slide .purpose-slide__slider .slide-item:hover {
        cursor: -webkit-grab;
        cursor: grab; }
  .purpose .purpose__cert {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    background: #F7F2ED; }
    .purpose .purpose__cert {
      padding: 24px 0 0 0; }
      @media screen and (min-width: 320px) {
        .purpose .purpose__cert {
          padding: calc(24px + 72 * ((100vw - 320px) / 2240)) 0 calc(24px + 72 * ((100vw - 320px) / 2240)) 0; } }
      @media screen and (min-width: 2560px) {
        .purpose .purpose__cert {
          padding: 96px 0 96px 0; } }
    .purpose .purpose__cert .purpose__cert-bcorp {
      grid-row-start: 1;
      grid-column-start: 4;
      grid-column-end: span 19;
      display: flex;
      align-items: center; }
      @media (min-width: 768px) {
        .purpose .purpose__cert .purpose__cert-bcorp {
          grid-column-start: 4;
          grid-column-end: span 9; } }
      .purpose .purpose__cert .purpose__cert-bcorp img {
        width: 68px;
        margin-right: 16px; }
    .purpose .purpose__cert .purpose__cert-1per {
      grid-row-start: 2;
      grid-column-start: 4;
      grid-column-end: span 19;
      display: flex;
      align-items: center; }
      @media (min-width: 768px) {
        .purpose .purpose__cert .purpose__cert-1per {
          grid-row-start: 1;
          grid-column-start: 14;
          grid-column-end: span 9; } }
      .purpose .purpose__cert .purpose__cert-1per img {
        width: 80px;
        height: 72px;
        margin-right: 16px; }

.for-producers {
  background: #000000;
  position: relative; }

.for-producers__title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .for-producers__title-wrap {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-producers__title-wrap {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers__title-wrap {
        padding: 320px 0 0 0; } }
  .for-producers__title-wrap .for-producers__title-icon {
    position: absolute;
    display: none;
    top: 48px;
    right: 48px;
    background: url("/wp-content/themes/crews/library/img/circle-quote.svg") no-repeat;
    background-size: 150px;
    width: 150px;
    height: 150px;
    -webkit-animation: rotation 8s infinite linear;
            animation: rotation 8s infinite linear; }
    @media (min-width: 768px) {
      .for-producers__title-wrap .for-producers__title-icon {
        display: block; } }
  .for-producers__title-wrap .for-producers__title {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(5, auto);
    width: 100%; }
    .for-producers__title-wrap .for-producers__title p {
      grid-row-start: 1;
      grid-column-start: 3;
      grid-column-end: span 21;
      color: #ffffff;
      text-align: center;
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      line-height: 1.1;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .for-producers__title-wrap .for-producers__title p {
          grid-row-start: 1;
          grid-column-start: 3;
          grid-column-end: none;
          text-align: inherit; } }
    .for-producers__title-wrap .for-producers__title h1 {
      color: #ffffff; }
      .for-producers__title-wrap .for-producers__title h1 {
        font-size: 28px; }
        @media screen and (min-width: 414px) {
          .for-producers__title-wrap .for-producers__title h1 {
            font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .for-producers__title-wrap .for-producers__title h1 {
            font-size: 128px; } }
      .for-producers__title-wrap .for-producers__title h1.find {
        grid-row-start: 2;
        grid-column-start: 3;
        grid-column-end: span 21;
        text-align: center; }
        @media (min-width: 768px) {
          .for-producers__title-wrap .for-producers__title h1.find {
            grid-row-start: 2;
            grid-column-start: 3;
            grid-column-end: none;
            text-align: inherit; } }
      .for-producers__title-wrap .for-producers__title h1.book {
        grid-row-start: 3;
        grid-column-start: 3;
        grid-column-end: span 21;
        text-align: center; }
        @media (min-width: 768px) {
          .for-producers__title-wrap .for-producers__title h1.book {
            grid-row-start: 3;
            grid-column-start: 6;
            grid-column-end: none;
            text-align: inherit; } }
      .for-producers__title-wrap .for-producers__title h1.manage {
        grid-row-start: 4;
        grid-column-start: 3;
        grid-column-end: span 21;
        text-align: center; }
        @media (min-width: 768px) {
          .for-producers__title-wrap .for-producers__title h1.manage {
            grid-row-start: 4;
            grid-column-start: 8;
            grid-column-end: none;
            text-align: inherit; } }
.for-producers__how-it-works {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%; }
  .for-producers__how-it-works {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-producers__how-it-works {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers__how-it-works {
        padding: 320px 0 0 0; } }
  .for-producers__how-it-works .for-producers__bg-video {
    grid-column-start: 3;
    grid-column-end: span 21;
    grid-row-start: 1;
    position: relative; }
    @media (min-width: 768px) {
      .for-producers__how-it-works .for-producers__bg-video {
        grid-column-start: 3;
        grid-column-end: span 13;
        grid-row-start: 1; } }
    .for-producers__how-it-works .for-producers__bg-video .video-title {
      position: absolute;
      bottom: 24px;
      left: 0px;
      z-index: 5;
      width: 100%;
      text-align: center; }
      @media (min-width: 768px) {
        .for-producers__how-it-works .for-producers__bg-video .video-title {
          bottom: 32px;
          left: 32px;
          text-align: left; } }
      .for-producers__how-it-works .for-producers__bg-video .video-title h5 {
        color: #ffffff;
        font-size: 14px; }
        @media (min-width: 414px) {
          .for-producers__how-it-works .for-producers__bg-video .video-title h5 {
            font-size: 24px; } }
    .for-producers__how-it-works .for-producers__bg-video a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/wp-content/themes/crews/library/img/icons/icon-play.svg") no-repeat;
      background-position: center;
      background-size: 70px;
      background-color: rgba(0, 0, 0, 0.1);
      z-index: 5;
      transition: all 0.2s;
      line-height: 0;
      cursor: pointer; }
      .for-producers__how-it-works .for-producers__bg-video a:hover {
        background-size: 82px;
        background-color: rgba(0, 0, 0, 0.3); }
    .for-producers__how-it-works .for-producers__bg-video video {
      width: 100%;
      height: auto; }
  .for-producers__how-it-works .for-producers__description {
    grid-column-start: 3;
    grid-column-end: 24;
    grid-row-start: 2;
    display: flex;
    flex-direction: row;
    text-align: center;
    padding: 16px 0 0 0; }
    @media (min-width: 768px) {
      .for-producers__how-it-works .for-producers__description {
        grid-column-start: 17;
        grid-column-end: 24;
        grid-row-start: 1;
        display: flex;
        flex-direction: column-reverse;
        text-align: inherit;
        padding: 0; } }
    .for-producers__how-it-works .for-producers__description h5 {
      color: #ffffff;
      font-size: 14px; }
      @media (min-width: 768px) {
        .for-producers__how-it-works .for-producers__description h5 {
          font-size: 16px; } }
      @media (min-width: 1024px) {
        .for-producers__how-it-works .for-producers__description h5 {
          font-size: 24px; } }
.for-producers__features {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%; }
  .for-producers__features {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-producers__features {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers__features {
        padding: 320px 0 0 0; } }
  .for-producers__features .for-producers__features-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 24px;
    grid-column-start: 3;
    grid-column-end: 24; }
    @media (min-width: 768px) {
      .for-producers__features .for-producers__features-wrap {
        grid-template-columns: 1fr 1fr 1fr; } }
    .for-producers__features .for-producers__features-wrap .feature {
      display: flex;
      flex-direction: column;
      text-align: left;
      align-items: left;
      max-width: 300px;
      margin: 0 auto 48px auto; }
      .for-producers__features .for-producers__features-wrap .feature:last-child {
        margin: 0 auto 0 auto; }
      @media (min-width: 768px) {
        .for-producers__features .for-producers__features-wrap .feature {
          margin: inherit; } }
      @media (min-width: 1024px) {
        .for-producers__features .for-producers__features-wrap .feature {
          text-align: left;
          max-width: none; } }
      .for-producers__features .for-producers__features-wrap .feature img.feature__thumb {
        width: 100%;
        height: auto;
        margin: 0 0 24px 0; }
        @media (min-width: 1024px) {
          .for-producers__features .for-producers__features-wrap .feature img.feature__thumb {
            margin: 0 0 24px 0; } }
      .for-producers__features .for-producers__features-wrap .feature h5 {
        color: #ffffff; }
      .for-producers__features .for-producers__features-wrap .feature p {
        color: #ffffff;
        text-align: left; }
      .for-producers__features .for-producers__features-wrap .feature a {
        color: #ffffff;
        text-decoration: underline; }

.for-freelancer-slide {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%; }
  .for-freelancer-slide {
    padding: 66px 0 66px 0; }
    @media screen and (min-width: 768px) {
      .for-freelancer-slide {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 calc(66px + 254 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .for-freelancer-slide {
        padding: 320px 0 320px 0; } }
  .for-freelancer-slide .for-freelancer-slide__title {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-column-end: end;
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    color: #ffffff;
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .for-freelancer-slide .for-freelancer-slide__title {
        padding-bottom: 24px; } }
    @media (min-width: 1024px) {
      .for-freelancer-slide .for-freelancer-slide__title {
        padding-bottom: 40px; } }
    .for-freelancer-slide .for-freelancer-slide__title h4 {
      max-width: 580px;
      grid-row-start: 1;
      grid-column-start: 1;
      grid-column-end: 23; }
      .for-freelancer-slide .for-freelancer-slide__title h4 {
        font-size: 24px; }
        @media screen and (min-width: 414px) {
          .for-freelancer-slide .for-freelancer-slide__title h4 {
            font-size: calc(24px + 28 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .for-freelancer-slide .for-freelancer-slide__title h4 {
            font-size: 52px; } }
      @media (min-width: 768px) {
        .for-freelancer-slide .for-freelancer-slide__title h4 {
          grid-column-end: 23; } }
      @media (min-width: 1441px) {
        .for-freelancer-slide .for-freelancer-slide__title h4 {
          max-width: 880px;
          grid-column-end: 13; } }
    .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav {
      grid-row-start: 1;
      grid-column-start: 22;
      grid-column-end: end;
      text-align: end;
      list-style: none;
      align-self: end;
      margin: 0;
      display: none; }
      @media (min-width: 768px) {
        .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav {
          display: block; } }
      .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav:active, .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav:focus, .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav:visited {
        outline: none; }
      .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav button {
        outline: none;
        background: none;
        border: none;
        transition: all 0.3s ease; }
        .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav button:hover {
          opacity: 0.7;
          cursor: pointer;
          transition: all 0.3s ease; }
        .for-freelancer-slide .for-freelancer-slide__title .for-freelancer-slide__nav button:disabled {
          opacity: 0.1;
          transition: all 0.3s ease; }
  .for-freelancer-slide .for-freelancer-slide__slider {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-column-end: span end; }
    .for-freelancer-slide .for-freelancer-slide__slider .slide-item img {
      width: 100%;
      height: auto; }
    .for-freelancer-slide .for-freelancer-slide__slider .slide-item:hover {
      cursor: -webkit-grab;
      cursor: grab; }
  .for-freelancer-slide .for-freelancer-slide__cta {
    grid-row-start: 3;
    grid-column-start: 3;
    grid-column-end: 24;
    display: flex;
    padding: 48px 0 8px 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: none; }
    @media (min-width: 768px) {
      .for-freelancer-slide .for-freelancer-slide__cta {
        bottom: 32px;
        left: 32px;
        flex-direction: row;
        align-items: flex-start; } }
    .for-freelancer-slide .for-freelancer-slide__cta .btn--icon-no-bg {
      color: #ffffff; }

.tns-controls [disabled] {
  opacity: 0.4; }

.for-producers-alt {
  background: #F7F2ED;
  position: relative; }
  .for-producers-alt h2 {
    color: #1F1F1F; }
  .for-producers-alt h3 {
    color: #1F1F1F; }
  .for-producers-alt p {
    color: #1F1F1F; }

.for-producers-alt__title-wrap {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21;
  grid-row-start: 1; }
  .for-producers-alt__title-wrap {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 320px) {
      .for-producers-alt__title-wrap {
        padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers-alt__title-wrap {
        padding: 288px 0 288px 0; } }
  .for-producers-alt__title-wrap h2 {
    grid-column-start: 1;
    grid-column-end: span end;
    align-self: center;
    text-align: center; }
    .for-producers-alt__title-wrap h2 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__title-wrap h2 {
          font-size: calc(32px + 56 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__title-wrap h2 {
          font-size: 88px; } }
    @media (min-width: 768px) {
      .for-producers-alt__title-wrap h2 {
        grid-column-end: span 10;
        text-align: left; } }
  .for-producers-alt__title-wrap .illo-hand-dark {
    width: 100%;
    height: auto;
    min-width: 80px;
    grid-column-start: 15;
    grid-column-end: span 6;
    align-self: center;
    display: none; }
    @media (min-width: 768px) {
      .for-producers-alt__title-wrap .illo-hand-dark {
        display: block;
        grid-column-start: 15;
        grid-column-end: span 6; } }
.for-producers-alt__talent-search {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21;
  position: relative;
  grid-row-start: 2; }
  .for-producers-alt__talent-search .for-producers-alt__talent-search-copy {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 1;
    align-self: center;
    padding-bottom: 24px;
    text-align: center; }
    @media (min-width: 768px) {
      .for-producers-alt__talent-search .for-producers-alt__talent-search-copy {
        padding-bottom: 0;
        grid-column-start: 1;
        grid-column-end: span 10;
        grid-row-start: 1;
        text-align: left; } }
    .for-producers-alt__talent-search .for-producers-alt__talent-search-copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__talent-search .for-producers-alt__talent-search-copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__talent-search .for-producers-alt__talent-search-copy h3 {
          font-size: 64px; } }
  .for-producers-alt__talent-search .for-producers-alt__talent-search-image {
    grid-column-start: 2;
    grid-column-end: span 19;
    grid-row-start: 2;
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .for-producers-alt__talent-search .for-producers-alt__talent-search-image {
        padding-bottom: 0;
        grid-row-start: 1;
        grid-column-start: 14;
        grid-column-end: span 8; } }
    .for-producers-alt__talent-search .for-producers-alt__talent-search-image img {
      position: relative;
      width: 100%;
      z-index: 2; }
  .for-producers-alt__talent-search .producer-squiggle {
    grid-column-start: 20;
    grid-column-end: span 10;
    grid-row-start: 1;
    position: absolute;
    bottom: 0;
    z-index: 1; }

.for-producers-alt__better-way {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21;
  position: relative;
  grid-row-start: 3; }
  .for-producers-alt__better-way {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .for-producers-alt__better-way {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers-alt__better-way {
        padding: 288px 0 0 0; } }
  .for-producers-alt__better-way .for-producers-alt__better-way-copy {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 1;
    align-self: center;
    padding-bottom: 24px;
    text-align: center; }
    @media (min-width: 768px) {
      .for-producers-alt__better-way .for-producers-alt__better-way-copy {
        padding-bottom: 0;
        grid-column-start: 10;
        grid-column-end: span 12;
        grid-row-start: 1;
        text-align: left; } }
    .for-producers-alt__better-way .for-producers-alt__better-way-copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__better-way .for-producers-alt__better-way-copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__better-way .for-producers-alt__better-way-copy h3 {
          font-size: 64px; } }
  .for-producers-alt__better-way .for-producers-alt__better-way-image {
    grid-column-start: 2;
    grid-column-end: span 19;
    grid-row-start: 2; }
    @media (min-width: 768px) {
      .for-producers-alt__better-way .for-producers-alt__better-way-image {
        grid-column-start: 1;
        grid-column-end: span 7;
        grid-row-start: 1; } }
    .for-producers-alt__better-way .for-producers-alt__better-way-image img {
      width: 100%; }

.illo-zig-zag {
  grid-column-start: 2;
  grid-column-end: span 3;
  grid-row-start: 3;
  grid-row-end: 3;
  position: absolute;
  z-index: 1;
  align-self: flex-end; }

.for-producers-alt__tools {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21; }
  .for-producers-alt__tools {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 320px) {
      .for-producers-alt__tools {
        padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers-alt__tools {
        padding: 288px 0 0 0; } }
  .for-producers-alt__tools .for-producers-alt__tools-copy {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 1;
    align-self: center;
    text-align: center;
    padding-bottom: 24px; }
    .for-producers-alt__tools .for-producers-alt__tools-copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__tools .for-producers-alt__tools-copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__tools .for-producers-alt__tools-copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .for-producers-alt__tools .for-producers-alt__tools-copy {
        padding-bottom: 0;
        grid-column-start: 1;
        grid-column-end: span 12;
        grid-row-start: 1;
        text-align: left; } }
  .for-producers-alt__tools .for-producers-alt__tools-image {
    grid-column-start: 2;
    grid-column-end: span 19;
    grid-row-start: 2; }
    @media (min-width: 768px) {
      .for-producers-alt__tools .for-producers-alt__tools-image {
        grid-column-start: 15;
        grid-column-end: span 7;
        grid-row-start: 1; } }
    .for-producers-alt__tools .for-producers-alt__tools-image img {
      width: 100%; }
  .for-producers-alt__tools .producer-squiggle {
    grid-column-start: 20;
    grid-column-end: span 10;
    grid-row-start: 1;
    position: absolute;
    bottom: 0; }

.for-producers-alt__footer {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21;
  position: relative;
  grid-row-start: 5; }
  .for-producers-alt__footer {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 320px) {
      .for-producers-alt__footer {
        padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers-alt__footer {
        padding: 288px 0 288px 0; } }
  .for-producers-alt__footer img {
    grid-column-start: 1;
    grid-column-end: span 16;
    grid-row-start: 2;
    width: 100%;
    display: none; }
    @media (min-width: 768px) {
      .for-producers-alt__footer img {
        display: block;
        grid-column-start: 1;
        grid-column-end: span 8;
        grid-row-start: 1; } }
  .for-producers-alt__footer .for-producers-alt__footer-copy {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 1;
    align-self: center;
    padding-bottom: 24px;
    text-align: center; }
    .for-producers-alt__footer .for-producers-alt__footer-copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__footer .for-producers-alt__footer-copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__footer .for-producers-alt__footer-copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .for-producers-alt__footer .for-producers-alt__footer-copy {
        text-align: left;
        padding-bottom: 0;
        grid-column-start: 13;
        grid-column-end: span 10;
        grid-row-start: 1; } }
.for-producers-alt {
  background: #F7F2ED;
  position: relative; }
  .for-producers-alt h2 {
    color: #1F1F1F; }
  .for-producers-alt h3 {
    color: #1F1F1F; }
  .for-producers-alt p {
    color: #1F1F1F; }

.for-producers-alt__title-wrap {
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-column-start: 3;
  grid-column-end: span 21;
  grid-row-start: 1; }
  .for-producers-alt__title-wrap {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 320px) {
      .for-producers-alt__title-wrap {
        padding: calc(56px + 232 * ((100vw - 320px) / 2240)) 0 calc(56px + 232 * ((100vw - 320px) / 2240)) 0; } }
    @media screen and (min-width: 2560px) {
      .for-producers-alt__title-wrap {
        padding: 288px 0 288px 0; } }
  .for-producers-alt__title-wrap h2 {
    grid-column-start: 1;
    grid-column-end: span end;
    align-self: center;
    text-align: center; }
    .for-producers-alt__title-wrap h2 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .for-producers-alt__title-wrap h2 {
          font-size: calc(32px + 56 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .for-producers-alt__title-wrap h2 {
          font-size: 88px; } }
    @media (min-width: 768px) {
      .for-producers-alt__title-wrap h2 {
        grid-column-end: span 10;
        text-align: left; } }
  .for-producers-alt__title-wrap .illo-hand-dark {
    width: 100%;
    height: auto;
    min-width: 80px;
    grid-column-start: 15;
    grid-column-end: span 6;
    align-self: center;
    display: none; }
    @media (min-width: 768px) {
      .for-producers-alt__title-wrap .illo-hand-dark {
        display: block;
        grid-column-start: 15;
        grid-column-end: span 6; } }
.crewing {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .crewing {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .crewing {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .crewing {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .crewing {
      grid-template-rows: 1fr 48px; } }
  .crewing .crewing__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 0; }
    .crewing .crewing__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .crewing .crewing__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .crewing .crewing__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .crewing .crewing__copy {
        grid-column-start: 2;
        grid-column-end: span 9;
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .crewing .crewing__copy {
        grid-column-start: 3;
        grid-column-end: span 9;
        padding-top: 72px; } }
  .crewing .crewing__imagery {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 2;
    position: relative; }
    @media (min-width: 768px) {
      .crewing .crewing__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 10; } }
    @media (min-width: 1024px) {
      .crewing .crewing__imagery {
        grid-row-start: 1;
        grid-column-start: 13;
        grid-column-end: span 11; } }
    .crewing .crewing__imagery img.crewing-image {
      width: 100%;
      height: auto;
      grid-column-start: 3;
      grid-column-end: span 9;
      grid-row-start: 1;
      padding-top: 48px; }
      @media (min-width: 768px) {
        .crewing .crewing__imagery img.crewing-image {
          padding-top: 0; } }
    .crewing .crewing__imagery img.crewing-notification {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: span 10;
      grid-row-start: 1;
      bottom: 30%;
      position: absolute; }
  .crewing img.illo-hand {
    grid-column-start: 1;
    grid-column-end: span end;
    grid-row-start: 2;
    align-self: start;
    padding-top: 0;
    width: 100%;
    margin-left: -162px;
    padding-top: 100px;
    display: none; }
    @media (min-width: 768px) {
      .crewing img.illo-hand {
        grid-column-start: 1;
        grid-column-end: span 9;
        grid-row-start: 1;
        align-self: start;
        padding-top: 280px;
        margin-left: -62px;
        display: block; } }
    @media (min-width: 1024px) {
      .crewing img.illo-hand {
        padding-top: 320px;
        margin-left: -62px; } }
  .crewing img.crewing-squiggle {
    grid-column-start: 21;
    grid-column-end: 25;
    grid-row-start: 2;
    align-self: end;
    width: 100%;
    height: auto; }

.bookings {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .bookings {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .bookings {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .bookings {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .bookings {
      grid-template-rows: 1fr 48px; } }
  .bookings .bookings__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1; }
    .bookings .bookings__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .bookings .bookings__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .bookings .bookings__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .bookings .bookings__copy {
        grid-column-start: 14;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 32px; } }
  .bookings .bookings__imagery {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 2;
    position: relative;
    padding-top: 48px; }
    @media (min-width: 768px) {
      .bookings .bookings__imagery {
        grid-column-start: 2;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .bookings .bookings__imagery {
        grid-column-start: 3;
        grid-column-end: span 10;
        grid-row-start: 1;
        padding-top: 0; } }
    .bookings .bookings__imagery img.bookings-image {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: 10;
      grid-row-start: 1; }
    .bookings .bookings__imagery img.bookings-profile {
      width: 100%;
      height: auto;
      grid-column-start: 2;
      grid-column-end: span 9;
      grid-row-start: 1;
      box-shadow: 5px 5px 24px 1px rgba(0, 0, 0, 0.28);
      bottom: 30%;
      position: absolute; }
  .bookings img.illo-zig-zag {
    grid-column-start: 24;
    grid-column-end: span 5;
    grid-row-start: 2;
    align-self: center;
    display: none;
    position: relative; }
    @media (min-width: 768px) {
      .bookings img.illo-zig-zag {
        display: block; } }
  .bookings img.bookings-squiggle {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 2;
    align-self: end;
    width: 100%;
    height: auto; }

.schedules {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: auto auto; }
  .schedules {
    padding: 56px 0 0 0; }
    @media screen and (min-width: 768px) {
      .schedules {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .schedules {
        padding: 288px 0 0 0; } }
  @media (min-width: 768px) {
    .schedules {
      grid-template-rows: 1fr 48px; } }
  .schedules .schedules__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 72px; }
    .schedules .schedules__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .schedules .schedules__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .schedules .schedules__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .schedules .schedules__copy {
        grid-column-start: 2;
        grid-column-end: span 14;
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .schedules .schedules__copy {
        grid-column-start: 3;
        grid-column-end: span 13;
        padding-top: 72px; } }
  .schedules .schedules__imagery {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-column-start: 4;
    grid-column-end: span 21;
    grid-row-start: 2;
    position: relative;
    padding-top: 48px; }
    @media (min-width: 768px) {
      .schedules .schedules__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 10;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .schedules .schedules__imagery {
        grid-row-start: 1;
        grid-column-start: 15;
        grid-column-end: span 9; } }
    .schedules .schedules__imagery img.schedules-image {
      width: 100%;
      height: auto;
      grid-column-start: 3;
      grid-column-end: span 9;
      grid-row-start: 1; }
    .schedules .schedules__imagery img.schedules-booking {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: span 8;
      grid-row-start: 1;
      bottom: -10%;
      position: absolute; }
  .schedules img.illo-schedules {
    grid-column-start: 1;
    grid-column-end: span 15;
    grid-row-start: 2;
    align-self: start;
    width: 100%;
    padding-top: 48px;
    display: none; }
    @media (min-width: 768px) {
      .schedules img.illo-schedules {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-column-end: span 7;
        align-self: start;
        padding-top: 320px;
        display: block; } }
.callsheet {
  display: grid;
  grid-template-columns: repeat(25, 1fr); }
  .callsheet {
    padding: 56px 0 78px 0; }
    @media screen and (min-width: 768px) {
      .callsheet {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 calc(56px + 232 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .callsheet {
        padding: 288px 0 288px 0; } }
  .callsheet .callsheet__copy {
    grid-column-start: 2;
    grid-column-end: span 23;
    grid-row-start: 1;
    padding-top: 48px; }
    .callsheet .callsheet__copy h3 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .callsheet .callsheet__copy h3 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .callsheet .callsheet__copy h3 {
          font-size: 64px; } }
    @media (min-width: 768px) {
      .callsheet .callsheet__copy {
        grid-column-start: 14;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 24px; } }
  .callsheet .callsheet__imagery {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-start: 2;
    grid-column-end: span 20;
    grid-row-start: 2;
    position: relative;
    padding-top: 32px; }
    @media (min-width: 768px) {
      .callsheet .callsheet__imagery {
        grid-column-start: 2;
        grid-column-end: span 11;
        grid-row-start: 1;
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .callsheet .callsheet__imagery {
        grid-column-start: 3;
        grid-column-end: span 10;
        grid-row-start: 1; } }
    .callsheet .callsheet__imagery img.callsheet-image {
      width: 100%;
      height: auto;
      grid-column-start: 1;
      grid-column-end: end;
      grid-row-start: 1; }
    .callsheet .callsheet__imagery .job-post-alert {
      grid-column-start: 1;
      grid-column-end: span 8;
      grid-row-start: 1;
      box-shadow: 5px 5px 24px 1px rgba(0, 0, 0, 0.28);
      bottom: 5%;
      position: absolute; }
      @media (min-width: 414px) {
        .callsheet .callsheet__imagery .job-post-alert {
          grid-column-start: 1;
          grid-column-end: span 6; } }
      @media (min-width: 768px) {
        .callsheet .callsheet__imagery .job-post-alert {
          bottom: -10%;
          grid-column-start: 1;
          grid-column-end: span 8;
          display: flex; } }
      @media (min-width: 1024px) {
        .callsheet .callsheet__imagery .job-post-alert {
          grid-column-start: 2;
          grid-column-end: span 6; } }
      @media (min-width: 1441px) {
        .callsheet .callsheet__imagery .job-post-alert {
          grid-column-start: 3;
          grid-column-end: span 6; } }
  .callsheet img.illo-zig-zag {
    grid-column-start: 24;
    grid-column-end: span 5;
    grid-row-start: 1;
    align-self: end;
    position: relative;
    display: none; }
    @media (min-width: 768px) {
      .callsheet img.illo-zig-zag {
        display: block; } }
  .callsheet img.callsheet-squiggle {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 1;
    align-self: end;
    width: 100%;
    height: auto; }

.producer-tools__title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2; }
  .producer-tools__title-wrap {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .producer-tools__title-wrap {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .producer-tools__title-wrap {
        padding: 320px 0 0 0; } }
  .producer-tools__title-wrap .producer-tools__title {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(5, auto);
    width: 100%; }
    .producer-tools__title-wrap .producer-tools__title p {
      grid-row-start: 1;
      grid-column-start: 3;
      grid-column-end: 24;
      text-align: center;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      line-height: 1.1; }
      @media (min-width: 414px) {
        .producer-tools__title-wrap .producer-tools__title p {
          grid-column-start: 5;
          grid-column-end: 22; } }
      @media (min-width: 768px) {
        .producer-tools__title-wrap .producer-tools__title p {
          grid-column-start: 4;
          grid-column-end: 23; } }
    .producer-tools__title-wrap .producer-tools__title h1 {
      text-align: center; }
      .producer-tools__title-wrap .producer-tools__title h1 {
        font-size: 28px; }
        @media screen and (min-width: 414px) {
          .producer-tools__title-wrap .producer-tools__title h1 {
            font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .producer-tools__title-wrap .producer-tools__title h1 {
            font-size: 128px; } }
      .producer-tools__title-wrap .producer-tools__title h1.manage {
        grid-row-start: 2;
        grid-column-start: 4;
        grid-column-end: 23; }
      .producer-tools__title-wrap .producer-tools__title h1.production {
        grid-row-start: 3;
        grid-column-start: 3;
        grid-column-end: 24; }
        @media (min-width: 768px) {
          .producer-tools__title-wrap .producer-tools__title h1.production {
            grid-column-start: 4;
            grid-column-end: 23; } }
      .producer-tools__title-wrap .producer-tools__title h1.cutting {
        grid-row-start: 4;
        grid-column-start: 3;
        grid-column-end: 24; }
        @media (min-width: 768px) {
          .producer-tools__title-wrap .producer-tools__title h1.cutting {
            grid-column-start: 4;
            grid-column-end: 23; } }
.producer-tools__how-it-works {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%;
  margin-top: 0;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .producer-tools__how-it-works {
      margin-top: -40px; } }
.bg-video-thumb {
  grid-column-start: 3;
  grid-column-end: span 21;
  grid-row-start: 1;
  position: relative;
  line-height: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content; }
  @media (min-width: 768px) {
    .bg-video-thumb {
      grid-column-start: 4;
      grid-column-end: span 19; } }
  .bg-video-thumb a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/wp-content/themes/crews/library/img/icons/icon-play.svg") no-repeat;
    background-position: center;
    background-size: 70px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 5;
    transition: all 0.2s;
    line-height: 0;
    cursor: pointer; }
    .bg-video-thumb a:hover {
      background-size: 82px;
      background-color: rgba(0, 0, 0, 0.3); }
  .bg-video-thumb video {
    width: 100%;
    height: auto; }

.producer-tools__features {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  width: 100%; }
  .producer-tools__features {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .producer-tools__features {
        padding: calc(66px + 254 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .producer-tools__features {
        padding: 320px 0 0 0; } }
  .producer-tools__features .producer-tools__features-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 32px;
    grid-column-start: 3;
    grid-column-end: 24; }
    @media (min-width: 768px) {
      .producer-tools__features .producer-tools__features-wrap {
        grid-template-columns: 1fr 1fr 1fr; } }
    .producer-tools__features .producer-tools__features-wrap .feature {
      display: grid;
      grid-template-rows: auto auto auto auto;
      text-align: center;
      max-width: 400px;
      width: 100%;
      align-items: center;
      margin: 0 auto;
      justify-items: center; }
      @media (min-width: 1024px) {
        .producer-tools__features .producer-tools__features-wrap .feature {
          max-width: 700px; } }
      .producer-tools__features .producer-tools__features-wrap .feature img.feature__thumb {
        width: 100%;
        height: auto;
        align-self: flex-end;
        margin: 0 auto 16px;
        padding: 0 16px; }
        @media (min-width: 768px) {
          .producer-tools__features .producer-tools__features-wrap .feature img.feature__thumb {
            max-width: 400px; } }
        @media (min-width: 1024px) {
          .producer-tools__features .producer-tools__features-wrap .feature img.feature__thumb {
            max-width: 400px; } }
        @media (min-width: 1441px) {
          .producer-tools__features .producer-tools__features-wrap .feature img.feature__thumb {
            max-width: 568px; } }
      .producer-tools__features .producer-tools__features-wrap .feature a {
        text-decoration: underline; }

.producer-tools__cta {
  display: flex;
  justify-content: center;
  grid-column-start: 3;
  grid-column-end: 24; }
  .producer-tools__cta .producer-tools__cta-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 48px 0 0;
    align-items: center; }
    @media (min-width: 768px) {
      .producer-tools__cta .producer-tools__cta-wrap {
        max-width: none;
        flex-direction: row;
        justify-content: space-around; } }
    .producer-tools__cta .producer-tools__cta-wrap .btn--big {
      margin: 0 auto; }

.testimonials {
  background: #000000; }

.testimonials__wrap {
  display: grid;
  grid-template-columns: repeat(26, 1fr);
  grid-template-rows: auto;
  position: relative; }

.testimonials__bg-video p {
  font-size: 14px;
  color: #fff;
  margin: 8px 0; }

.testimonials__bg-video--1 {
  grid-column-start: 3;
  grid-column-end: span 8;
  grid-row-start: 1;
  position: absolute;
  box-shadow: 0px 0px 25px -6px black; }
  @media (min-width: 768px) {
    .testimonials__bg-video--1 {
      grid-column-end: span 6; } }
.testimonials__bg-video--2 {
  grid-column-start: 16;
  grid-column-end: end;
  grid-row-start: 1;
  position: absolute;
  box-shadow: 0px 0px 25px -6px black; }
  @media (min-width: 768px) {
    .testimonials__bg-video--2 {
      grid-column-start: 16; } }
.testimonials__customers {
  grid-column-start: 3;
  grid-column-end: 25;
  grid-row-start: 1; }
  .testimonials__customers {
    padding: 78px 0 78px 0; }
    @media screen and (min-width: 768px) {
      .testimonials__customers {
        padding: calc(78px + 274 * ((100vw - 768px) / 1792)) 0 calc(78px + 274 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .testimonials__customers {
        padding: 352px 0 352px 0; } }
  .testimonials__customers p {
    text-align: center;
    color: #ffffff; }
  .testimonials__customers ul {
    margin: 0; }
    .testimonials__customers ul li {
      font-family: "Koor-RegularNormal", Cambria, Times New Roman, Times, serif, serif;
      text-transform: uppercase;
      line-height: 1;
      color: #ffffff;
      text-align: center;
      padding: 0;
      margin: 0;
      list-style: none; }
      .testimonials__customers ul li {
        font-size: 28px; }
        @media screen and (min-width: 414px) {
          .testimonials__customers ul li {
            font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
        @media screen and (min-width: 2560px) {
          .testimonials__customers ul li {
            font-size: 128px; } }
.testimonials__cta {
  display: flex;
  justify-content: center;
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: end;
  padding-bottom: 68px; }

.news {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: repeat(3, auto); }
  .news .news__title {
    grid-column-start: 3;
    grid-column-end: span 21;
    grid-row-start: 1;
    text-align: center;
    max-width: 768px;
    margin: 0 auto; }
    .news .news__title {
      padding: 66px 0 66px 0; }
      @media screen and (min-width: 768px) {
        .news .news__title {
          padding: calc(66px + 46 * ((100vw - 768px) / 1792)) 0 calc(66px + 46 * ((100vw - 768px) / 1792)) 0; } }
      @media screen and (min-width: 2560px) {
        .news .news__title {
          padding: 112px 0 112px 0; } }
    .news .news__title h4 {
      font-size: 24px; }
      @media screen and (min-width: 768px) {
        .news .news__title h4 {
          font-size: calc(24px + 30 * ((100vw - 768px) / 1792)); } }
      @media screen and (min-width: 2560px) {
        .news .news__title h4 {
          font-size: 54px; } }
  .news .news__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 32px;
    grid-column-start: 3;
    grid-column-end: span 21;
    grid-column-gap: 24px;
    grid-row-start: 2; }
    @media (min-width: 768px) {
      .news .news__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-start: 3;
        grid-column-end: span 21;
        grid-row-gap: 48px;
        grid-row-start: 2; } }
  .news .news__cta {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-start: 1;
    grid-column-end: span end;
    justify-items: center;
    grid-row-start: 3; }
    .news .news__cta {
      padding: 66px 0 66px 0; }
      @media screen and (min-width: 768px) {
        .news .news__cta {
          padding: calc(66px + 46 * ((100vw - 768px) / 1792)) 0 calc(66px + 46 * ((100vw - 768px) / 1792)) 0; } }
      @media screen and (min-width: 2560px) {
        .news .news__cta {
          padding: 112px 0 112px 0; } }
.page-template-page-home-alt .news__title {
  grid-column-start: 3;
  grid-column-end: span 21; }
  .page-template-page-home-alt .news__title {
    padding: 56px 0 78px 0; }
    @media screen and (min-width: 768px) {
      .page-template-page-home-alt .news__title {
        padding: calc(56px + 232 * ((100vw - 768px) / 1792)) 0 calc(56px + 232 * ((100vw - 768px) / 1792)) 0; } }
    @media screen and (min-width: 2560px) {
      .page-template-page-home-alt .news__title {
        padding: 288px 0 288px 0; } }
  @media (min-width: 768px) {
    .page-template-page-home-alt .news__title {
      grid-column-start: 7;
      grid-column-end: span 13; } }
  .page-template-page-home-alt .news__title h4 {
    text-transform: none;
    font-family: "Koor-RegularNormal", Cambria, Times New Roman, Times, serif, sans-serif; }
    .page-template-page-home-alt .news__title h4 {
      font-size: 32px; }
      @media screen and (min-width: 414px) {
        .page-template-page-home-alt .news__title h4 {
          font-size: calc(32px + 32 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .page-template-page-home-alt .news__title h4 {
          font-size: 64px; } }
.news-single {
  display: flex;
  justify-content: center;
  align-items: center; }
  .news-single .news-article {
    max-width: 720px;
    padding: 0 24px; }
    .news-single .news-article .news-article__header {
      padding: 48px 0 0; }
      @media (min-width: 768px) {
        .news-single .news-article .news-article__header {
          padding: 56px 0 0; } }
      .news-single .news-article .news-article__header h2 {
        padding: 16px 0; }
        .news-single .news-article .news-article__header h2 {
          font-size: 32px; }
          @media screen and (min-width: 768px) {
            .news-single .news-article .news-article__header h2 {
              font-size: calc(32px + 40 * ((100vw - 768px) / 1792)); } }
          @media screen and (min-width: 2560px) {
            .news-single .news-article .news-article__header h2 {
              font-size: 72px; } }
      .news-single .news-article .news-article__header p.--excerpt {
        font-size: 14px;
        letter-spacing: 0.3;
        font-family: "Graphik-Medium", Helvetica, Arial, sans-serif, sans-serif; }
      .news-single .news-article .news-article__header .news-article__header-category {
        display: flex;
        align-items: center; }
        .news-single .news-article .news-article__header .news-article__header-category p {
          font-size: 14px;
          letter-spacing: 0.3px;
          text-transform: uppercase;
          padding: 0;
          margin: 0; }
        .news-single .news-article .news-article__header .news-article__header-category .pinline {
          border-top: 1px solid #0C2353;
          width: 20px;
          margin: 0 8px; }
    .news-single .news-article .news-article__body h1 {
      font-family: "Graphik-Regular", Helvetica, Arial, sans-serif;
      text-transform: none;
      margin: 16px 0; }
    .news-single .news-article .news-article__body h2 {
      margin: 16px 0; }
    .news-single .news-article .news-article__body h3 {
      margin: 16px 0; }
    .news-single .news-article .news-article__body h4 {
      margin: 16px 0; }
    .news-single .news-article .news-article__body .wp-block-image {
      margin: 2em 0; }
    .news-single .news-article .news-article__body .wp-block-embed {
      margin: 32px 0; }
    .news-single .news-article .news-article__body figcaption {
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      font-size: 12px;
      color: #999999; }
    .news-single .news-article .news-article__body ul {
      list-style: disc;
      list-style-position: inside;
      margin: 32px 0; }
    .news-single .news-article .news-article__body .wp-block-quote {
      margin: 32px 0;
      padding: 0 0 0 24px;
      border-left: 2px solid #333333; }
      .news-single .news-article .news-article__body .wp-block-quote p {
        font-family: "Koor-RegularNormal", Cambria, Times New Roman, Times, serif, sans-serif;
        font-size: 32px;
        padding: 0 0 16px;
        margin: 0; }
      .news-single .news-article .news-article__body .wp-block-quote cite {
        width: 100%;
        margin: 0 auto; }

.more-case-studies {
  width: 100%; }
  .more-case-studies {
    padding: 66px 0 0 0; }
    @media screen and (min-width: 768px) {
      .more-case-studies {
        padding: calc(66px + 190 * ((100vw - 768px) / 1792)) 0 0 0; } }
    @media screen and (min-width: 2560px) {
      .more-case-studies {
        padding: 256px 0 0 0; } }
  .more-case-studies .more-case-studies__wrap {
    background: #E8DDD2;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(25, 1fr);
    padding-bottom: 64px; }
    .more-case-studies .more-case-studies__wrap .more-case-studies__header {
      grid-column-start: 2;
      grid-column-end: span 23; }
      .more-case-studies .more-case-studies__wrap .more-case-studies__header {
        padding: 66px 0 40px 0; }
        @media screen and (min-width: 768px) {
          .more-case-studies .more-case-studies__wrap .more-case-studies__header {
            padding: calc(66px + 90 * ((100vw - 768px) / 1792)) 0 40px 0; } }
        @media screen and (min-width: 2560px) {
          .more-case-studies .more-case-studies__wrap .more-case-studies__header {
            padding: 156px 0 40px 0; } }
      .more-case-studies .more-case-studies__wrap .more-case-studies__header h3 {
        text-align: center; }
        .more-case-studies .more-case-studies__wrap .more-case-studies__header h3 {
          font-size: 32px; }
          @media screen and (min-width: 768px) {
            .more-case-studies .more-case-studies__wrap .more-case-studies__header h3 {
              font-size: calc(32px + 40 * ((100vw - 768px) / 1792)); } }
          @media screen and (min-width: 2560px) {
            .more-case-studies .more-case-studies__wrap .more-case-studies__header h3 {
              font-size: 72px; } }
    .more-case-studies .more-case-studies__wrap .more-case-studies__content {
      grid-column-start: 2;
      grid-column-end: span 23;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-column-gap: 16px;
      grid-row-gap: 16px; }
      @media (min-width: 768px) {
        .more-case-studies .more-case-studies__wrap .more-case-studies__content {
          grid-column-start: 3;
          grid-column-end: span 21;
          grid-column-gap: 24px;
          grid-row-gap: 48px; } }
.archives {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  justify-content: center;
  flex-direction: column; }
  .archives .archives__title {
    padding: 64px 0;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: end;
    text-align: center; }
  .archives .archives__content {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    grid-row-start: 2;
    grid-gap: 24px;
    grid-column-start: 3;
    grid-column-end: span 21; }
    @media (min-width: 768px) {
      .archives .archives__content {
        grid-column-start: 3;
        grid-column-end: span 21;
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) {
      .archives .archives__content {
        grid-column-start: 3;
        grid-column-end: span 21; } }
    .archives .archives__content .archives-card {
      position: relative; }
      .archives .archives__content .archives-card .archives-card__sizer {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: auto;
        overflow: hidden;
        width: 100%; }
        .archives .archives__content .archives-card .archives-card__sizer img {
          max-width: 100%;
          transition: all 0.4s;
          -webkit-transform: scale(1);
                  transform: scale(1);
          display: block;
          width: 100%;
          height: auto; }
        .archives .archives__content .archives-card .archives-card__sizer:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
          cursor: pointer; }
      .archives .archives__content .archives-card .archives-card__meta {
        padding: 16px 0 12px; }
        .archives .archives__content .archives-card .archives-card__meta h5 {
          padding: 6px 0 0; }
          .archives .archives__content .archives-card .archives-card__meta h5 a {
            text-decoration: none; }
        .archives .archives__content .archives-card .archives-card__meta p {
          padding: 14px 0 12px;
          margin: 0; }
          .archives .archives__content .archives-card .archives-card__meta p a {
            text-decoration: none; }
  .archives .archives__pagination {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: end;
    text-align: center;
    padding: 32px 0; }
    .archives .archives__pagination .pagination {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.3; }

.featured-work {
  padding: 120px 0 0 0; }
  @media screen and (min-width: 1441px) {
    .featured-work {
      padding: calc(120px + 40 * ((100vw - 1441px) / 1119)) 0 0 0; } }
  @media screen and (min-width: 2560px) {
    .featured-work {
      padding: 160px 0 0 0; } }
.featured-work .featured-work__title h3 {
  font-size: 32px; }
  @media screen and (min-width: 768px) {
    .featured-work .featured-work__title h3 {
      font-size: calc(32px + 40 * ((100vw - 768px) / 1792)); } }
  @media screen and (min-width: 2560px) {
    .featured-work .featured-work__title h3 {
      font-size: 72px; } }
.featured-work .featured-work__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  margin: 0 auto;
  width: 100%; }
  .featured-work .featured-work__content {
    padding: 60px 16px 0 16px; }
    @media screen and (min-width: 768px) {
      .featured-work .featured-work__content {
        padding: calc(60px + 20 * ((100vw - 768px) / 1792)) 16px 0 16px; } }
    @media screen and (min-width: 2560px) {
      .featured-work .featured-work__content {
        padding: 80px 16px 0 16px; } }
  @media (min-width: 414px) {
    .featured-work .featured-work__content {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto auto;
      grid-column-gap: 8px;
      padding: 24px 16px; } }
  @media (min-width: 768px) {
    .featured-work .featured-work__content {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto auto;
      grid-column-gap: 24px;
      padding: 32px 24px; } }
  @media (min-width: 1024px) {
    .featured-work .featured-work__content {
      padding: 80px 148px;
      grid-row-gap: 48px; } }
  .featured-work .featured-work__content .case-study-card {
    position: relative; }
    .featured-work .featured-work__content .case-study-card img {
      width: 100%;
      height: auto; }

.featured-work .featured-work__cta {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-top: 24px; }

.cta {
  position: relative;
  background: #232323; }

.cta__wrap {
  display: flex;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 368px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7); }
  @media (min-width: 414px) {
    .cta__wrap {
      height: 468px; } }
  @media (min-width: 768px) {
    .cta__wrap {
      height: 568px; } }
  @media (min-width: 1024px) {
    .cta__wrap {
      height: 668px; } }
.cta__wrap-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin: 0 auto;
  z-index: 2;
  max-width: 560px; }
  @media (min-width: 768px) {
    .cta__wrap-inner {
      max-width: 1000px; } }
  .cta__wrap-inner h1 {
    text-align: center; }
    .cta__wrap-inner h1 {
      font-size: 28px; }
      @media screen and (min-width: 414px) {
        .cta__wrap-inner h1 {
          font-size: calc(28px + 100 * ((100vw - 414px) / 2146)); } }
      @media screen and (min-width: 2560px) {
        .cta__wrap-inner h1 {
          font-size: 128px; } }
  .cta__wrap-inner p {
    max-width: 560px;
    text-align: center;
    padding: 0 24px; }

.cta__bg-video {
  position: relative;
  width: 100%;
  height: 368px;
  overflow: hidden; }
  @media (min-width: 414px) {
    .cta__bg-video {
      height: 468px; } }
  @media (min-width: 768px) {
    .cta__bg-video {
      height: 568px; } }
  @media (min-width: 1024px) {
    .cta__bg-video {
      height: 668px; } }
  .cta__bg-video video {
    width: 100%;
    height: 368px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (min-width: 414px) {
      .cta__bg-video video {
        height: 468px; } }
    @media (min-width: 768px) {
      .cta__bg-video video {
        height: 568px; } }
    @media (min-width: 1024px) {
      .cta__bg-video video {
        height: 668px; } }
.cta__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .cta__button {
      padding-top: 24px; } }
.page-template-page-home-alt h1 {
  text-transform: none; }

.pricing-title {
  padding: 72px 0; }
  .pricing-title h3 {
    text-align: center; }

.specials-banner {
  width: 100%;
  background: #cbede4;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px; }
  .specials-banner p {
    font-size: 14px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    line-height: 1; }

.chip {
  background: #379B81;
  color: #ffffff;
  border-radius: 16px;
  padding: 7px 12px;
  margin: 0 8px;
  font-size: 12px;
  text-transform: uppercase; }

.pricing-tiers {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
  max-width: 400px;
  margin: 0 auto 0 auto;
  padding: 0 16px; }
  @media (min-width: 1024px) {
    .pricing-tiers {
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 16px;
      max-width: 1098px;
      margin: 0 auto 0 auto; } }
  .pricing-tiers .pricing-plan {
    border-radius: 8px;
    background: #ffffff;
    padding: 16px; }
    @media (min-width: 1024px) {
      .pricing-tiers .pricing-plan {
        padding: 24px; } }
    .pricing-tiers .pricing-plan .pricing-plan__title {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 24px 0;
      text-align: center; }
      .pricing-tiers .pricing-plan .pricing-plan__title .pricing-plan__price {
        display: flex;
        align-items: flex-end;
        padding: 16px 0 8px; }
        .pricing-tiers .pricing-plan .pricing-plan__title .pricing-plan__price h3 {
          padding: 0;
          margin: 0;
          line-height: normal; }
        .pricing-tiers .pricing-plan .pricing-plan__title .pricing-plan__price span {
          color: #999999;
          font-size: 12px; }
      .pricing-tiers .pricing-plan .pricing-plan__title p {
        font-size: 12px;
        letter-spacing: 0.1;
        color: #999999;
        max-width: 80%; }
    .pricing-tiers .pricing-plan ul {
      margin: 0;
      padding: 0; }
      .pricing-tiers .pricing-plan ul li {
        list-style: none;
        font-size: 14px;
        letter-spacing: 0.3;
        line-height: 1.5em; }
        .pricing-tiers .pricing-plan ul li.disabled {
          opacity: 0.3; }
      .pricing-tiers .pricing-plan ul li::before {
        color: transparent;
        font-size: 1px;
        content: " ";
        margin-left: 0;
        margin-right: 8px;
        padding: 14px 10px;
        background: url("/wp-content/themes/crews/library/img/icons/icon-check.svg") no-repeat; }
    .pricing-tiers .pricing-plan .pricing-plan__cta {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 32px 0;
      text-align: center; }

.pricing-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 440px;
  margin: 0 auto 0 auto;
  text-align: center; }
  .pricing-contact {
    padding: 40px 16px 0 16px; }
    @media screen and (min-width: 768px) {
      .pricing-contact {
        padding: calc(40px + 60 * ((100vw - 768px) / 672)) 16px calc(40px + 60 * ((100vw - 768px) / 672)) 16px; } }
    @media screen and (min-width: 1440px) {
      .pricing-contact {
        padding: 100px 16px 100px 16px; } }
  @media (min-width: 768px) {
    .pricing-contact {
      max-width: 768px; } }
.pricing-clients {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 0 auto;
  max-width: 768px;
  text-align: center; }
  .pricing-clients {
    padding: 40px 0 0 0; }
    @media screen and (min-width: 768px) {
      .pricing-clients {
        padding: calc(40px + 60 * ((100vw - 768px) / 672)) 0 0 0; } }
    @media screen and (min-width: 1440px) {
      .pricing-clients {
        padding: 100px 0 0 0; } }
.pricing-clients__logos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 24px; }
  .pricing-clients__logos img {
    padding: 12px; }

.pricing-faq {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 24px;
  max-width: 343px;
  margin: 0 auto 0 auto; }
  .pricing-faq {
    padding: 40px 16px 40px 16px; }
    @media screen and (min-width: 768px) {
      .pricing-faq {
        padding: calc(40px + 60 * ((100vw - 768px) / 672)) 16px calc(40px + 60 * ((100vw - 768px) / 672)) 16px; } }
    @media screen and (min-width: 1440px) {
      .pricing-faq {
        padding: 100px 16px 100px 16px; } }
  @media (min-width: 768px) {
    .pricing-faq {
      grid-template-columns: 1fr 1fr 1fr;
      max-width: 1098px; } }
footer {
  background: #000000;
  color: white;
  padding: 48px 0 0 0; }
  @media (min-width: 768px) {
    footer {
      padding: 48px 0 0 0; } }
  footer .footer__base {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 12px 16px;
    background: #212121;
    height: 48px; }
    @media (min-width: 768px) {
      footer .footer__base {
        padding: 12px 32px; } }
    footer .footer__base .footer__base-credit p {
      padding: 0;
      margin: 0; }
    footer .footer__base .footer__base-credit ul {
      margin: 0;
      padding: 0; }
      footer .footer__base .footer__base-credit ul li {
        display: inline-block;
        font-size: 12px;
        letter-spacing: 0.1;
        color: #999999; }
        footer .footer__base .footer__base-credit ul li a {
          color: #999999;
          text-decoration: none; }
    footer .footer__base .footer__base-terms {
      grid-column-start: 18;
      grid-column-end: span end;
      display: none; }
      @media (min-width: 414px) {
        footer .footer__base .footer__base-terms {
          display: block; } }
      footer .footer__base .footer__base-terms ul {
        padding: 0;
        margin: 0; }
        footer .footer__base .footer__base-terms ul li {
          list-style-type: none;
          padding: 0;
          display: inline;
          list-style-type: none;
          font-size: 12px;
          letter-spacing: 0.1; }
          footer .footer__base .footer__base-terms ul li a {
            color: #999999;
            text-decoration: none; }
  footer .footer__inner {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 16px;
    height: auto;
    padding: 0 16px 48px 16px; }
    @media (min-width: 768px) {
      footer .footer__inner {
        display: grid;
        grid-column-gap: 24px;
        padding: 0 32px;
        height: 286px; } }
    footer .footer__inner .--subtitle-2 {
      margin-top: 0;
      line-height: 1; }
    footer .footer__inner ul {
      padding: 0;
      margin: 0; }
      footer .footer__inner ul li {
        list-style-type: none;
        padding: 0;
        font-size: 14px;
        letter-spacing: 0.3; }
        footer .footer__inner ul li a {
          color: #ffffff;
          text-decoration: none; }
    footer .footer__inner .footer__contact-deets {
      grid-column-start: 1;
      grid-column-end: span 3;
      margin: 0 0 24px 0; }
      @media (min-width: 768px) {
        footer .footer__inner .footer__contact-deets {
          margin: 0; } }
      footer .footer__inner .footer__contact-deets p {
        margin: 0 0 16px 0; }
        @media (min-width: 768px) {
          footer .footer__inner .footer__contact-deets p {
            margin: 0 0 32px 0; } }
    footer .footer__inner .footer__crews {
      grid-column-start: 7;
      grid-column-end: span 2;
      margin: 0 0 32px; }
      @media (min-width: 768px) {
        footer .footer__inner .footer__crews {
          margin: 0; } }
    footer .footer__inner .footer__company {
      grid-column-start: 9;
      grid-column-end: span 2;
      margin: 0 0 32px; }
      @media (min-width: 768px) {
        footer .footer__inner .footer__company {
          margin: 0; } }
    footer .footer__inner .footer__address {
      grid-column-start: 11;
      grid-column-end: span 2; }
      footer .footer__inner .footer__address button {
        margin: 16px 0 16px 0; }
      footer .footer__inner .footer__address a {
        font-size: 14px;
        letter-spacing: 0.3;
        color: #ffffff; }