/*

	Theme Name: 23 Design
	Theme URI: 
	Author: @elnodos + marcos
	Author URI: 
	Author Contact: 
	Description:
	Version: 2

*/

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.items-justify {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.items-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.items-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.items-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.items-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.items-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.items-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.items-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.col-full {
  width: 100% !important;
}
.col-xs1 {
  width: 7.3%;
}
.col-xs2 {
  width: 15.64166%;
}
.col-xs3 {
  width: 23.98332%;
}
.col-xs4 {
  width: 32.32498%;
}
.col-xs5 {
  width: 40.66664%;
}
.col-xs6 {
  width: 49.0083%;
}
.col-xs7 {
  width: 57.34996%;
}
.col-xs8 {
  width: 65.69162%;
}
.col-xs9 {
  width: 74.03328%;
}
.col-xs10 {
  width: 82.37494%;
}
.col-xs11 {
  width: 90.7166%;
}
.col-xs12 {
  width: 99.05825999999999%;
}
.offset-xs0 {
  margin-left: 0.52083%;
}
.offset-xs1 {
  margin-left: 8.86249%;
}
.offset-xs2 {
  margin-left: 17.20415%;
}
.offset-xs3 {
  margin-left: 25.54581%;
}
.offset-xs4 {
  margin-left: 33.88746999999999%;
}
.offset-xs5 {
  margin-left: 42.22913%;
}
.offset-xs6 {
  margin-left: 50.570789999999995%;
}
.offset-xs7 {
  margin-left: 58.91245%;
}
.offset-xs8 {
  margin-left: 67.25411%;
}
.offset-xs9 {
  margin-left: 75.59577%;
}
.offset-xs10 {
  margin-left: 83.93742999999999%;
}
.offset-xs11 {
  margin-left: 92.27909%;
}
.offset-xs12 {
  margin-left: 100.62074999999999%;
}
@media (min-width: 767px) {
  .col-sm1 {
    width: 7.3%;
  }
  .col-sm2 {
    width: 15.64166%;
  }
  .col-sm3 {
    width: 23.98332%;
  }
  .col-sm4 {
    width: 32.32498%;
  }
  .col-sm5 {
    width: 40.66664%;
  }
  .col-sm6 {
    width: 49.0083%;
  }
  .col-sm7 {
    width: 57.34996%;
  }
  .col-sm8 {
    width: 65.69162%;
  }
  .col-sm9 {
    width: 74.03328%;
  }
  .col-sm10 {
    width: 82.37494%;
  }
  .col-sm11 {
    width: 90.7166%;
  }
  .col-sm12 {
    width: 99.05825999999999%;
  }
  .offset-sm0 {
    margin-left: 0.52083%;
  }
  .offset-sm1 {
    margin-left: 8.86249%;
  }
  .offset-sm2 {
    margin-left: 17.20415%;
  }
  .offset-sm3 {
    margin-left: 25.54581%;
  }
  .offset-sm4 {
    margin-left: 33.88746999999999%;
  }
  .offset-sm5 {
    margin-left: 42.22913%;
  }
  .offset-sm6 {
    margin-left: 50.570789999999995%;
  }
  .offset-sm7 {
    margin-left: 58.91245%;
  }
  .offset-sm8 {
    margin-left: 67.25411%;
  }
  .offset-sm9 {
    margin-left: 75.59577%;
  }
  .offset-sm10 {
    margin-left: 83.93742999999999%;
  }
  .offset-sm11 {
    margin-left: 92.27909%;
  }
  .offset-sm12 {
    margin-left: 100.62074999999999%;
  }
}
@media (min-width: 1023px) {
  .col-md1 {
    width: 7.3%;
  }
  .col-md2 {
    width: 15.64166%;
  }
  .col-md3 {
    width: 23.98332%;
  }
  .col-md4 {
    width: 32.32498%;
  }
  .col-md5 {
    width: 40.66664%;
  }
  .col-md6 {
    width: 49.0083%;
  }
  .col-md7 {
    width: 57.34996%;
  }
  .col-md8 {
    width: 65.69162%;
  }
  .col-md9 {
    width: 74.03328%;
  }
  .col-md10 {
    width: 82.37494%;
  }
  .col-md11 {
    width: 90.7166%;
  }
  .col-md12 {
    width: 99.05825999999999%;
  }
  .offset-md0 {
    margin-left: 0.52083%;
  }
  .offset-md1 {
    margin-left: 8.86249%;
  }
  .offset-md2 {
    margin-left: 17.20415%;
  }
  .offset-md3 {
    margin-left: 25.54581%;
  }
  .offset-md4 {
    margin-left: 33.88746999999999%;
  }
  .offset-md5 {
    margin-left: 42.22913%;
  }
  .offset-md6 {
    margin-left: 50.570789999999995%;
  }
  .offset-md7 {
    margin-left: 58.91245%;
  }
  .offset-md8 {
    margin-left: 67.25411%;
  }
  .offset-md9 {
    margin-left: 75.59577%;
  }
  .offset-md10 {
    margin-left: 83.93742999999999%;
  }
  .offset-md11 {
    margin-left: 92.27909%;
  }
  .offset-md12 {
    margin-left: 100.62074999999999%;
  }
}
@media (min-width: 1199px) {
  .col-lg1 {
    width: 7.3%;
  }
  .col-lg2 {
    width: 15.64166%;
  }
  .col-lg3 {
    width: 23.98332%;
  }
  .col-lg4 {
    width: 32.32498%;
  }
  .col-lg5 {
    width: 40.66664%;
  }
  .col-lg6 {
    width: 49.0083%;
  }
  .col-lg7 {
    width: 57.34996%;
  }
  .col-lg8 {
    width: 65.69162%;
  }
  .col-lg9 {
    width: 74.03328%;
  }
  .col-lg10 {
    width: 82.37494%;
  }
  .col-lg11 {
    width: 90.7166%;
  }
  .col-lg12 {
    width: 99.05825999999999%;
  }
  .offset-lg0 {
    margin-left: 0.52083%;
  }
  .offset-lg1 {
    margin-left: 8.86249%;
  }
  .offset-lg2 {
    margin-left: 17.20415%;
  }
  .offset-lg3 {
    margin-left: 25.54581%;
  }
  .offset-lg4 {
    margin-left: 33.88746999999999%;
  }
  .offset-lg5 {
    margin-left: 42.22913%;
  }
  .offset-lg6 {
    margin-left: 50.570789999999995%;
  }
  .offset-lg7 {
    margin-left: 58.91245%;
  }
  .offset-lg8 {
    margin-left: 67.25411%;
  }
  .offset-lg9 {
    margin-left: 75.59577%;
  }
  .offset-lg10 {
    margin-left: 83.93742999999999%;
  }
  .offset-lg11 {
    margin-left: 92.27909%;
  }
  .offset-lg12 {
    margin-left: 100.62074999999999%;
  }
}
@media (min-width: 1480px) {
  .col-xl1 {
    width: 7.3%;
  }
  .col-xl2 {
    width: 15.64166%;
  }
  .col-xl3 {
    width: 23.98332%;
  }
  .col-xl4 {
    width: 32.32498%;
  }
  .col-xl5 {
    width: 40.66664%;
  }
  .col-xl6 {
    width: 49.0083%;
  }
  .col-xl7 {
    width: 57.34996%;
  }
  .col-xl8 {
    width: 65.69162%;
  }
  .col-xl9 {
    width: 74.03328%;
  }
  .col-xl10 {
    width: 82.37494%;
  }
  .col-xl11 {
    width: 90.7166%;
  }
  .col-xl12 {
    width: 99.05825999999999%;
  }
  .offset-xl0 {
    margin-left: 0.52083%;
  }
  .offset-xl1 {
    margin-left: 8.86249%;
  }
  .offset-xl2 {
    margin-left: 17.20415%;
  }
  .offset-xl3 {
    margin-left: 25.54581%;
  }
  .offset-xl4 {
    margin-left: 33.88746999999999%;
  }
  .offset-xl5 {
    margin-left: 42.22913%;
  }
  .offset-xl6 {
    margin-left: 50.570789999999995%;
  }
  .offset-xl7 {
    margin-left: 58.91245%;
  }
  .offset-xl8 {
    margin-left: 67.25411%;
  }
  .offset-xl9 {
    margin-left: 75.59577%;
  }
  .offset-xl10 {
    margin-left: 83.93742999999999%;
  }
  .offset-xl11 {
    margin-left: 92.27909%;
  }
  .offset-xl12 {
    margin-left: 100.62074999999999%;
  }
}

@-moz-keyframes underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel.owl-loading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  animation-name: fadeOut;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  -moz-transition: -moz-transform 0.1s ease;
  -o-transition: -o-transform 0.1s ease;
  -ms-transition: -ms-transform 0.1s ease;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
opacity 1,
100%,
opacity 0,
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-dot {
  width: 24px;
  height: 1px;
  display: inline-block;
  margin: 1vw 1vw 0 0;
  border-top: solid thin #c2c2c8 !important;
}
.owl-dot.active {
  border-top: solid thin #F90041 !important;
  background: #F90041 !important;
}
.owl-dot:focus {
  outline: none;
}
.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -23px;
}
.owl-prev,
.owl-next {
  width: 56px;
  height: 56px;
  position: absolute;
  display: inline-block;
  outline: 0;
  border: none;
  text-align: center;
}
.owl-prev span,
.owl-next span {
  display: none;
}
.owl-prev:before,
.owl-next:before,
.owl-prev:after,
.owl-next:after {
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.owl-prev:before,
.owl-next:before {
  background: #676776;
  width: 40px;
  height: 1px;
}
.owl-prev:after,
.owl-next:after {
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
}
.owl-prev {
  left: 0;
}
.owl-prev:before {
  left: 5px;
}
.owl-prev:after {
  border-left: solid thin #676776;
  border-top: solid thin #676776;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5px;
}
.owl-prev:hover:before,
.owl-prev:hover:after {
  border-left: solid thin #F90041;
  border-top: solid thin #F90041;
  left: 0;
}
.owl-next {
  right: 0;
}
.owl-next:before {
  right: 5px;
}
.owl-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid thin #676776;
  border-right: solid thin #676776;
  right: 5px;
}
.owl-next:hover:before,
.owl-next:hover:after {
  right: 0;
  border-top: solid thin #F90041;
  border-right: solid thin #F90041;
}
@media (min-width: 1199px) {
  .owl-dots {
    margin: 1vw 1vw 0 0;
  }
}
.carruselComponent {
  text-align: center;
}
.carruselComponent .item {
  position: relative;
  background-color: #fff;
  vertical-align: middle;
  margin: 0 auto;
  height: 280px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.carruselComponent .item .content {
  position: relative;
  z-index: 2;
}
.carruselComponent .item .picture {
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 100%;
  z-index: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.carruselComponent .item h5 {
  font-size: 40px;
  line-height: 45px;
  font-family: "GT America Light";
  letter-spacing: 0;
  margin: 0 auto;
}
.carruselComponent .item p {
  font-size: 18px;
  font-family: "GT America Light";
  line-height: 30px;
  margin: 0 auto;
  letter-spacing: 0;
}
.carruselComponent .owl-nav {
  display: none;
}
.carruselComponent .owl-dots {
  margin-top: 30px;
}
@media (min-width: 1199px) {
  .carruselComponent {
    padding-top: 7.778vw;
    max-width: 80%;
    margin: 0 auto;
  }
  .carruselComponent .owl-nav {
    display: block;
    width: 120%;
    left: -10%;
  }
  .carruselComponent .item {
    position: relative;
    background-color: #fff;
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    height: 23.61111111111111vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .carruselComponent .item .content {
    padding: 5.522vw 0;
    position: relative;
    z-index: 2;
  }
  .carruselComponent .item .picture {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 100%;
    height: 23.61111111111111vw;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .carruselComponent h5 {
    max-width: 40.194vw;
    font-size: 3.888888888888889vw;
    line-height: 4.583333333333333vw;
  }
  .carruselComponent p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    max-width: 38.194vw;
  }
  .carruselComponent .owl-dots {
    margin-top: 20px;
  }
}
/* Header component */
.contact {
  width: 100%;
  height: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  background-color: #eff2f7;
}
.contact.is-open {
  padding-top: 40px;
  height: 100vh;
}
.contact h1 {
  font-size: 43px;
  line-height: 43px;
  letter-spacing: -1px;
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
  font-family: circular-black;
}
.contact p {
  font-family: "GT America Light";
  font-size: 22px;
  line-height: 32px;
  color: #0b0b23;
}
.contactSidebar {
  margin-top: 60px;
}
.contactSidebar p {
  font-size: 16px;
  line-height: 20px;
}
.contactSidebar a {
  font-family: "GT America Light";
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 50px;
  font-size: 16px;
}
.contact .ctaForm {
  display: block;
  width: 100%;
  position: relative;
  line-height: 60px;
  font-family: "GT America Light";
  z-index: 10;
  font-size: 20px;
  text-align: center;
}
.contact .ctaForm .scribbleForm {
  z-index: -1;
  content: '';
  width: 100%;
  background-image: url("../img/scribbles/scribbleWhy23.svg");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}


.heroHome {
  background-color: #eff2f7;
  min-height: 80vh;
  padding: 200px 0;
}
.welcome {
  background-color: #eff2f7;
  padding: 40px 0 120px;
}
.welcomeDescription {
  margin: 0 auto;
}
.welcomeDescription h3 {
  font-size: 20px;
  line-height: 22px;
  font-family: "GT America Light";
  margin-bottom: 20px;
}
.welcomeDescription h3:nth-child(1) {
  margin-bottom: 50px;
}
.welcome .carruselComponent br {
  display: none;
}
.welcome .carruselComponent .item h5 {
  font-size: 22px;
  line-height: 24px;
  max-width: 81%;
  margin-bottom: 20px;
}
.welcome .carruselComponent .item h5 span {
  background-image: url("../img/scribbles/scribbleUnderlineService.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  padding-bottom: 0.208vw;
}
.welcome .carruselComponent .item p {
  font-size: 17px;
  max-width: 81%;
  margin: 0 auto;
  line-height: 1.4;
}
.work {
  padding: 120px 0 60px;
}
.workTitle {
  font-family: circular-bold;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
  display: inline-block;
  vertical-align: top;
  max-width: 80%;
  margin-bottom: 120px;
}
.work .scribbleWork {
  background-repeat: no-repeat;
  background-image: url("../img/scribbles/scribbleWork.svg");
  background-position: center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  width: 180px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 10%;
}
.workContent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.workItem {
  width: 100%;
  position: relative;
  display: block;
  height: 240px;
  position: relative;
  overflow: hidden;
}
.workItem .is-mobile {
  display: block;
}
.workItem .is-desktop {
  display: none;
}
.workItem img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.workItem::after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 90%);
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 90%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 90%);
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 90%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 90%);
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  top: 0;
}
.workItem_content {
  max-width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  z-index: 2;
  color: #fff f;
  padding: 20px;
}
.workItem_name {
  font-size: 26px;
  font-family: circular-black;
  position: relative;
  margin-bottom: 10px;
}
.workItem_name::after {
  content: 'Coming soon';
  display: block;
  position: absolute;
  top: -30px;
  color: #fff;
  left: 0;
  font-size: 14px;
  font-family: "GT America Light";
  background-color: #2a2a3f;
  padding: 5px 15px;
}
.workItem_abstract {
  color: #fff;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
}
.workItem_caption {
  color: #e1e1e4;
  font-size: 12px;
  margin: 0;
}
.workCta {
  background-color: #fff !important;
  text-align: center;
  padding: 80px 40px;
}
.workItemMain .workItem_name:after {
  display: none;
}
.services {
  background-color: #eff2f7;
  padding: 100px 0 40px;
}
.services h2 {
  font-size: 26px;
  line-height: 30px;
  font-family: circular-bold;
  letter-spacing: -1;
  margin-bottom: 30px;
}
.services p {
  letter-spacing: 0;
  font-family: "GT America Light";
  max-width: 90%;
}
.servicesAreasContent {
  margin-top: 80px;
  display: block;
}
.servicesArea {
  background-color: #fff;
  padding: 30px;
  width: 100%;
  display: inline-block;
  margin-bottom: 40px;
}
.servicesArea h3 {
  font-size: 26px;
  line-height: 30px;
  font-family: "GT America Light";
  letter-spacing: 0;
  position: relative;
  margin-bottom: 20px;
}
.servicesArea ul {
  padding-left: 10px;
}
.servicesArea ul li {
  font-family: "GT America Light";
  line-height: 24px;
  font-size: 17px;
  color: #676776;
  display: block;
}
.servicesArea ul li strong {
  font-family: "GT America Regular";
  color: #2a2a3f;
}
.servicesArea ul li ul {
  margin-bottom: 20px;
}
.clients {
  background-color: #eff2f7;
  padding: 80px 0;
}
.clientsDescription {
  margin-bottom: 30px;
}
.clientsDescription p {
  letter-spacing: 0;
}
.clientsList img {
  width: 100%;
}
.spotlight {
  background-color: #eff2f7;
  padding: 80px 20px;
}
.spotlight h2 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1;
  font-family: circular-bold;
  margin-bottom: 20px;
}
.spotlightDescription {
  margin-bottom: 40px;
}
.spotlightCarrusel p {
  font-size: 14px;
  font-family: "GT America Light";
  margin: 0;
}
.spotlightCarrusel .item {
  background-color: #fff;
}
.spotlightCarrusel .item .picture {
  min-height: 200px;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.spotlightCarrusel .item .description {
  padding: 20px;
  min-height: 140px;
}
.spotlightCarrusel .item .description h3,
.spotlightCarrusel .item .description p {
  font-family: "GT America Light";
}
.spotlightCarrusel .item .description h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.spotlightCarrusel .item .description p {
  line-height: 1.5;
}
.spotlightCarrusel .item .readTime {
  margin-bottom: 5px;
}
.spotlightCarrusel .item .readTime p {
  color: #a3a3ad;
}
.spotlightCarrusel .owl-nav {
  display: none;
}
.spotlightCarrusel .owl-dots {
  margin-top: 20px;
}
@media (min-width: 767px) {
  .heroHome {
    padding: 300px 10% 150px;
  }
}
@media (min-width: 1199px) {
  .welcome {
    padding: 6.833vw 0 10.833vw;
  }
  .welcomeDescription {
    max-width: 46vw;
    text-align: center;
  }
  .welcomeDescription h3 {
    font-size: 2.222222222222222vw;
    line-height: 2.777777777777778vw;
    letter-spacing: 0vw;
    font-family: "GT America Light";
    margin-bottom: 0.3vw;
  }
  .welcomeDescription h3:nth-child(1) {
    margin-bottom: 4.083vw;
  }
  .welcome .carruselComponent {
    padding-top: 4vw;
  }
  .welcome .carruselComponent br {
    display: block;
  }
  .welcome .carruselComponent .item h5 {
    max-width: 100%;
    font-size: 2.222222222222222vw;
    line-height: 2.777777777777778vw;
  }
  .welcome .carruselComponent .item p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    max-width: 100%;
  }
  .work {
    background-color: #eff2f7;
    padding-top: 5vw;
  }
  .workTitle {
    max-width: 36.111vw;
    font-family: circular-bold;
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
    letter-spacing: -0.069444444444444vw;
    margin-bottom: 13.194vw;
    display: inline-block;
    vertical-align: top;
  }
  .work .scribbleWork {
    background-repeat: no-repeat;
    background-image: url("../img/scribbles/scribbleWork.svg");
    background-position: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20.833333333333336vw;
    height: 13.88888888888889vw;
    display: inline-block;
    vertical-align: top;
    margin-top: 4vw;
    right: 34%;
  }
  .workContent {
    padding-top: 1vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .workItem {
    display: inline-block;
    position: relative;
    height: 30vw;
    overflow: hidden;
    width: 50%;
    padding: 2vw 8.4vw;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .workItem:nth-child(3) {
    padding: 2vw 4vw;
  }
  .workItem .is-mobile {
    display: none;
  }
  .workItem .is-desktop {
    display: block;
  }
  .workItem img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .workItem:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .workItem:hover::after {
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 98%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 98%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 98%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 98%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 98%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .workCta {
    padding: 8.403vw 0;
  }
  .workItemMain {
    height: 32vw;
    padding: 2vw 8.4vw;
    width: 100%;
    display: block;
  }
  .workItem_content {
    position: absolute;
    bottom: 4vw;
    max-width: 34vw;
    padding: 0;
  }
  .workItem_name {
    font-size: 3.888888888888889vw;
    line-height: 3.819444444444445vw;
    font-family: circular-bold;
  }
  .workItem_name:after {
    top: -2.778vw;
    line-height: 1.388888888888889vw;
  }
  .workItem_abstract {
    margin: 0.8vw 0;
    font-size: 1.527777777777778vw;
    font-family: "GT America Light";
    letter-spacing: 0vw;
    line-height: 1.527777777777778vw;
    color: #fff;
  }
  .workItem_caption {
    font-size: 1.111111111111111vw;
    margin: 0;
    font-family: circular-book;
    line-height: 1.388888888888889vw;
    letter-spacing: 0.048611111111111vw;
  }
  .services {
    padding-top: 12.5vw;
  }
  .services h2 {
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
    letter-spacing: -0.069444444444444vw;
    margin-bottom: 2.178vw;
  }
  .services p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    letter-spacing: 0vw;
    width: 30.76388888888889vw;
  }
  .servicesAreasContent {
    margin-top: 5.208vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 6.944vw;
  }
  .servicesArea {
    background-color: #fff;
    padding: 3.472vw;
    width: 49.0083%;
    vertical-align: top;
    margin-bottom: 0;
  }
  .servicesArea h3 {
    font-size: 2.361111111111111vw;
    line-height: 2.638888888888889vw;
    letter-spacing: 0vw;
    margin-bottom: 2.778vw;
  }
  .servicesArea h3::after {
    content: '';
    width: 17.569444444444443vw;
    height: 0.694vw;
    background-image: url("../img/scribbles/scribbleUnderlineService.svg");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    bottom: -0.694vw;
    left: 0;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    display: block;
  }
  .servicesArea ul {
    vertical-align: top;
    padding-left: 1vw;
  }
  .servicesArea ul li {
    font-family: "GT America Light";
    font-size: 1.180555555555556vw;
    line-height: 1.666666666666667vw;
    letter-spacing: 0vw;
  }
  .servicesArea ul li ul {
    width: 99.05825999999999%;
  }
  .servicesArea ul li ul li {
    width: 100%;
    display: block;
  }
  .servicesArea:nth-child(2) {
    width: 49.0083%;
  }
  .servicesArea:nth-child(2) ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .servicesArea:nth-child(2) ul li {
    display: block;
    width: 50%;
  }
  .servicesArea:nth-child(2) ul li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .servicesArea:nth-child(2) ul li ul li {
    width: 100%;
  }
  .clients {
    padding: 6.944vw 0;
  }
  .clients .container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
  }
  .clientsDescription {
    width: 34.72222222222222vw;
  }
  .clientsDescription p {
    font-family: "GT America Light";
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    letter-spacing: 0vw;
  }
  .clientsList {
    width: calc(100% - 39.722vw);
  }
  .spotlight {
    padding: 11.528vw 0 11.528vw 8.4vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .spotlight h2 {
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
    letter-spacing: -0.069444444444444vw;
    margin-bottom: 2.178vw;
  }
  .spotlight p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    letter-spacing: 0vw;
    max-width: 27.778vw;
  }
  .spotlightDescription {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
  }
  .spotlightCarrusel {
    position: relative;
    max-width: 62.5vw;
    overflow: hidden;
  }
  .spotlightCarrusel ul {
    width: 83.333vw;
  }
  .spotlightCarrusel .item {
    position: relative;
    background-color: #fff;
  }
  .spotlightCarrusel .item .picture {
    height: 19.653vw;
  }
  .spotlightCarrusel .item .description {
    padding: 2.778vw;
    min-height: 14vw;
  }
  .spotlightCarrusel .item .description h3,
  .spotlightCarrusel .item .description p {
    max-width: 100%;
  }
  .spotlightCarrusel .item .description h3 {
    line-height: 2.083333333333333vw;
    font-size: 1.527777777777778vw;
    margin-bottom: 10px;
  }
  .spotlightCarrusel .item .description p {
    line-height: 1.666666666666667vw;
    font-size: 1.25vw;
  }
  .spotlightCarrusel .item .readTime p {
    font-size: 0.833333333333333vw;
    font-family: "GT America Light";
    line-height: 1.111111111111111vw;
    color: #a3a3ad;
  }
  .spotlightCarrusel .owl-nav {
    width: 53.4vw;
    height: 10px;
    top: 0;
    margin-top: 0;
    display: block;
  }
  .spotlightCarrusel .owl-nav .owl-prev {
    display: none;
  }
  .spotlightCarrusel .owl-nav .owl-next {
    background-color: rgba(11,11,35,0.1) !important;
    height: 33.652vw;
    top: 0;
    width: 10.617vw;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .spotlightCarrusel .owl-nav .owl-next:before,
  .spotlightCarrusel .owl-nav .owl-next:after {
    right: 30%;
  }
  .spotlightCarrusel .owl-nav .owl-next:before {
    background-color: #fff;
  }
  .spotlightCarrusel .owl-nav .owl-next:after {
    border-color: #fff;
  }
  .spotlightCarrusel .owl-nav .owl-next:hover {
    background-color: rgba(11,11,35,0.5) !important;
  }
  .spotlightCarrusel .owl-nav .owl-next:hover:before,
  .spotlightCarrusel .owl-nav .owl-next:hover:after {
    right: 25%;
  }
}
/* project component */
.heroProject {
  padding: 200px 0 70px;
  display: block;
  text-align: left;
}
.heroProject_left {
  width: 100%;
  margin-bottom: 40px;
}
.heroProject_left h1 {
  display: inline-block;
  font-size: 43px;
  line-height: 48px;
  letter-spacing: 0;
  margin: 0;
  margin-bottom: 30px;
}
.heroProject_left h3 {
  color: #999999;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.8px;
}
.heroProject_left .scribbleProject {
  width: 100%;
  height: 60px;
  max-width: 330px;
  background-image: url("../img/scribbles/scribbleProject.svg");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.heroProject_right h5 {
  font-size: 17px;
  line-height: 24px;
  color: #48485a;
}
.heroProject_right ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.heroProject_right li,
.heroProject_right p {
  font-size: 17px;
  line-height: 24px;
  color: #48485a;
  margin: 0 0 20px 0;
}
.heroProject_right li {
  margin-bottom: 0;
}
.heroProject_rightMiddle {
  margin-bottom: 30px;
}
.descriptionProject {
  padding: 40px 0;
  display: block;
}
.descriptionProject_image {
  margin-bottom: 50px;
}
.descriptionProject_image img{
  display: block;
  width: 100%;
  height: auto;
}
.descriptionProject_description{
  text-align: left;
}
.descriptionProject_description h3 {
  font-size: 22px;
  line-height: 26px;
  color: #0b0b23;
  margin-bottom: 1.389vw;
  display: inline-block;
}
.descriptionProject_description p {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0;
}
.descriptionProject_description .categories {
  margin-top: 40px;
  color: #858591;
}
.descriptionProject_description .categories p {
  font-size: 12px;
  line-height: 22px;
  color: 
}
.suggestionsProject {
  padding: 80px 0;
  text-align: left;
}
.suggestionsProject_item {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.suggestionsProject_title {
  margin-bottom: 10px;
}
.suggestionsProject_title h4 {
  display: block;
  color: #676776;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
}
.suggestionsProject ul{
  list-style: none;
  padding: 0;
}
.suggestionsProject ul li {

  font-size: 24px;
  line-height: 32px;
  margin-top: 10px;
}
.suggestionsProject ul li a {
  color: #2a2a3f;
  border-bottom: solid thin rgba(103,103,118, 0.8);
  display: block;
  padding: 15px 0;
  max-width: 280px;
}
@media (min-width: 767px) {
  .heroProject {
    padding-top: 250px;
    letter-spacing: -1em;
  }
  .heroProject_left,
  .heroProject_right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    letter-spacing: normal;
  }
  .heroProject_right {
    text-align: right;
  }
  .heroProject_rightMiddle {
    margin-bottom: 0;
    text-align: left;
    width: 49%;
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
  }
  .descriptionProject {
    padding: 60px 0;
  }
  .descriptionProject .container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
  }
  .descriptionProject_image {
    display: inline-block;
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-bottom: 0;
  }
  .descriptionProject_description {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    display: inline-block;
    width: 50%;
  }
  .suggestionsProject .container {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .suggestionsProject_item {
    display: inline-block;
    width: 33%;
  }
  .suggestionsProject_back {
    width: 100%;
    margin-top: 40px;
  }
}
@media (min-width: 1199px) {
  .heroProject {
    padding: 10rem 0 6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .heroProject_left h1 {
    display: inline-block;
    font-size: 56px;
    letter-spacing:-0.63;
    line-height:55px;
    margin: 0;
    margin-bottom: 0.972vw;
  }
  .heroProject_left h3 {
    font-size: 32px;
    letter-spacing: 0.007638888888889vw;
    line-height: 40px;
  }
  .heroProject_left .scribbleProject {
    max-width: 33.75vw;
  }
  .heroProject_right {
    margin: 0;
    text-align: right;
  }
  .heroProject_right h5 {
    font-size: 17px;
    line-height: 24px;
    color: #48485a;
  }
  .heroProject_right p {
    font-size: 17px;
    line-height: 24px;
  }
  .heroProject_rightMiddle {
    width: 13.88888888888889vw;
  }
  .heroProject_rightMiddle:nth-child(1) {
    margin-right: 2.431vw;
  }
  .descriptionProject {
    padding: 60px 0;
  }
  .descriptionProject .container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
  }
  .descriptionProject_image {
    display: inline-block;
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-bottom: 0;
  }
  .descriptionProject_description {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    display: inline-block;
    width: 50%;
    max-width: 34.722vw;
  }
  .descriptionProject_description h3 {
    font-size: 26px;
    line-height: 32px;
    color: #0b0b23;
    margin-bottom: 1.389vw;
    display: inline-block;
  }
  .descriptionProject_description p {
    display: inline-block;
    line-height: 29px;
    font-size: 17px;
  }
  .descriptionProject_description .categories {
    margin-top: 1.389vw;
    color: #858591;
  }
  .descriptionProject_description .categories p {
    font-size: 0.833333333333333vw;
    line-height: 1.527777777777778vw;
  }
  .suggestionsProject {
    padding: 8.889vw 0;
  }
  .suggestionsProject .container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .suggestionsProject_item {
    display: inline-block;
    width: 33%;
  }
  .suggestionsProject_title {
    width: 100%;
    margin-bottom: 1.389vw;
  }
  .suggestionsProject_title h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .suggestionsProject ul li {
    font-size: 30px;
    line-height: 36px;
    margin-top: 2.083vw;
  }
  .suggestionsProject ul li a {
    padding: 0;
    padding-bottom: 15px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .suggestionsProject ul li a:hover {
    color: #F90041;
    border-bottom: solid thin #F90041;
  }
  .suggestionsProject_back {
    padding: 2.778vw 0 0;
    margin: 2.778vw 0 0;
  }
  .suggestionsProject_backLink {
    color: #2a2a3f;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0vw;
    display: inline-block;
    border-bottom: solid thin #c2c2c8;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
  }
  .suggestionsProject_backLink:hover{
    color: #F90041;
  }
  .suggestionsProject_backLink:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #F90041;
    position: absolute;
    bottom: -1;
    left: 0;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    width: 0;
  }
  .suggestionsProject_backLink:hover:after {
    -webkit-animation: underline 1s;
    -moz-animation: underline 1s;
    -o-animation: underline 1s;
    -ms-animation: underline 1s;
    animation: underline 1s;
    width: 100%;
  }
}
/* people component */
.ctaComponent {
  background: #eff2f7;
  text-align: center;
}
.ctaComponent .container {
  padding: 80px 0;
}
.ctaComponent h3 {
  font-size: 20px;
  line-height: 22px;
  font-family: "GT America Light";
  letter-spacing: -0.11px;
  margin-bottom: 30px;
}
.ctaComponent a {
  font-size: 18px;
  line-height: 24px;
  font-family: "GT America Light";
  border-bottom: solid thin #c2c2c8;
}
@media (min-width: 1199px) {
  .ctaComponent {
    background: #eff2f7;
    text-align: center;
  }
  .ctaComponent .container {
    padding: 6.25vw 0;
  }
  .ctaComponent h3 {
    font-size: 2.222222222222222vw;
    line-height: 2.777777777777778vw;
    font-family: "GT America Light";
    letter-spacing: -0.007638888888889vw;
    margin-bottom: 2.778vw;
  }
  .ctaComponent a {
    font-size: 1.25vw;
    line-height: 1.666666666666667vw;
    font-family: "GT America Light";
    letter-spacing: 0vw;
    display: inline-block;
    border-bottom: solid thin #c2c2c8;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
  }
  .ctaComponent a:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #858591;
    position: absolute;
    bottom: -1;
    left: 0;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    width: 0;
  }
  .ctaComponent a:hover:after {
    -webkit-animation: underline 1s;
    -moz-animation: underline 1s;
    -o-animation: underline 1s;
    -ms-animation: underline 1s;
    animation: underline 1s;
    width: 100%;
  }
}
/* archive component */
.heroArchive {
  background-color: #fff;
  padding: 200px 0 80px;
}
.heroArchive_left h1 {
  font-size: 43px;
  line-height: 48px;
  margin: 0;
  margin-bottom: 30px;
}
.heroArchive_right h2 {
  color: #999999;
  font-size: 24px;
  letter-spacing: 0.8;
  line-height: 28px;
  text-align: left;
}
.archiveContent {
  padding-bottom: 40px;
}
.archiveContent_year {
  margin-bottom: 20px;
}
.archiveContent_title {
  position: relative;
  margin-bottom: 20px;
  text-align: left;
}
.archiveContent_title::after {
  display: block;
  width: 100%;
  max-width: 70%;
  content: '';
  background-color: #F90041;
  height: 1px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  top: 50%;
  position: absolute;
  right: 0;
  z-index: 0;
}
.archiveContent_title h2 {
  padding-right: 30px;
  display: inline-block;
  font-size: 36px;
  color: #F90041;
  position: relative;
  z-index: 2;
}
.archiveContent_list{
  padding-left: 0;
}
.archiveContent_list li {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}
.archiveContent_link {
  font-size: 30px;
  line-height: 30px;
  padding: 20px 0 25px;
  display: block;
  position: relative;
  color: #2a2a3f;
  outline: none;
}
.archiveContent_link small {
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin-top: 10px;
  border-bottom: solid thin rgba(103,103,118, 0.8);
  max-width: 300px;
}
.archiveContent_link .doodle {
  position: absolute;
  background-image: url("../img/scribbles/scribbleHoverArchive.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 95%;
  -moz-background-size: 95%;
  background-size: 95%;
  z-index: 0;
  width: 300px;
  height: 70%;
  display: block;
  top: 0;
  left: -20%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.archiveContent_link:hover .doodle {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.archiveContent_link.is-active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: #fff;
}
.archiveContent_link.is-active small {
  border-bottom: solid thin rgba(255,255,255,0.4);
  color: #fff;
}
.archiveContent_link.no-active {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  color: #fff;
}
/* For hover projects in archive for body */
.is-active {
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  color: #fff;
}
.is-active .bg-project {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 80%;
  -moz-background-size: 80%;
  background-size: 80%;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.is-active .heroArchive {
  background-color: transparent;
  color: #fff;
}
.is-active .heroArchive_right * {
  color: #fff;
}
.is-active .archiveContent {
  background-color: transparent;
}
.is-active .archiveContent_title h2 {
  background-color: transparent;
  color: #fff;
}
.is-active .archiveContent_title::after {
  background-color: #a3a3ad;
}
.is-active .ctaComponent {
  background-color: transparent;
}
.is-active .ctaComponent .container {
  border-top: solid thin rgba(255,255,255,0.3);
}
/*single*/
.imagesProject img{
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 767px) {
  .archiveContent_list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .archiveContent_list li {
    display: inline-block;
    width: 50%;
    margin-bottom: 0;
  }
  .archiveContent_link .doodle {
    left: -60px;
  }
}
@media (min-width: 1199px) {
  .heroArchive {
    background-color: #fff;
    padding: 10rem 8vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    letter-spacing: -1em;
    width: 100%;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .heroArchive_left {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .heroArchive_left h1 {
    display: inline-block;
    font-size: 120px;
    letter-spacing: -3px;
    line-height: 120px;
    margin: 0;
    margin-bottom: 0.972vw;
  }
  .heroArchive_left .scribbleArchive {
    width: 100%;
    height: 200px;
    max-width: 34vw;
    position: relative;
    margin-top: 2.778vw;
    background-image: url("../img/scribbles/scribbleArchive.svg");
    -webkit-background-size: 16.458vw;
    -moz-background-size: 16.458vw;
    background-size: 16.458vw;
    background-repeat: no-repeat;
    background-position: right;
  }
  .heroArchive_right {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
    margin-top: 7.778vw;
  }
  .heroArchive_right h2 {
    display: inline-block;
  }
  .archiveContent {
    padding: 0 0 10vw;
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .archiveContent_year {
    margin-bottom: 7vw;
    padding-left: 4.722vw;
  }
  .archiveContent_title {
    position: relative;
    margin-bottom: 3vw;
  }
  .archiveContent_title h2 {
    padding-right: 5vw;
    font-size: 50px;
    line-height: 4.444444444444445vw;
  }
  .archiveContent_list {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: -1em;
  }
  .archiveContent_list li {
    display: inline-block;
    letter-spacing: normal;
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
  }
  .archiveContent_list::after {
    content: '';
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  .archiveContent_link {
    display: block;
    width: 100%;
    font-size: 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    padding: 1vw 0 3vw;
  }
  .archiveContent_link small {
    display: block;
    color: #858591;
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.388888888888889vw;
    letter-spacing: 0.083333333333333vw;
    margin-bottom: 15px;
    width: 20.833333333333336vw;
  }
  .archiveContent_link .doodle {
    position: absolute;
    background-image: url("../img/scribbles/scribbleHoverArchive.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: 95%;
    -moz-background-size: 95%;
    background-size: 95%;
    z-index: 0;
    width: 20.833333333333336vw;
    height: 70%;
    display: block;
    top: 0;
    left: -20%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .archiveContent_link:hover .doodle {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .archiveContent_link.no-active {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    color: #fff;
  }
  .archiveContent_link.no-active small {
    color: #fff;
  }
  .archiveContent_link.is-active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    color: #fff;
  }
  .archiveContent_link.is-active small {
    border-bottom: solid thin rgba(255,255,255,0.4);
    color: #fff;
  }
  .is-active .bg-project {
    -webkit-background-size: 40%;
    -moz-background-size: 40%;
    background-size: 40%;
  }
}
.peopleHero {
  background-color: #f00;
  display: block;
  padding: 200px 0 70px;
  background-color: #eff2f7;
  position: relative;
}
.peopleHero h1 {
  font-size: 43px;
  line-height: 48px;
  letter-spacing: -1px;
  margin: 0;
  margin-bottom: 30px;
  display: inline-block;
  font-family: circular-black;
}
.peopleHero p {
  font-family: "GT America Light";
}
.peopleHeroScribble {
  display: none;
}
.peopleMiddle {
  padding: 60px 0;
  position: relative;
}
.peopleMiddle:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(top, #eff2f7 0%, #fff 90%);
  background-image: -moz-linear-gradient(top, #eff2f7 0%, #fff 90%);
  background-image: -o-linear-gradient(top, #eff2f7 0%, #fff 90%);
  background-image: -ms-linear-gradient(top, #eff2f7 0%, #fff 90%);
  background-image: linear-gradient(to bottom, #eff2f7 0%, #fff 90%);
  z-index: -1;
}
.peopleMiddle>.container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.peopleMiddle .description {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.peopleMiddle .description h2 {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -1;
  font-family: circular-bold;
  margin-bottom: 10px;
}
.peopleMiddle .description p {
  font-family: "GT America Light";
  line-height: 30px;
  letter-spacing: 0;
  color: #0b0b23;
}
.peopleMiddle .picture {
  display: block;
  width: 100%;
}
.peopleGrid {
  padding: 60px 0;
}
.peopleGrid>.container {
  position: relative;
}
.peopleGrid .description {
  width: 100%;
  margin-bottom: 40px;
}
.peopleGrid .peopleStructureScribble {
  display: none;
}
.peopleGrid .picture {
  position: relative;
  margin-bottom: 20px;
}
.peopleGrid .pictureDescription {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 2;
  padding: 30px;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%);
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%);
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%);
}
.peopleGrid .pictureTitle>* {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  letter-spacing: 0;
  font-family: "GT America Light";
  margin: 0;
}
.peopleGrid .pictureCaption>* {
  font-size: 16px;
  letter-spacing: 0.7;
  line-height: 20px;
  font-family: "GT America Light";
  color: #e1e1e4;
  margin: 0;
}
.peopleGoals {
  background-color: #eff2f7;
  padding: 80px 0;
}
.peopleGoals_left {
  margin-bottom: 40px;
}
.peopleGoals h3 {
  font-family: circular-bold;
  line-height: 32px;
  font-size: 26px;
  letter-spacing: -1;
  margin-bottom: 40px;
}
.peopleGoals ul li {
  margin-bottom: 10px;
}
.peoplePrinciples {
  background-color: #eff2f7;
  padding: 80px 0;
}
.peoplePrinciples h3 {
  font-family: circular-bold;
  line-height: 32px;
  font-size: 26px;
  letter-spacing: -1;
  margin-bottom: 40px;
}
@media (min-width: 1199px) {
  .peopleHero {
    padding: 19.653vw 0;
  }
  .peopleHeroHeadline {
    max-width: 53vw;
    z-index: 1;
    position: relative;
  }
  .peopleHeroHeadline h1 {
    font-size: 4.861111111111112vw;
    line-height: 4.513888888888888vw;
    letter-spacing: -0.069444444444444vw;
    margin-bottom: 2.778vw;
  }
  .peopleHeroHeadline p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    max-width: 37.5vw;
  }
  .peopleMiddle .description {
    width: 49.0083%;
  }
  .peopleMiddle .description h2 {
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
  }
  .peopleMiddle .description p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
  }
  .peopleMiddle .picture {
    width: 49.0083%;
  }
  .peopleGrid {
    padding-top: 6.944vw;
    min-height: 334vw;
  }
  .peopleGrid>.container {
    position: relative;
  }
  .peopleGrid .description {
    width: 32.32498%;
    margin: 6.944vw 0 0 0;
  }
  .peopleGrid .peopleStructureScribble {
    position: absolute;
    left: 20vw;
    top: 8.583vw;
    display: block;
    width: 27vw;
    background-image: url("../img/scribbles/scribbleOpenPeople.svg");
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 14.111vw;
  }
  .peopleGrid .picture {
    display: block;
    position: absolute;
  }
  .peopleGrid .picture img {
    width: 100%;
  }
  .peopleGrid .picture_mini {
    width: 25.556vw;
  }
  .peopleGrid .picture_small {
    width: 32.5vw;
  }
  .peopleGrid .picture_large {
    width: 46.389vw;
  }
  .peopleGrid .picture_1 {
    top: 34.028vw;
    left: 0;
  }
  .peopleGrid .picture_2 {
    top: 65.764vw;
    left: 0;
  }
  .peopleGrid .picture_3 {
    top: 89.028vw;
    left: 6.944vw;
  }
  .peopleGrid .picture_4 {
    top: 107.569vw;
    left: 0;
  }
  .peopleGrid .picture_5 {
    top: 139.375vw;
    left: 0vw;
  }
  .peopleGrid .picture_6 {
    top: 162.917vw;
    left: 6.944vw;
  }
  .peopleGrid .picture_7 {
    top: 181.528vw;
    left: 0;
  }
  .peopleGrid .picture_8 {
    top: 213.472vw;
    left: 0vw;
  }
  .peopleGrid .picture_9 {
    top: 236.736vw;
    left: 6.944vw;
  }
  .peopleGrid .picture_10 {
    top: 15.278vw;
    right: 6.944vw;
  }
  .peopleGrid .picture_11 {
    top: 33.819vw;
    right: 0;
  }
  .peopleGrid .picture_12 {
    top: 57.083vw;
    right: 6.944vw;
  }
  .peopleGrid .picture_13 {
    top: 75.694vw;
    right: 0;
  }
  .peopleGrid .picture_14 {
    top: 130.581vw;
    right: 6.944vw;
  }
  .peopleGrid .picture_15 {
    top: 107.569vw;
    right: 0;
  }
  .peopleGrid .picture_16 {
    top: 149.444vw;
    right: 0;
  }
  .peopleGrid .picture_17 {
    top: 181.319vw;
    right: 0;
  }
  .peopleGrid .picture_18 {
    top: 204.583vw;
    right: 6.944vw;
  }
  .peopleGrid .picture_19 {
    top: 223.194vw;
    right: 0vw;
  }
  .peopleGrid .picture_20 {
    top: 255.347vw;
    left: 0vw;
  }
  .peopleGrid .picture_21 {
    top: 287.291vw;
    left: 0vw;
  }
  .peopleGrid .picture_22 {
    top: 255.347vw;
    right: 0vw;
  }
  .peopleGrid .picture_23 {
    top: 278.611vw;
    right: 6.944vw;
  }
  .peopleGoals {
    position: relative;
    background-color: #eff2f7;
    padding: 11.111vw 0 5.556vw;
  }
  .peopleGoals .container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .peopleGoals_left,
  .peopleGoals_right {
    width: 49.0083%;
  }
  .peopleGoals h3 {
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
    letter-spacing: -0.069444444444444vw;
    margin-bottom: 2.778vw;
    max-width: 33vw;
  }
  .peopleGoals ul li p {
    font-size: 1.527777777777778vw;
    line-height: 2.083333333333333vw;
    letter-spacing: 0vw;
  }
  .peoplePrinciples {
    background-color: #eff2f7;
    padding: 5.556vw 0;
  }
  .peoplePrinciples h3 {
    font-size: 3.333333333333333vw;
    line-height: 3.333333333333333vw;
    letter-spacing: -0.069444444444444vw;
  }
}
.heroPrivacity {
  padding: 120px 0 0;
  display: block;
}
.heroPrivacity_title>* {
  display: inline-block;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0;
}
.desctriptionPrivacity {
  padding: 40px 0;
  text-align: left;
}
.desctriptionPrivacity p {
  font-size: 16px;
  line-height: 24px;
  color: #151213;
  margin: 0 0 20px 0;
}
.desctriptionPrivacity a {
  color: #151213;
  border-bottom: solid 2px #F90041;
}
.desctriptionPrivacity a:hover {
  color: #F90041;
}
@media (min-width: 1199px) {
  .heroPrivacity {
    padding: 10rem 0 0;
  }
  .heroPrivacity_title {
    width: 100%;
    margin: 0 auto;
  }
  .heroPrivacity_title>* {
    display: inline-block;
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 120px;
    margin: 0;
    margin-bottom: 0.972vw;
  }
  .desctriptionPrivacity {
    padding: 4vw 0;
  }
  .desctriptionPrivacity .container {
    width: 50%;
    max-width: 960px;
  }
}
/* case component */
.videoCase {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 40px;
}
.Case {
  text-align: center;
  background-color: #fff;
}
.Case>* {
  text-align: left;
}
.Case p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}
.contentCase {
  text-align: left;
  padding-top: 80px;
}
.contentCase>* {
  text-align: left;
}
.contentCase .sectionCase:last-of-type {
  margin-bottom: 50px;
}
.sectionCase {
  margin-bottom: 100px;
}
.sectionCase p {
  margin-bottom: 24px;
}
.sectionUnic {
  margin: 100px 0;
}
.Case img{
  display: block;
  max-width: 100%;
  height: auto;
}
.Case ul{
  list-style: none;
  padding-left: 0;
}
.heroCase {
  display: inline-block;
  padding-top: 150px;
  padding-bottom: 40px;
  position: relative;
}
.nameCase {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 10px;
}
.abstractCase {
  color: #999999;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
}
.sliderHeroCase {
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.sliderHeroCase img{
  width: 100%;
}
.sliderHeroCase .owl-carousel {
  text-align: center;
  padding-left: 0;
}
.sliderHeroCase .owl-carousel .owl-nav {
  bottom: -40px;
  top: auto;
  width: 80px;
  right: 20px;
  left: auto;
  height: 40px;
}
.sliderHeroCase .owl-carousel .owl-nav .owl-prev,
.sliderHeroCase .owl-carousel .owl-nav .owl-next {
  height: 40px;
  width: 40px;
}
.sliderHeroCase .owl-carousel .owl-nav .owl-prev::before,
.sliderHeroCase .owl-carousel .owl-nav .owl-next::before {
  width: 20px;
}
.sliderHeroCase .owl-carousel .owl-dots {
  position: absolute;
  width: 100px;
  height: 40px;
  bottom: -40px;
  left: 20px;
  padding-top: 10px;
}
.highlightCase {
  padding-bottom: 100px;
  position: relative;
}
.highlightCase::after {
  position: absolute;
  width: 90%;
  max-width: 90%;
  background-color: #F90041;
  height: 1px;
  bottom: 0;
  left: 5%;
  display: block;
  content: '';
}
.highlightCase ul {
  margin-bottom: 30px;
}
.highlightCase p {
  font-size: 14px;
  line-height: 22px;
}
.labelCase {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.subtitleCase {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 32px;
}
.quoteCase {
  background-color: #eff2f7;
  margin: 50px 0;
  padding: 30px;
}
.quoteCase p {
  font-size: 20px;
  line-height: 32px;
  color: #0b0b23;
  margin: 0;
}
.quoteCase__author {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
}
.quoteCase__caption {
  display: inline-block;
  margin-top: 20px;
}
.quoteCase__caption p {
  font-size: 12px;
  line-height: 20px;
  color: #48485a;
}
.caption {
  display: inline-block;
  margin-top: 10px;
}
.caption p {
  font-size: 12px;
  line-height: 20px;
  color: #48485a;
  text-transform: uppercase;
}
.imageCase {
  margin: 40px 0;
}
.strongCase {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.3;
  margin-bottom: 20px;
}
.gridCase {
  margin: 60px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gridCase__img1 {
  display: inline-block;
  width: 100%;
}
.gridCase__img2,
.gridCase__img3 {
  display: inline-block;
  width: 50%;
}
.outcomesCase__primary {
  text-align: center;
  padding: 30px;
}
.outcomesCase__primary .outcomesCase__title {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 44px;
  line-height: 56px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.outcomesCase__primary .outcomesCase__title:after {
  content: '';
  display: block;
  width: 100%;
  height: 140%;
  background-position: center;
  -webkit-background-size: 80%;
  -moz-background-size: 80%;
  background-size: 80%;
  background-repeat: no-repeat;
  position: absolute;
  top: -20%;
  left: 0;
  z-index: -1;
}
.outcomesCase .scribbleOutcomes1 .outcomesCase__title:after {
  background-image: url("../img/scribbles/scribbleToArchive.svg");
}
.outcomesCase .scribbleOutcomes2 .outcomesCase__title:after {
  background-image: url("../img/scribbles/scribbleWhy23.svg");
}
.outcomesCase__secondary {
  text-align: left;
  padding: 10px 0;
}
.outcomesCase__secondary .outcomesCase__title {
  font-family: gt_americamedium;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4;
}
.outcomesCase__secondary .outcomesCase__title.scribble {
  position: relative;
  z-index: 1;
  padding-left: 20px;
}
.outcomesCase__secondary .outcomesCase__title.scribble::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
  background-image: url("../img/scribbles/arrow-up.svg");
  background-position: 0 center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.outcomesCase__secondary .outcomesCase__title.scribble.scribble_down::after {
  background-image: url("../img/scribbles/arrow-down.svg");
}
.outcomesCase__caption {
  font-size: 16px;
}
.videosCoin {
  margin: 80px 0;
  text-align: center;
}
.videoCoin1 {
  display: inline-block;
}
.videoCoin2,
.videoCoin3,
.videoCoin2 + .caption,
.videoCoin3 + .caption {
  display: none;
}
.videoCoin1 + .caption {
  width: 100%;
  text-align: center;
}
.videoCoin1,
.videoCoin2,
.videoCoin3 {
  max-width: 280px;
}
.sliderReviewCase {
  width: 100%;
  margin-bottom: 60px;
  display: inline-block;
}
.sliderReviewCase .owl-nav {
  display: none;
}
.nextCase {
  margin: 60px 0;
  width: 100%;
  text-align: right;
  display: inline-block;
  margin: 20px 0 80px;
}
@media (min-width: 1023px) {
  .videoCase {
    max-width: 80%;
  }
  .videoCoin2,
  .videoCoin3 {
    display: inline-block;
  }
  .videoCoin1 + .caption,
  .videoCoin2 + .caption,
  .videoCoin3 + .caption {
    display: block;
  }
}
@media (min-width: 1199px) {
  .videoCase {
    margin: 0;
    max-width: 100%;
  }
  .Case p {
    font-size: 22px;
    line-height: 44px;
  }
  .sectionCase {
    margin-bottom: 11.111vw;
  }
  .sectionCase p {
    margin-bottom: 60px;
  }
  .sectionUnic {
    margin: 9.111vw 0;
  }
  .heroCase {
    padding-top: 18.056vw;
    padding-bottom: 5.556vw;
  }
  .heroCase_abstract {
    max-width: 55%;
  }
  .nameCase {
    font-size: 85px;
    line-height: 88px;
    letter-spacing: -0.5px;
  }
  .abstractCase {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.5px;
  }
  .sliderHeroCase {
    padding-bottom: 80px;
  }
  .sliderHeroCase .owl-carousel .owl-dots,
  .sliderHeroCase .owl-carousel .owl-nav {
    width: 41.66vw;
    left: 50%;
    bottom: -60px;
    text-align: right;
  }
  .sliderHeroCase .owl-carousel .owl-dots {
    right: 49%;
    left: initial;
    text-align: left;
    padding-top: 0;
  }
  .sliderHeroCase .owl-carousel .owl-prev,
  .sliderHeroCase .owl-carousel .owl-next {
    position: relative;
  }
  .highlightCase::after {
    width: 100%;
    max-width: 83.333vw;
    left: 50%;
    margin-left: -41.6665vw;
  }
  .highlightCase ul {
    margin-bottom: 0;
  }
  .highlightCase p {
    font-size: 18px;
    line-height: 30px;
  }
  .labelCase {
    font-size: 18px;
  }
  .subtitleCase {
    font-size: 56px;
    line-height: 65px;
    letter-spacing: -0.1;
    margin-bottom: 4.167vw;
  }
  .scribble {
    position: relative;
  }
  .scribble::after {
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    height: 13.889vw;
    display: block;
    background-image: url("../img/scribbles/scribbleOpenPeople.svg");
    background-position: 4.167vw 2vw;
    -webkit-background-size: 19.444vw;
    -moz-background-size: 19.444vw;
    background-size: 19.444vw;
    background-repeat: no-repeat;
  }
  .contentCase {
    padding-top: 11.111vw;
  }
  .contentCase .first-child {
    margin-top: 9.722vw;
  }
  .contentCase .sectionCase:last-of-type {
    margin-bottom: 50px;
  }
  .quoteCase {
    margin: 6.25vw 0;
    padding: 5.556vw;
  }
  .quoteCase p {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 0;
  }
  .quoteCase__author {
    width: 2.222vw;
    height: 2.222vw;
    margin-right: 0.694vw;
  }
  .quoteCase__caption {
    margin-top: 1.389vw;
  }
  .quoteCase__caption p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
  }
  .caption {
    margin: 0;
  }
  .caption p {
    font-size: 16px;
    margin: 0;
  }
  .imageCase {
    margin: 4.167vw 0;
  }
  .strongCase {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.4px;
    padding-right: 2vw;
  }
  .gridCase {
    margin: 0;
  }
  .gridCase__img1,
  .gridCase__img2,
  .gridCase__img3 {
    width: 100%;
    margin-bottom: 20px;
  }
  .outcomesCase {
    margin: 6.111vw 0 5vw;
  }
  .outcomesCase__primary {
    margin-bottom: 4.944vw;
  }
  .outcomesCase__primary .outcomesCase__title {
    font-size: 80px;
    letter-spacing: -1.5px;
    line-height: 88px;
  }
  .outcomesCase__secondary .outcomesCase__title {
    font-size: 48px;
    line-height: 50px;
  }
  .outcomesCase__secondary .outcomesCase__title.scribble {
    padding-left: 2.4vw;
  }
  .outcomesCase__secondary .outcomesCase__title.scribble::after {
    width: 2vw;
    background-position: -0.5vw center;
    -webkit-background-size: 2.778vw;
    -moz-background-size: 2.778vw;
    background-size: 2.778vw;
  }
  .outcomesCase__caption {
    font-size: 1.527777777777778vw;
    line-height: 3.055555555555555vw;
  }
  .videoCoin2,
  .videoCoin3 {
    display: inline-block;
  }
  .videoCoin1 + .caption,
  .videoCoin2 + .caption,
  .videoCoin3 + .caption {
    display: block;
  }
  .videoCoin1.videoCase,
  .videoCoin2.videoCase,
  .videoCoin3.videoCase {
    max-width: 90%;
  }
  .sliderReviewCase .owl-nav {
    display: block;
    height: 3.472vw;
    bottom: -1.389vw;
    top: initial;
    width: 5.556vw;
    left: initial;
    right: 0;
  }
  .sliderReviewCase .owl-nav .owl-prev,
  .sliderReviewCase .owl-nav .owl-next {
    height: 40px;
    width: 40px;
  }
  .sliderReviewCase .owl-nav .owl-prev::before,
  .sliderReviewCase .owl-nav .owl-next::before {
    width: 20px;
  }
  .sliderReviewCase .owl-dots {
    width: 29.833vw;
  }
  .nextCase {
    margin: 8.3vw 0 18vw;
  }
  .nextCase__Link {
    font-size: 1.25vw;
    line-height: 1.666666666666667vw;
    letter-spacing: 0vw;
    display: inline-block;
    border-bottom: solid thin #c2c2c8;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
  }
  .nextCase__Link:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #858591;
    position: absolute;
    bottom: -1;
    left: 0;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    width: 0;
  }
  .nextCase__Link:hover:after {
    -webkit-animation: underline 1s;
    -moz-animation: underline 1s;
    -o-animation: underline 1s;
    -ms-animation: underline 1s;
    animation: underline 1s;
    width: 100%;
  }
}
.formProject {
  padding-top: 140px;
  background-color: #eff2f7;
  min-height: 100vh;
}
.formProjectHero {
  margin-bottom: 4vw;
}
.formProjectHero h1 {
  margin: 0;
  margin-bottom: 20px;
  display: inline-block;
  font-family: circular-black;
  font-size: 44px;
}
.formProjectHero p {
  font-size: 24px;
  line-height: 32px;
}
.formProjectSidebar {
  width: 99.05825999999999%;
  background-color: #fff;
  display: inline-block;
  padding: 40px 40px;
  margin-top: 60px;
  margin-bottom: 100px;
}
.formProjectSidebar>* {
  width: 100%;
}
.formProjectSidebar iframe {
  width: 100%;
}
.formProjectSidebar::after {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  background-color: #fff;
  bottom: 0px;
  z-index: 10;
  position: absolute;
  left: 0;
}
.formProjectThanks {
  background-color: #ffc0cb;
  text-align: center;
  display: inline-block;
}
.formProjectThanks h2 {
  font-family: circular-medium;
  font-size: 44px;
  margin: 0;
  margin-bottom: 20px;
}
.formProjectThanks p {
  font-size: 22px;
}
.formProjectThanks::after {
  display: none;
}
@media (min-width: 1199px) {
  .formProject {
    padding-top: 14.056vw;
    background-color: #eff2f7;
  }
  .formProjectHero {
    margin-bottom: 4vw;
  }
  .formProjectHero h1 {
    margin: 0;
    margin-bottom: 0.78vw;
    display: inline-block;
    font-family: circular-black;
    font-size: 5.902777777777778vw;
    letter-spacing: -0.104166666666667vw;
  }
  .formProjectHero p {
    font-size: 1.527777777777778vw;
    line-height: 2.777777777777778vw;
    max-width: 34.028vw;
  }
  .formProjectSidebar {
    background-color: #fff;
    display: inline-block;
    width: 57.34996%;
    margin-left: 42.22913%;
    padding: 4.556vw 5.556vw 0;
    margin-bottom: 6vw;
    position: relative;
  }
  .formProjectSidebar>* {
    width: 100%;
  }
  .formProjectSidebar iframe {
    width: 100%;
  }
  .formProjectThanks {
    padding: 4vw;
  }
}
@media (min-width: 1480px) {
  .formProjectSidebar {
    width: 40.66664%;
    margin-left: 58.91245%;
    max-width: 30.222vw;
  }
}
