/*
Theme Name: Periscope New
*/
/******************************************************************************/
/**************************** TABLE OF CONTENTS *******************************/
/******************************************************************************/

/*
  0 - TABLE OF CONTENTS
  1 - TYPOGRAPHY
  2 - GLOBAL
  3 - ORIGINAL CSS
  4 - HEADER
  5 - HOME HERO SECTION
  5 - HOME FEATURED ARTICLE
  6 - HOME WORKS SECTION
  7 - FOOTER
  8 - CLIENTS
  9 - CAREERS
  10 - ABOUT
  11 - THINK CREATE MAKE
  12 - ABOUT - OUR LEADERS
  13 - WORK
  14 - WORK - SINGLE
  15 - PLUGIN OVERRIDES
*/

/******************************************************************************/
/******************************** TYPOGRAPHY **********************************/
/******************************************************************************/

@import url("//hello.myfonts.net/count/3e6f23");
@font-face {
  font-family: "Arpona-ExtraBold";
  src: url("webFonts/ArponaExtraBold/font.woff2") format("woff2"), url("webFonts/ArponaExtraBold/font.woff") format("woff");
}

/******************************************************************************/
/********************************** GLOBAL ************************************/
/******************************************************************************/

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.page-title-container {
  margin-bottom: 130px;
}
.title-expand {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.title-expand span {
  color: #ffffff;
  font-size: 5rem;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
}

/******************************************************************************/
/********************************* ORIGINAL ***********************************/
/******************************************************************************/

/* line 38, sass/typography/_typography.scss */
html, body {
  height: 100%;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  background: #111111;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, sass/helpers/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #ffffff;
}

/* HTML5 display-role reset for older browsers */
/* line 28, sass/helpers/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 32, sass/helpers/_reset.scss */
body {
  line-height: 1;
}

/* line 38, sass/helpers/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 41, sass/helpers/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 46, sass/helpers/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 1, sass/components/_base.scss */
.jssocials-share-link img:hover {
  filter: brightness(91.2%);
}

/* line 18, sass/components/_base.scss */
.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

/* line 23, sass/components/_base.scss */
:focus {
  outline: #A0A0A0 auto 5px;
}

/* line 28, sass/components/_base.scss */
a {
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #B4EFE5;
}

/* line 38, sass/components/_base.scss */
em {
  font-family: 'HelveticaNeueW01-56It', Helvetica, sans-serif !important;
  font-weight: 500;
  font-style: italic;
}

/* line 42, sass/components/_base.scss */
strong {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}

/* line 46, sass/components/_base.scss */
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

/* fade image in after load */
/* line 51, sass/components/_base.scss */
.blur-up {
  filter: blur(10px);
  transition: 200ms all linear;
}

/* line 56, sass/components/_base.scss */
.blur-up.lazyloaded {
  filter: blur(0);
}

/* line 61, sass/components/_base.scss */
iframe.lazyloading {
  opacity: 1;
  transition: all 300ms;
  background: transparent url(images/spinner-white.gif) no-repeat 50% 50%;
  min-width: 100%;
  min-height: 100%;
  background-size: 50px;
  filter: invert(0.15);
}

/* line 19, sass/templates/_work_template.scss */
.no-show-xs {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 19, sass/templates/_work_template.scss */
  .no-show-xs {
    display: block;
  }
}

/* line 25, sass/templates/_work_template.scss */
.show-xs {
  padding: 5px 20px;
}
@media only screen and (min-width: 551px) {
  /* line 25, sass/templates/_work_template.scss */
  .show-xs {
    display: none;
  }
}

/* line 33, sass/templates/_work_template.scss */
.work .card {
  padding: 0px;
  position: relative;
  height: 500px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 551px) {
  /* line 33, sass/templates/_work_template.scss */
  .work .card {
    height: 229px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 33, sass/templates/_work_template.scss */
  .work .card {
    height: 486px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 33, sass/templates/_work_template.scss */
  .work .card {
    height: 558px;
    margin-bottom: 9px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 33, sass/templates/_work_template.scss */
  .work .card {
    height: 672px;
    margin-bottom: 15px;
  }
}
/* line 56, sass/templates/_work_template.scss */
.work .card img {
  width: auto;
  height: 100%;
  position: absolute;
}
/* line 62, sass/templates/_work_template.scss */
.work .card__image-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
/* line 68, sass/templates/_work_template.scss */
.work .card__image-horizontal {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 68, sass/templates/_work_template.scss */
  .work .card__image-horizontal {
    display: block;
  }
}
@media only screen and (min-width: 551px) {
  /* line 75, sass/templates/_work_template.scss */
  .work .card__image-vertical {
    display: none;
  }
}
/* line 81, sass/templates/_work_template.scss */
.work .card__vertical-background {
  background-size: cover;
  background-position: center center;
  transform: scale(1);
}
@media only screen and (min-width: 551px) {
  /* line 81, sass/templates/_work_template.scss */
  .work .card__vertical-background {
    display: none;
  }
}
/* line 90, sass/templates/_work_template.scss */
.work .card__vertical-background:hover {
  transform: scale(0.98);
}
/* line 94, sass/templates/_work_template.scss */
.work .card__text {
  position: absolute;
  bottom: 25px;
  margin-right: 16px;
  left: 18px;
}
@media only screen and (min-width: 551px) {
  /* line 94, sass/templates/_work_template.scss */
  .work .card__text {
    bottom: 18px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 94, sass/templates/_work_template.scss */
  .work .card__text {
    left: 44px;
    bottom: 35px;
    margin-right: 33px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 94, sass/templates/_work_template.scss */
  .work .card__text {
    left: 124px;
    margin-right: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 94, sass/templates/_work_template.scss */
  .work .card__text {
    left: 54px;
    padding-bottom: 45px;
  }
}
/* line 104, sass/templates/_work_template.scss */
.work .card__text__title {
  color: #fff;
  font-weight: bold;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 6px;
}
@media only screen and (min-width: 1951px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1951px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 104, sass/templates/_work_template.scss */
  .work .card__text__title {
    padding-bottom: 4px;
  }
}
/* line 121, sass/templates/_work_template.scss */
.work .card__text__description {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
}
@media only screen and (min-width: 1201px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    padding-top: 4px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 54px;
    padding-bottom: 19px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1201px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    font-size: 130px;
    line-height: 140px;
  }
}

@media only screen and (min-width: 1951px) {
  /* line 121, sass/templates/_work_template.scss */
  .work .card__text__description {
    padding-bottom: 19px;
  }
}
/* line 135, sass/templates/_work_template.scss */
.work .card__opacity {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s linear;
  top: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 135, sass/templates/_work_template.scss */
  .work .card__opacity {
    width: 100%;
    margin-left: 0px;
  }
}
/* line 148, sass/templates/_work_template.scss */
.work .card__wrapper {
  background-color: transparent;
  height: 100%;
  position: relative;
}
@media only screen and (min-width: 551px) {
  /* line 148, sass/templates/_work_template.scss */
  .work .card__wrapper {
    margin-right: 5px;
    margin-left: 5px;
  }
}
/* line 160, sass/templates/_work_template.scss */
.work .card__wrapper:hover .card__opacity {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 170, sass/templates/_work_template.scss */
.work__animation img {
  transform: scale(1.1);
  min-width: 100%;
}
/* line 178, sass/templates/_work_template.scss */
.work__animation:hover img {
  transform: scale(1.03);
}
/* line 183, sass/templates/_work_template.scss */
.work__parent {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
/* line 191, sass/templates/_work_template.scss */
.work__parent:active .work__child {
  transform: scale(1);
}
/* line 195, sass/templates/_work_template.scss */
.work__parent:active .work__child:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.21);
}
/* line 208, sass/templates/_work_template.scss */
.work__child {
  position: relative;
  height: 100%;
  width: 100%;
  transform: scale(1.2);
  background-size: cover;
  background-color: transparent;
  transition: transform 0.2s;
}

/* line 220, sass/templates/_work_template.scss */
.other-work {
  padding: 0px;
}
/* line 223, sass/templates/_work_template.scss */
.other-work__subtitle {
  padding: 34px 8px 10px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-left: 15px;
  margin-right: 20px;
}
@media only screen and (min-width: 551px) {
  /* line 223, sass/templates/_work_template.scss */
  .other-work__subtitle {
    margin-left: 0px;
    margin-right: 0px;
    padding: 56px 10px 30px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 223, sass/templates/_work_template.scss */
  .other-work__subtitle {
    padding-left: 5px;
    padding: 77px 10px 25px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 223, sass/templates/_work_template.scss */
  .other-work__subtitle {
    padding: 117px 5px 40px;
  }
}
/* line 244, sass/templates/_work_template.scss */
.other-work__subtitle__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
}
@media only screen and (min-width: 1201px) {
  /* line 244, sass/templates/_work_template.scss */
  .other-work__subtitle__text {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 244, sass/templates/_work_template.scss */
  .other-work__subtitle__text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 244, sass/templates/_work_template.scss */
  .other-work__subtitle__text {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 249, sass/templates/_work_template.scss */
.other-work__content {
  padding: 0px !important;
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (min-width: 551px) {
  /* line 249, sass/templates/_work_template.scss */
  .other-work__content {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 254, sass/templates/_work_template.scss */
  .other-work__content .row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
/* line 263, sass/templates/_work_template.scss */
.other-work__card {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 263, sass/templates/_work_template.scss */
  .other-work__card {
    margin: 0px;
  }
}
/* line 271, sass/templates/_work_template.scss */
.other-work__card img {
  width: 100%;
  height: auto;
}
/* line 276, sass/templates/_work_template.scss */
.other-work__card__text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 276, sass/templates/_work_template.scss */
  .other-work__card__text {
    left: 33px;
    right: 33px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 276, sass/templates/_work_template.scss */
  .other-work__card__text {
    left: 38px;
    right: 38px;
    bottom: 26px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 276, sass/templates/_work_template.scss */
  .other-work__card__text {
    left: 44px;
    bottom: 30px;
  }
}
/* line 295, sass/templates/_work_template.scss */
.other-work__card__text__title {
  color: #fff;
  font-weight: bold;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1951px) {
  /* line 295, sass/templates/_work_template.scss */
  .other-work__card__text__title {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 295, sass/templates/_work_template.scss */
  .other-work__card__text__title {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 301, sass/templates/_work_template.scss */
.other-work__card__text__description {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
@media only screen and (min-width: 1201px) {
  /* line 301, sass/templates/_work_template.scss */
  .other-work__card__text__description {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 301, sass/templates/_work_template.scss */
  .other-work__card__text__description {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 301, sass/templates/_work_template.scss */
  .other-work__card__text__description {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 308, sass/templates/_work_template.scss */
.other-work__card__image__wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
/* line 316, sass/templates/_work_template.scss */
.other-work__card__image__wrapper:hover .other-work__opacity {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 322, sass/templates/_work_template.scss */
.other-work .column {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 1px;
}
@media only screen and (min-width: 551px) {
  /* line 322, sass/templates/_work_template.scss */
  .other-work .column {
    width: 50%;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 322, sass/templates/_work_template.scss */
  .other-work .column {
    width: 33.33334%;
  }
}
/* line 331, sass/templates/_work_template.scss */
.other-work .row::after {
  content: "";
  clear: both;
  display: table;
}
/* line 337, sass/templates/_work_template.scss */
.other-work__see-all {
  background-color: #E60073;
  padding-bottom: 97%;
  height: calc(100% - 20px);
  margin: 5px;
}
@media only screen and (min-width: 551px) {
  /* line 337, sass/templates/_work_template.scss */
  .other-work__see-all {
    height: calc(100% - 10px);
  }
}
/* line 344, sass/templates/_work_template.scss */
.other-work__see-all:before {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  content: "SEE ALL WORK";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1951px) {
  /* line 344, sass/templates/_work_template.scss */
  .other-work__see-all:before {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 344, sass/templates/_work_template.scss */
  .other-work__see-all:before {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 356, sass/templates/_work_template.scss */
.other-work__see-all.--mobile:before {
  content: 'SEE MORE WORK';
}
/* line 362, sass/templates/_work_template.scss */
.other-work__opacity {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s linear;
  top: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 362, sass/templates/_work_template.scss */
  .other-work__opacity {
    width: 100%;
    margin-left: 0px;
  }
}

/* line 1, sass/templates/_single-work.scss */
.single-work {
  /* background-color: white; */
}
/* line 3, sass/templates/_single-work.scss */
.single-work__dark-background {
  /* background-color: #22282C; */
  color: white;
  padding-bottom: 80px;
}
/* line 8, sass/templates/_single-work.scss */
.single-work__dark-background .container {
  padding: 0 20px;
}
@media only screen and (min-width: 551px) {
  /* line 8, sass/templates/_single-work.scss */
  .single-work__dark-background .container {
    padding: 0 7px;
  }
}
/* line 14, sass/templates/_single-work.scss */
.single-work__dark-background .carousel_loop video {
  width: 100%;
}
/* line 19, sass/templates/_single-work.scss */
.single-work__dark-background__title {
  text-transform: uppercase;
  padding-top: 98px;
  margin-bottom: 20px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1951px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
  }
}
@media only screen and (min-width: 551px) and (min-width: 1951px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 2701px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    padding-top: 126px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    padding-top: 126px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 19, sass/templates/_single-work.scss */
  .single-work__dark-background__title {
    padding-top: 190px;
  }
}
/* line 41, sass/templates/_single-work.scss */
.single-work__dark-background__subtitle {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: -20px;
}
@media only screen and (min-width: 1201px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 1201px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 1951px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 2701px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    padding-bottom: 0px;
    margin-bottom: -60px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    padding-bottom: 46px;
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 41, sass/templates/_single-work.scss */
  .single-work__dark-background__subtitle {
    padding-bottom: 80px;
    margin-bottom: -80px;
  }
}
/* line 65, sass/templates/_single-work.scss */
.single-work__dark-background__description {
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (min-width: 1201px) {
  /* line 65, sass/templates/_single-work.scss */
  .single-work__dark-background__description {
    font-size: 28px;
    line-height: 36px;
  }
}
/* line 78, sass/templates/_single-work.scss */
.single-work__animation-element.animation-element {
  margin: 40px 0 8px;
  height: 4px;
  max-width: 27px;
}
@media only screen and (min-width: 551px) {
  /* line 78, sass/templates/_single-work.scss */
  .single-work__animation-element.animation-element {
    margin-top: 60px;
    max-width: unset;
    height: 6px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 78, sass/templates/_single-work.scss */
  .single-work__animation-element.animation-element {
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
/* line 95, sass/templates/_single-work.scss */
.single-work__single-slide {
  margin-bottom: 76px;
}
@media only screen and (min-width: 551px) {
  /* line 95, sass/templates/_single-work.scss */
  /* .single-work__single-slide {
    margin-bottom: 138px;
  } */
}
@media only screen and (min-width: 1201px) {
  /* line 95, sass/templates/_single-work.scss */
  /* .single-work__single-slide {
    margin-bottom: 180px;
  } */
}
@media only screen and (min-width: 2701px) {
  /* line 95, sass/templates/_single-work.scss */
  .single-work__single-slide {
    margin-bottom: 260px;
  }
}
/* line 102, sass/templates/_single-work.scss */
.single-work__multiple-slides {
  margin-bottom: 157px;
}
@media only screen and (min-width: 551px) {
  /* line 102, sass/templates/_single-work.scss */
  .single-work__multiple-slides {
    margin-bottom: 238px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 102, sass/templates/_single-work.scss */
  .single-work__multiple-slides {
    margin-bottom: 345px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 102, sass/templates/_single-work.scss */
  .single-work__multiple-slides {
    margin-bottom: 360px;
  }
}
/* line 109, sass/templates/_single-work.scss */
.single-work__container {
  width: 100%;
  /* background-color: #F2F2F2 !important; */
  /*@media only screen and (min-width: 551px) {
    background-color: white;
  }*/
}
/* line 118, sass/templates/_single-work.scss */
.single-work__related-post {
  padding-top: 40px;
}
@media only screen and (min-width: 551px) {
  /* line 118, sass/templates/_single-work.scss */
  .single-work__related-post {
    margin-bottom: -120px;
    padding-bottom: 174px;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 118, sass/templates/_single-work.scss */
  .single-work__related-post {
    overflow: hidden;
    margin-bottom: -107px;
    padding-bottom: 107px;
    padding-top: 120px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 118, sass/templates/_single-work.scss */
  .single-work__related-post {
    margin-bottom: -107px;
    padding-bottom: 107px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 118, sass/templates/_single-work.scss */
  .single-work__related-post {
    margin-bottom: -127px;
    padding-bottom: 127px;
    padding-top: 160px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 143, sass/templates/_single-work.scss */
  .single-work__related-post__only-row {
    margin: 0 5px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 143, sass/templates/_single-work.scss */
  .single-work__related-post__only-row {
    margin-left: 0px;
    margin-right: 0px;
  }
}
/* line 153, sass/templates/_single-work.scss */
.single-work__related-post__content {
  padding: 0 20px;
}
@media only screen and (min-width: 551px) {
  /* line 153, sass/templates/_single-work.scss */
  .single-work__related-post__content {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 153, sass/templates/_single-work.scss */
  .single-work__related-post__content {
    padding: 0;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 153, sass/templates/_single-work.scss */
  .single-work__related-post__content {
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 153, sass/templates/_single-work.scss */
  .single-work__related-post__content {
    margin-bottom: 15px;
  }
}
/* line 169, sass/templates/_single-work.scss */
.single-work__related-post__content h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 20px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-transform: lowercase;
}
@media only screen and (min-width: 1201px) {
  /* line 169, sass/templates/_single-work.scss */
  .single-work__related-post__content h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 169, sass/templates/_single-work.scss */
  .single-work__related-post__content h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 169, sass/templates/_single-work.scss */
  .single-work__related-post__content h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 169, sass/templates/_single-work.scss */
  .single-work__related-post__content h3 {
    margin-left: -10px;
  }
}
/* line 179, sass/templates/_single-work.scss */
.single-work__related-post__content__aside {
  overflow: hidden;
}
@media only screen and (min-width: 551px) {
  /* line 179, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside {
    padding: 5px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 179, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* line 190, sass/templates/_single-work.scss */
.single-work__related-post__content__aside aside {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 551px) {
  /* line 190, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside aside {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 190, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside aside {
    margin: 0 -10px;
  }
}
/* line 199, sass/templates/_single-work.scss */
.single-work__related-post__content__aside aside:hover img {
  transform: scale(1.03);
}
/* line 202, sass/templates/_single-work.scss */
.single-work__related-post__content__aside aside:hover .aside__opacity {
  background-color: rgba(0, 0, 0, 0.21);
}
/* line 207, sass/templates/_single-work.scss */
.single-work__related-post__content__aside aside .aside__opacity {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: background-color 0.2s;
}
/* line 215, sass/templates/_single-work.scss */
.single-work__related-post__content__aside img {
  width: 100%;
  transform: scale(1.1);
  transition: transform 0.2s;
}
/* line 220, sass/templates/_single-work.scss */
.single-work__related-post__content__aside__text {
  position: absolute;
  bottom: 17px;
  left: 20px;
}
/* line 224, sass/templates/_single-work.scss */
.single-work__related-post__content__aside__text h4 {
  color: white;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1951px) {
  /* line 224, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside__text h4 {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 224, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside__text h4 {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 229, sass/templates/_single-work.scss */
.single-work__related-post__content__aside__text h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  color: white;
}
@media only screen and (min-width: 1201px) {
  /* line 229, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside__text h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 229, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside__text h2 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 229, sass/templates/_single-work.scss */
  .single-work__related-post__content__aside__text h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 239, sass/templates/_single-work.scss */
.single-work .capabilities_terms {
  margin-top: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 239, sass/templates/_single-work.scss */
  .single-work .capabilities_terms {
    margin-top: 40px;
  }
}
/* line 246, sass/templates/_single-work.scss */
.single-work .capabilities_terms .term {
  color: #E60073;
  float: left;
  border-right: 1px solid #E60073;
  font-weight: bold;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin-right: 7px;
  padding-right: 7px;
}
/* line 257, sass/templates/_single-work.scss */
.single-work .capabilities_terms .term:last-child {
  border-right: none;
  margin-right: 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 246, sass/templates/_single-work.scss */
  .single-work .capabilities_terms .term {
    font-size: 25px;
    height: 30px;
    margin-right: 30px;
    line-height: 30px;
    padding-right: 30px;
  }
}
/* line 272, sass/templates/_single-work.scss */
.single-work .true_love_tough_love {
  margin-bottom: -120px;
}
@media only screen and (min-width: 1201px) {
  /* line 275, sass/templates/_single-work.scss */
  .single-work .true_love_tough_love .tough-love-container,
  .single-work .true_love_tough_love .true-love-container {
    padding-left: 105px;
    padding-right: 105px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 275, sass/templates/_single-work.scss */
  .single-work .true_love_tough_love .tough-love-container,
  .single-work .true_love_tough_love .true-love-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* line 287, sass/templates/_single-work.scss */
.single-work .true_love_tough_love .tough-love-container {
  background: #22282C;
  padding-top: 84px;
}
@media only screen and (min-width: 1201px) {
  /* line 287, sass/templates/_single-work.scss */
  .single-work .true_love_tough_love .tough-love-container {
    padding-top: 123px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 296, sass/templates/_single-work.scss */
  .single-work .true_love_tough_love .true-love-container {
    padding-top: 123px;
    padding-bottom: 80px;
  }
}
/* line 302, sass/templates/_single-work.scss */
.single-work .true_love_tough_love .true-love-container :after {
  background: #22282C;
}
/* line 308, sass/templates/_single-work.scss */
.single-work .carousel {
  z-index: 1;
  clear: both;
}
.single-work .carousel--main {
  margin-top: 100px;
}
@media only screen and (min-width: 1201px) {
  /* line 313, sass/templates/_single-work.scss */
  /* .single-work .carousel--main {
    bottom: -80px;
  } */
}

/* line 3, sass/templates/_news_template.scss */
.container-cards {
  padding: 85px 0 72px 0;
  overflow: hidden;
}
@media only screen and (min-width: 551px) {
  /* line 3, sass/templates/_news_template.scss */
  .container-cards {
    padding: 106px 0 76px 0;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/templates/_news_template.scss */
  .container-cards {
    padding: 158px 0 80px 0;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 3, sass/templates/_news_template.scss */
  .container-cards {
    padding: 163px 0 109px 0;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/templates/_news_template.scss */
  .container-cards {
    padding: 209px 0 150px 0;
  }
}
@media only screen and (min-width: 551px) {
  /* line 11, sass/templates/_news_template.scss */
  .container-cards .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* line 18, sass/templates/_news_template.scss */
.container-cards .featured-cards, .container-cards .others-cards {
  margin: 0 20px;
}
@media only screen and (min-width: 551px) {
  /* line 18, sass/templates/_news_template.scss */
  .container-cards .featured-cards, .container-cards .others-cards {
    margin: 0;
  }
}
/* line 23, sass/templates/_news_template.scss */
.container-cards__button-container {
  width: 100%;
  text-align: center;
}
/* line 27, sass/templates/_news_template.scss */
.container-cards__button {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2.125rem;
  padding: 1rem 2rem;
  border: 2px solid #ffffff;
  border-radius: 100px;
  background: transparent;
  outline: none;
  font-weight: 700;
  font-family: owners-xnarrow, sans-serif;
  display: inline-block;
}
/* line 47, sass/templates/_news_template.scss */
.container-cards .loading:after {
  content: "";
  position: absolute;
  background: url(/wp-content/themes/periscope/images/spinner.gif);
  height: 34px;
  width: 34px;
  display: block;
  right: -34px;
  top: -2px;
  z-index: 9999;
}

/* line 60, sass/templates/_news_template.scss */
.no-padding {
  padding: 0;
}

/* line 65, sass/templates/_news_template.scss */
.news .card, .other-articles .card, .love__tiles .card {
  height: 416px;
  margin-bottom: 10px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
/* line 75, sass/templates/_news_template.scss */
.news .card:hover, .other-articles .card:hover, .love__tiles .card:hover {
  cursor: pointer;
}
/* line 79, sass/templates/_news_template.scss */
.news .card:active, .other-articles .card:active, .love__tiles .card:active {
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}
@media only screen and (min-width: 1201px) {
  /* line 65, sass/templates/_news_template.scss */
  .news .card, .other-articles .card, .love__tiles .card {
    height: 443px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 65, sass/templates/_news_template.scss */
  .news .card, .other-articles .card, .love__tiles .card {
    height: 511px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 65, sass/templates/_news_template.scss */
  .news .card, .other-articles .card, .love__tiles .card {
    height: 586px;
  }
}
/* line 87, sass/templates/_news_template.scss */
.news .card__link, .other-articles .card__link, .love__tiles .card__link {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-decoration: none;
}
/* line 100, sass/templates/_news_template.scss */
.news .card__main-image, .other-articles .card__main-image, .love__tiles .card__main-image {
  height: 190px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 1201px) {
  /* line 100, sass/templates/_news_template.scss */
  .news .card__main-image, .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 252px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 100, sass/templates/_news_template.scss */
  .news .card__main-image, .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 288.4px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 100, sass/templates/_news_template.scss */
  .news .card__main-image, .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 319.9px;
  }
}
/* line 110, sass/templates/_news_template.scss */
.news .card__main-image img, .other-articles .card__main-image img, .love__tiles .card__main-image img {
  width: 100%;
  height: auto;
}
/* line 115, sass/templates/_news_template.scss */
.news .card__main-image:empty, .other-articles .card__main-image:empty, .love__tiles .card__main-image:empty {
  display: none;
}
/* line 119, sass/templates/_news_template.scss */
.news .card__info, .other-articles .card__info, .love__tiles .card__info {
  padding: 20px 10.8px 23.2px 21.4px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/* line 127, sass/templates/_news_template.scss */
.news .card__info__title, .other-articles .card__info__title, .love__tiles .card__info__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 29px;
  color: #ffffff;
}
.news .card.featured .card__info__title {
  font-size: 30px;
  line-height: 33px;
}
/* line 133, sass/templates/_news_template.scss */
.news .card__info__date, .other-articles .card__info__date, .love__tiles .card__info__date {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: .2em;
  margin-top: 1.5rem;
}
.news .card.featured .card__info__date {
  margin-top: 0;
}
/* line 140, sass/templates/_news_template.scss */
.news .card__info__featured, .other-articles .card__info__featured, .love__tiles .card__info__featured {
  color: #B4EFE5;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 1rem;
}

/* line 152, sass/templates/_news_template.scss */
.news-author {
  position: absolute;
  bottom: 0;
  display: block;
  color: white;
  padding: 10px 20px;
  left: 20px;
}
/* line 160, sass/templates/_news_template.scss */
.news-author.light {
  background-color: #A0A0A0;
}
/* line 164, sass/templates/_news_template.scss */
.news-author.dark {
  background-color: #22282C;
}

@media only screen and (min-width: 1201px) {
  /* line 170, sass/templates/_news_template.scss */
  .others-cards .card__main-image {
    height: 204px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 170, sass/templates/_news_template.scss */
  .others-cards .card__main-image {
    height: 235px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 170, sass/templates/_news_template.scss */
  .others-cards .card__main-image {
    height: 270px;
  }
}
/* line 175, sass/templates/_news_template.scss */
.others-cards .card__main-image img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  transform: scale(0.1);
  width: auto !important;
}
@media only screen and (min-width: 1201px) {
  /* line 175, sass/templates/_news_template.scss */
  .others-cards .card__main-image img {
    width: auto;
    height: 100%;
    max-width: initial;
  }
}

/* line 194, sass/templates/_news_template.scss */
.superscript-these {
  vertical-align: super;
  font-size: 0.6em;
}
/* line 6, sass/templates/_single-news.scss */
.single-news__content, .single-news__social {
  padding: 0px 20px 35px 20px;
}
@media only screen and (min-width: 551px) {
  /* line 6, sass/templates/_single-news.scss */
  .single-news__content, .single-news__social {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 16, sass/templates/_single-news.scss */
  .single-news__content {
    padding-right: 20px;
  }
}
/* line 23, sass/templates/_single-news.scss */
.single-news__social p {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: .2em;
}
@media only screen and (min-width: 1951px) {
  /* line 23, sass/templates/_single-news.scss */
  .single-news__social p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 23, sass/templates/_single-news.scss */
  .single-news__social p {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 29, sass/templates/_single-news.scss */
.single-news.orange {
  background: #FC9318;
  color: black;
  background-image: url("images/HeaderPattern.svg");
}
/* line 35, sass/templates/_single-news.scss */
.single-news__header {
  height: 473px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (min-width: 551px) {
  /* line 35, sass/templates/_single-news.scss */
  .single-news__header {
    height: 427px;
    margin-bottom: 58px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 35, sass/templates/_single-news.scss */
  .single-news__header {
    height: 640px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 35, sass/templates/_single-news.scss */
  .single-news__header {
    height: 965px;
  }
}
/* line 46, sass/templates/_single-news.scss */
.single-news__header__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #111111;
  opacity: .30;
}
/* line 56, sass/templates/_single-news.scss */
.single-news__header .container {
  position: relative;
  height: 100%;
}
/* line 62, sass/templates/_single-news.scss */
.single-news__header .header__image {
  height: 100%;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  top: 0;
}
/* line 71, sass/templates/_single-news.scss */
.single-news__header .header__content {
  position: absolute;
  bottom: 0;
  padding: 0 20px;
  left: 0;
  color: white;
}
@media only screen and (min-width: 551px) {
  /* line 71, sass/templates/_single-news.scss */
  .single-news__header .header__content {
    padding: 0;
  }
}
/* line 82, sass/templates/_single-news.scss */
.single-news__header .header__content h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}
@media only screen and (min-width: 1201px) {
  /* line 82, sass/templates/_single-news.scss */
  .single-news__header .header__content h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 82, sass/templates/_single-news.scss */
  .single-news__header .header__content h1 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 82, sass/templates/_single-news.scss */
  .single-news__header .header__content h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 85, sass/templates/_single-news.scss */
.single-news__header .header__content p {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
}
@media only screen and (min-width: 1951px) {
  /* line 85, sass/templates/_single-news.scss */
  .single-news__header .header__content p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 85, sass/templates/_single-news.scss */
  .single-news__header .header__content p {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 89, sass/templates/_single-news.scss */
.single-news__header .header__content .date {
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 23px 0 35px 0;
}
/* line 94, sass/templates/_single-news.scss */
.single-news__header .header__content .author {
  padding: 18px 0;
  text-align: center;
  background: #22282C;
  color: white;
}
@media only screen and (min-width: 551px) {
  /* line 94, sass/templates/_single-news.scss */
  .single-news__header .header__content .author {
    display: inline-block;
    padding: 18px 64px;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 111, sass/templates/_single-news.scss */
  .title-wrapper {
    width: calc(83.333334% + 24px);
    max-width: 1392px;
    padding: 0;
  }
}

/* line 119, sass/templates/_single-news.scss */
.related-title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-top: 45px;
}
@media only screen and (min-width: 1201px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    margin-left: 20px;
    padding-left: 15px;
    margin-top: 65px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    margin-top: 120px;
    margin-left: 0px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 119, sass/templates/_single-news.scss */
  .related-title {
    margin-top: 160px;
  }
}

/* line 142, sass/templates/_single-news.scss */
.jssocials-share {
  display: inline-block;
  padding-right: 18px;
  padding-top: 14px;
}
/* line 146, sass/templates/_single-news.scss */
.jssocials-share img {
  width: 40px;
}

/* line 154, sass/templates/_single-news.scss */
.other-articles, .love__tiles {
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 30px auto 45px auto;
}
/* line 159, sass/templates/_single-news.scss */
.other-articles::-webkit-scrollbar, .love__tiles::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 154, sass/templates/_single-news.scss */
  .other-articles, .love__tiles {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 154, sass/templates/_single-news.scss */
  .other-articles, .love__tiles {
    width: calc(83.333334% + 24px);
    max-width: 1400px;
    overflow: visible;
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 154, sass/templates/_single-news.scss */
  .other-articles, .love__tiles {
    max-width: 1610px;
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 154, sass/templates/_single-news.scss */
  .other-articles, .love__tiles {
    max-width: 1840px;
    margin-bottom: 220px;
  }
}
/* line 181, sass/templates/_single-news.scss */
.other-articles .col-md-3, .love__tiles .col-md-3 {
  padding: 0;
  padding-right: 10px;
  flex-basis: 280px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 551px) {
  /* line 181, sass/templates/_single-news.scss */
  .other-articles .col-md-3, .love__tiles .col-md-3 {
    flex-basis: 312px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 181, sass/templates/_single-news.scss */
  .other-articles .col-md-3, .love__tiles .col-md-3 {
    padding: 0 15px;
    flex-basis: 25%;
  }
}
/* line 191, sass/templates/_single-news.scss */
.other-articles .col-md-4, .love__tiles .col-md-4 {
  padding: 0;
  padding-right: 10px;
  flex-basis: 280px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 551px) {
  /* line 191, sass/templates/_single-news.scss */
  .other-articles .col-md-4, .love__tiles .col-md-4 {
    flex-basis: 312px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 191, sass/templates/_single-news.scss */
  .other-articles .col-md-4, .love__tiles .col-md-4 {
    padding: 0 15px;
    flex-basis: 33.333%;
  }
}
/* line 202, sass/templates/_single-news.scss */
.other-articles .card, .love__tiles .card {
  width: 280px;
}
@media only screen and (min-width: 551px) {
  /* line 202, sass/templates/_single-news.scss */
  .other-articles .card, .love__tiles .card {
    width: 312px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 202, sass/templates/_single-news.scss */
  .other-articles .card, .love__tiles .card {
    width: auto;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 208, sass/templates/_single-news.scss */
  .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 204px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 208, sass/templates/_single-news.scss */
  .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 235px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 208, sass/templates/_single-news.scss */
  .other-articles .card__main-image, .love__tiles .card__main-image {
    height: 270px;
  }
}
/* line 213, sass/templates/_single-news.scss */
.other-articles .card__main-image img, .love__tiles .card__main-image img {
  width: auto;
  height: 100%;
}

/* line 220, sass/templates/_single-news.scss */
.hidden-xs {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 220, sass/templates/_single-news.scss */
  .hidden-xs {
    display: block;
  }
}

/* line 225, sass/templates/_single-news.scss */
.show-xs {
  display: block;
}
@media only screen and (min-width: 551px) {
  /* line 225, sass/templates/_single-news.scss */
  .show-xs {
    display: none;
  }
}
/* line 18, sass/templates/_careers_template.scss */
.careers__title__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 18, sass/templates/_careers_template.scss */
  .careers__title__text {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 18, sass/templates/_careers_template.scss */
  .careers__title__text {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 18, sass/templates/_careers_template.scss */
  .careers__title__text {
    font-size: 130px;
    line-height: 140px;
  }
}
/* line 24, sass/templates/_careers_template.scss */
.careers__description__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  color: #000000;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1201px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    margin-bottom: 59px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    margin-bottom: 51px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 24, sass/templates/_careers_template.scss */
  .careers__description__text {
    margin-bottom: 75px;
  }
}
/* line 40, sass/templates/_careers_template.scss */
.careers__image-wrapper {
  max-height: 153px;
  overflow: hidden;
  margin-bottom: 21px;
}
@media only screen and (min-width: 551px) {
  /* line 40, sass/templates/_careers_template.scss */
  .careers__image-wrapper {
    max-height: 366px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 40, sass/templates/_careers_template.scss */
  .careers__image-wrapper {
    max-height: 785px;
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 40, sass/templates/_careers_template.scss */
  .careers__image-wrapper {
    max-height: 907px;
    margin-bottom: 116px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 40, sass/templates/_careers_template.scss */
  .careers__image-wrapper {
    max-height: 1370px;
    margin-bottom: 163px;
  }
}
/* line 50, sass/templates/_careers_template.scss */
.careers__image {
  width: 100%;
  height: auto;
}
/* line 55, sass/templates/_careers_template.scss */
.careers__card {
  background-color: white;
  height: 100%;
  padding-left: 44px;
  padding-right: 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
/* line 66, sass/templates/_careers_template.scss */
.careers__card__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  padding-top: 50px;
}
@media only screen and (min-width: 1201px) {
  /* line 66, sass/templates/_careers_template.scss */
  .careers__card__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 66, sass/templates/_careers_template.scss */
  .careers__card__title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 66, sass/templates/_careers_template.scss */
  .careers__card__title {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 72, sass/templates/_careers_template.scss */
.careers__card__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding-top: 21px;
}
@media only screen and (min-width: 1951px) {
  /* line 72, sass/templates/_careers_template.scss */
  .careers__card__description {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 72, sass/templates/_careers_template.scss */
  .careers__card__description {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 78, sass/templates/_careers_template.scss */
.careers__card__button {
  padding-top: 40px;
  padding-bottom: 70px;
  display: block;
  margin: 0 auto;
}
/* line 83, sass/templates/_careers_template.scss */
.careers__card__button__style {
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #E60073;
  text-align: center;
  border: solid #E60073 2px;
  padding: 10px 25px;
}
@media only screen and (min-width: 1201px) {
  /* line 83, sass/templates/_careers_template.scss */
  .careers__card__button__style {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 83, sass/templates/_careers_template.scss */
  .careers__card__button__style {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 83, sass/templates/_careers_template.scss */
  .careers__card__button__style {
    font-size: 18px;
    line-height: 26px;
  }
}

/* line 95, sass/templates/_careers_template.scss */
.team {
  margin-bottom: 21px;
  padding: 0 15px;
}
@media only screen and (min-width: 551px) {
  /* line 95, sass/templates/_careers_template.scss */
  .team {
    margin-bottom: 40px;
    padding: 0 5px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 95, sass/templates/_careers_template.scss */
  .team {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 95, sass/templates/_careers_template.scss */
  .team {
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 95, sass/templates/_careers_template.scss */
  .team {
    margin-bottom: 83px;
  }
}

/* line 103, sass/templates/_careers_template.scss */
.intern {
  padding: 0 15px;
}
@media only screen and (min-width: 551px) {
  /* line 103, sass/templates/_careers_template.scss */
  .intern {
    margin-bottom: 40px;
    padding: 0 5px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 103, sass/templates/_careers_template.scss */
  .intern {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 103, sass/templates/_careers_template.scss */
  .intern {
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 103, sass/templates/_careers_template.scss */
  .intern {
    margin-bottom: 83px;
  }
}

/* line 3, sass/templates/_clients_template.scss */
.clients {
  /* margin-top: 75px; */
}
@media only screen and (min-width: 551px) {
  /* line 3, sass/templates/_clients_template.scss */
  .clients {
    /* margin-top: 107px; */
  }
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/templates/_clients_template.scss */
  .clients {
    /* margin-top: 106px; */
  }
}
@media only screen and (min-width: 1951px) {
  /* line 3, sass/templates/_clients_template.scss */
  .clients {
    /* margin-top: 141px; */
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/templates/_clients_template.scss */
  .clients {
    /* margin-top: 256px; */
  }
}
/* line 18, sass/templates/_clients_template.scss */
.clients__header {
  height: 0px;
}
@media only screen and (max-width: 550px) {
  /* line 22, sass/templates/_clients_template.scss */
  .clients__top-space {
    text-align: center;
  }
}
/* line 26, sass/templates/_clients_template.scss */
.clients__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  margin-bottom: 30px;
  padding-left: 5px;
}
@media only screen and (min-width: 1201px) {
  /* line 26, sass/templates/_clients_template.scss */
  .clients__title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 26, sass/templates/_clients_template.scss */
  .clients__title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 26, sass/templates/_clients_template.scss */
  .clients__title {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 26, sass/templates/_clients_template.scss */
  .clients__title {
    margin-bottom: 35px;
  }
}
/* line 33, sass/templates/_clients_template.scss */
.clients__image-background {
  /* background-color: white; */
}
/* line 37, sass/templates/_clients_template.scss */
.clients__image {
  width: 100%;
  height: 100%;
  padding: 1rem;
  max-height: 150px;
  /* transition: filter 300ms ease; */
  /* filter: grayscale(100%); */
  /* filter: brightness(0) invert(1); */
}
/* line 44, sass/templates/_clients_template.scss */
.clients__image:hover {
  /* filter: none; */
}
/* line 48, sass/templates/_clients_template.scss */
.clients__image-wrapper {
  max-height: 50%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media only screen and (min-width: 1201px) {
  /* line 48, sass/templates/_clients_template.scss */
  .clients__image-wrapper {
    flex-basis: 16.66%;
    max-width: 20%;
  }
}
/* line 61, sass/templates/_clients_template.scss */
.clients__image-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: auto;
}
/* line 68, sass/templates/_clients_template.scss */
.clients__link {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1951px) {
  /* line 68, sass/templates/_clients_template.scss */
  .clients__link {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 68, sass/templates/_clients_template.scss */
  .clients__link {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 68, sass/templates/_clients_template.scss */
  .clients__link {
    display: none;
  }
}

/* line 91, sass/templates/_clients_template.scss */
.single-case_study .logo span {
  color: #ffffff;
}

/* line 3, sass/templates/_about_template.scss */
.about-section {
  background: #22282c;
  padding-top: 89px;
  margin-bottom: 73px;
  color: #fff;
}
@media only screen and (min-width: 551px) {
  /* line 3, sass/templates/_about_template.scss */
  .about-section {
    padding-top: 94px;
    margin-bottom: 103px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/templates/_about_template.scss */
  .about-section {
    padding-top: 141px;
    margin-bottom: 263px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 3, sass/templates/_about_template.scss */
  .about-section {
    padding-top: 138px;
    margin-bottom: 296px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/templates/_about_template.scss */
  .about-section {
    padding-top: 297px;
    margin-bottom: 570px;
  }
}
/* line 14, sass/templates/_about_template.scss */
.about-section h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  padding-bottom: 25px;
  width: 200px;
}
@media only screen and (min-width: 1201px) {
  /* line 14, sass/templates/_about_template.scss */
  .about-section h1 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 14, sass/templates/_about_template.scss */
  .about-section h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 14, sass/templates/_about_template.scss */
  .about-section h1 {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 14, sass/templates/_about_template.scss */
  .about-section h1 {
    width: auto;
  }
}
/* line 22, sass/templates/_about_template.scss */
.about-section .col-sm-10 {
  padding: 0 20px;
}
/* line 26, sass/templates/_about_template.scss */
.about-section .strong_word {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #E60073;
}
/* line 31, sass/templates/_about_template.scss */
.about-section p {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1201px) {
  /* line 31, sass/templates/_about_template.scss */
  .about-section p {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 31, sass/templates/_about_template.scss */
  .about-section p {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 31, sass/templates/_about_template.scss */
  .about-section p {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 36, sass/templates/_about_template.scss */
.about-section__video {
  margin-top: 26px;
  margin-bottom: -28px;
}
@media only screen and (min-width: 551px) {
  /* line 36, sass/templates/_about_template.scss */
  .about-section__video {
    margin-top: 44px;
    margin-bottom: -65px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 36, sass/templates/_about_template.scss */
  .about-section__video {
    margin-top: 93px;
    margin-bottom: -133px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 36, sass/templates/_about_template.scss */
  .about-section__video {
    margin-top: 116px;
    margin-bottom: -168px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 36, sass/templates/_about_template.scss */
  .about-section__video {
    margin-top: 152px;
    margin-bottom: -432px;
  }
}

/* line 60, sass/templates/_about_template.scss */
.leaders-section .col-sm-10 {
  padding: 0 20px;
}
/* line 62, sass/templates/_about_template.scss */
.leaders-section h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1201px) {
  /* line 62, sass/templates/_about_template.scss */
  .leaders-section h2 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 62, sass/templates/_about_template.scss */
  .leaders-section h2 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 62, sass/templates/_about_template.scss */
  .leaders-section h2 {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 62, sass/templates/_about_template.scss */
  .leaders-section h2 {
    margin-bottom: 31px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 62, sass/templates/_about_template.scss */
  .leaders-section h2 {
    margin-bottom: 18px;
  }
}
/* line 69, sass/templates/_about_template.scss */
.leaders-section__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1201px) {
  /* line 69, sass/templates/_about_template.scss */
  .leaders-section__text {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 69, sass/templates/_about_template.scss */
  .leaders-section__text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 69, sass/templates/_about_template.scss */
  .leaders-section__text {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 75, sass/templates/_about_template.scss */
.capabilities {
  padding: 0 20px;
}
/* line 78, sass/templates/_about_template.scss */
.capabilities .col-sm-10 {
  padding: 0 20px;
}
/* line 81, sass/templates/_about_template.scss */
.capabilities h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1201px) {
  /* line 81, sass/templates/_about_template.scss */
  .capabilities h2 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 81, sass/templates/_about_template.scss */
  .capabilities h2 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 81, sass/templates/_about_template.scss */
  .capabilities h2 {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 81, sass/templates/_about_template.scss */
  .capabilities h2 {
    margin-bottom: 23px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 81, sass/templates/_about_template.scss */
  .capabilities h2 {
    margin-bottom: 18px;
  }
}
/* line 88, sass/templates/_about_template.scss */
.capabilities__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1201px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    margin-bottom: 34px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    margin-bottom: 41px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 88, sass/templates/_about_template.scss */
  .capabilities__text {
    margin-bottom: 48px;
  }
}
/* line 99, sass/templates/_about_template.scss */
.capabilities__button {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #E60073;
  width: 100%;
  display: block;
  text-align: center;
  border: 2px solid #E60073;
  padding: 13px;
  margin-top: 27px;
  text-decoration: none;
  margin-bottom: 46px;
}
@media only screen and (min-width: 1201px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    width: 246px;
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    width: 284px;
    padding: 13px;
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    width: 246px;
    padding: 17px;
    margin-bottom: 74px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 99, sass/templates/_about_template.scss */
  .capabilities__button {
    width: 327px;
    padding: 21px;
    margin-bottom: 58px;
  }
}

@media only screen and (min-width: 1951px) {
  /* line 119, sass/templates/_about_template.scss */
  #leaders-carousel .hideControlsOnLargerScreens {
    display: none !important;
  }
}

/* line 126, sass/templates/_about_template.scss */
#leaders-carousel,
#trend-carousel {
  margin-bottom: 0px;
  padding-bottom: 117px;
  margin-top: 75.5px;
}
@media only screen and (min-width: 551px) {
  /* line 126, sass/templates/_about_template.scss */
  #leaders-carousel,
  #trend-carousel {
    padding-bottom: 104px;
    margin-top: 59.7px;
    margin-bottom: 1px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 126, sass/templates/_about_template.scss */
  #leaders-carousel,
  #trend-carousel {
    padding-bottom: 199px;
    margin-top: 75.8px;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 126, sass/templates/_about_template.scss */
  #leaders-carousel,
  #trend-carousel {
    padding-bottom: 156px;
    margin-top: 67.7px;
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 126, sass/templates/_about_template.scss */
  #leaders-carousel,
  #trend-carousel {
    padding-bottom: 256px;
    margin-top: 103.7px;
    margin-bottom: 9px;
  }
}
/* line 154, sass/templates/_about_template.scss */
#leaders-carousel .slick-track:hover,
#trend-carousel .slick-track:hover {
  cursor: pointer;
}
/* line 161, sass/templates/_about_template.scss */
#leaders-carousel .slick-prev, #leaders-carousel .slick-next,
#trend-carousel .slick-prev,
#trend-carousel .slick-next {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  bottom: 20px;
}
@media only screen and (min-width: 551px) {
  /* line 161, sass/templates/_about_template.scss */
  #leaders-carousel .slick-prev, #leaders-carousel .slick-next,
  #trend-carousel .slick-prev,
  #trend-carousel .slick-next {
    bottom: 7px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 161, sass/templates/_about_template.scss */
  #leaders-carousel .slick-prev, #leaders-carousel .slick-next,
  #trend-carousel .slick-prev,
  #trend-carousel .slick-next {
    bottom: 89px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 161, sass/templates/_about_template.scss */
  #leaders-carousel .slick-prev, #leaders-carousel .slick-next,
  #trend-carousel .slick-prev,
  #trend-carousel .slick-next {
    bottom: 46px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 161, sass/templates/_about_template.scss */
  #leaders-carousel .slick-prev, #leaders-carousel .slick-next,
  #trend-carousel .slick-prev,
  #trend-carousel .slick-next {
    bottom: 133px;
  }
}
/* line 171, sass/templates/_about_template.scss */
#leaders-carousel .slick-prev.slide,
#trend-carousel .slick-prev.slide {
  -moz-transform: translate(-21px, -25px);
  -ms-transform: translate(-21px, -25px);
  -webkit-transform: translate(-21px, -25px);
  transform: translate(-21px, -25px);
}
/* line 177, sass/templates/_about_template.scss */
#leaders-carousel .slick-next.slide,
#trend-carousel .slick-next.slide {
  -moz-transform: translate(21px, -25px);
  -ms-transform: translate(21px, -25px);
  -webkit-transform: translate(21px, -25px);
  transform: translate(21px, -25px);
}
/* line 184, sass/templates/_about_template.scss */
#leaders-carousel .slick-dots,
#trend-carousel .slick-dots {
  position: absolute;
  bottom: 59px;
}
@media only screen and (min-width: 551px) {
  /* line 184, sass/templates/_about_template.scss */
  #leaders-carousel .slick-dots,
  #trend-carousel .slick-dots {
    bottom: 47px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 184, sass/templates/_about_template.scss */
  #leaders-carousel .slick-dots,
  #trend-carousel .slick-dots {
    bottom: 130px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 184, sass/templates/_about_template.scss */
  #leaders-carousel .slick-dots,
  #trend-carousel .slick-dots {
    bottom: 88px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 184, sass/templates/_about_template.scss */
  #leaders-carousel .slick-dots,
  #trend-carousel .slick-dots {
    bottom: 168px;
  }
}
/* line 194, sass/templates/_about_template.scss */
#leaders-carousel .slick-dots .slick-active button:before,
#trend-carousel .slick-dots .slick-active button:before {
  opacity: 1 !important;
}
/* line 201, sass/templates/_about_template.scss */
#leaders-carousel .slick-slide,
#trend-carousel .slick-slide {
  padding: 0;
  transition: transform 1s cubic-bezier(0.39, 0.2, 0.25, 1);
}
@media only screen and (min-width: 551px) {
  /* line 206, sass/templates/_about_template.scss */
  #leaders-carousel .current,
  #trend-carousel .current {
    position: absolute;
    top: 0;
    z-index: 100;
  }
}
/* line 214, sass/templates/_about_template.scss */
#leaders-carousel .leader,
#trend-carousel .leader {
  position: relative;
  display: flex;
}
/* line 218, sass/templates/_about_template.scss */
#leaders-carousel .leader__photo,
#trend-carousel .leader__photo {
  max-width: 100%;
  width: auto;
  height: 479px;
}
@media only screen and (min-width: 551px) {
  /* line 218, sass/templates/_about_template.scss */
  #leaders-carousel .leader__photo,
  #trend-carousel .leader__photo {
    height: 662px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 218, sass/templates/_about_template.scss */
  #leaders-carousel .leader__photo,
  #trend-carousel .leader__photo {
    height: 737px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 218, sass/templates/_about_template.scss */
  #leaders-carousel .leader__photo,
  #trend-carousel .leader__photo {
    height: 742px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 218, sass/templates/_about_template.scss */
  #leaders-carousel .leader__photo,
  #trend-carousel .leader__photo {
    height: 1123px;
  }
}
/* line 228, sass/templates/_about_template.scss */
#leaders-carousel .leader__photo img,
#trend-carousel .leader__photo img {
  height: 100%;
  max-width: initial;
}
/* line 233, sass/templates/_about_template.scss */
#leaders-carousel .leader__info,
#trend-carousel .leader__info {
  position: absolute;
  z-index: 99;
  background: #fff;
  left: 24px;
  bottom: 13px;
  width: 187px;
  padding: 10px 15px;
}
/* line 242, sass/templates/_about_template.scss */
#leaders-carousel .leader__info .close,
#trend-carousel .leader__info .close {
  display: none;
}
/* line 246, sass/templates/_about_template.scss */
#leaders-carousel .leader__info:before,
#trend-carousel .leader__info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -1;
  background: #E60073;
}
/* line 258, sass/templates/_about_template.scss */
#leaders-carousel .leader__info-return,
#trend-carousel .leader__info-return {
  background: #E60073;
  height: 60px;
  padding: 0 19px;
  width: 190px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 270, sass/templates/_about_template.scss */
#leaders-carousel .leader__info__name,
#trend-carousel .leader__info__name {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  color: #000;
}
@media only screen and (min-width: 1951px) {
  /* line 270, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__name,
  #trend-carousel .leader__info__name {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 270, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__name,
  #trend-carousel .leader__info__name {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 275, sass/templates/_about_template.scss */
#leaders-carousel .leader__info__title,
#trend-carousel .leader__info__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #000;
}
@media only screen and (min-width: 1951px) {
  /* line 275, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__title,
  #trend-carousel .leader__info__title {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 275, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__title,
  #trend-carousel .leader__info__title {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 281, sass/templates/_about_template.scss */
#leaders-carousel .leader__info__button,
#trend-carousel .leader__info__button {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
  color: #E60073;
  text-decoration: none;
}
@media only screen and (min-width: 1951px) {
  /* line 281, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__button,
  #trend-carousel .leader__info__button {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 281, sass/templates/_about_template.scss */
  #leaders-carousel .leader__info__button,
  #trend-carousel .leader__info__button {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 287, sass/templates/_about_template.scss */
#leaders-carousel .leader__info__button:after,
#trend-carousel .leader__info__button:after {
  content: "";
  background: url(images/Shape.svg) no-repeat center;
  width: 20px;
  height: 8px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 8px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/* line 300, sass/templates/_about_template.scss */
#leaders-carousel .leader__info__button--back:after,
#trend-carousel .leader__info__button--back:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 20px;
}
/* line 312, sass/templates/_about_template.scss */
#leaders-carousel .leader:hover .leader__info:before,
#trend-carousel .leader:hover .leader__info:before {
  width: 100%;
}
/* line 314, sass/templates/_about_template.scss */
#leaders-carousel .leader:hover .leader__info__title, #leaders-carousel .leader:hover .leader__info__name, #leaders-carousel .leader:hover .leader__info__button,
#trend-carousel .leader:hover .leader__info__title,
#trend-carousel .leader:hover .leader__info__name,
#trend-carousel .leader:hover .leader__info__button {
  color: #fff;
}
/* line 319, sass/templates/_about_template.scss */
#leaders-carousel .leader:hover .leader__info__button:after,
#trend-carousel .leader:hover .leader__info__button:after {
  background-image: url(images/Shape-white.svg);
  -moz-transform: translate(10px);
  -ms-transform: translate(10px);
  -webkit-transform: translate(10px);
  transform: translate(10px);
}
/* line 325, sass/templates/_about_template.scss */
#leaders-carousel .leader:hover .leader__info__button--back:after,
#trend-carousel .leader:hover .leader__info__button--back:after {
  -moz-transform: rotate(180deg) translate(10px);
  -ms-transform: rotate(180deg) translate(10px);
  -webkit-transform: rotate(180deg) translate(10px);
  transform: rotate(180deg) translate(10px);
}
/* line 335, sass/templates/_about_template.scss */
#leaders-carousel .leader__description,
#trend-carousel .leader__description {
  padding: 46px 15px 0 15px;
  position: relative;
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 335, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description,
  #trend-carousel .leader__description {
    padding: 64px 63px 37px 37px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 335, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description,
  #trend-carousel .leader__description {
    padding: 30px 63px 30px 120px;
  }
}
/* line 347, sass/templates/_about_template.scss */
#leaders-carousel .leader__description__name,
#trend-carousel .leader__description__name {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 6px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 347, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__name,
  #trend-carousel .leader__description__name {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 347, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__name,
  #trend-carousel .leader__description__name {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 347, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__name,
  #trend-carousel .leader__description__name {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 352, sass/templates/_about_template.scss */
#leaders-carousel .leader__description__name:before,
#trend-carousel .leader__description__name:before {
  content: "";
  width: 80px;
  height: 6px;
  background: #fc9318;
  display: block;
  margin-bottom: 15px;
}
/* line 363, sass/templates/_about_template.scss */
#leaders-carousel .leader__description .close-icon,
#trend-carousel .leader__description .close-icon {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 20px;
  top: 0px;
  display: none;
  cursor: pointer;
  z-index: 99;
}
@media only screen and (min-width: 551px) {
  /* line 363, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description .close-icon,
  #trend-carousel .leader__description .close-icon {
    display: block;
  }
}
/* line 378, sass/templates/_about_template.scss */
#leaders-carousel .leader__description .close-icon:before, #leaders-carousel .leader__description .close-icon:after,
#trend-carousel .leader__description .close-icon:before,
#trend-carousel .leader__description .close-icon:after {
  content: "";
  background: #E60073;
  height: 4px;
  width: 30px;
  position: absolute;
  top: 19px;
  left: 4px;
}
/* line 388, sass/templates/_about_template.scss */
#leaders-carousel .leader__description .close-icon:before,
#trend-carousel .leader__description .close-icon:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 392, sass/templates/_about_template.scss */
#leaders-carousel .leader__description .close-icon:after,
#trend-carousel .leader__description .close-icon:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 396, sass/templates/_about_template.scss */
#leaders-carousel .leader__description__title,
#trend-carousel .leader__description__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 28px;
}
@media only screen and (min-width: 1951px) {
  /* line 396, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__title,
  #trend-carousel .leader__description__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 396, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__title,
  #trend-carousel .leader__description__title {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 401, sass/templates/_about_template.scss */
#leaders-carousel .leader__description__description,
#trend-carousel .leader__description__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 28px;
}
@media only screen and (min-width: 1951px) {
  /* line 401, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__description,
  #trend-carousel .leader__description__description {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 401, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__description,
  #trend-carousel .leader__description__description {
    font-size: 30px;
    line-height: 40px;
  }
}
#leaders-carousel .leader__description__connect,
#trend-carousel .leader__description__connect {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1951px) {
  #leaders-carousel .leader__description__connect,
  #trend-carousel .leader__description__connect {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  #leaders-carousel .leader__description__connect,
  #trend-carousel .leader__description__connect {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 405, sass/templates/_about_template.scss */
#leaders-carousel .leader__description__button,
#trend-carousel .leader__description__button {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
  color: #E60073;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 27px;
}
@media only screen and (min-width: 1951px) {
  /* line 405, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__button,
  #trend-carousel .leader__description__button {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 405, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__button,
  #trend-carousel .leader__description__button {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 405, sass/templates/_about_template.scss */
  #leaders-carousel .leader__description__button,
  #trend-carousel .leader__description__button {
    display: none;
  }
}
/* line 422, sass/templates/_about_template.scss */
#leaders-carousel .leader.active,
#trend-carousel .leader.active {
  width: 100vw;
  flex-direction: column;
  align-items: start;
}
@media only screen and (min-width: 551px) {
  /* line 422, sass/templates/_about_template.scss */
  #leaders-carousel .leader.active,
  #trend-carousel .leader.active {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 422, sass/templates/_about_template.scss */
  #leaders-carousel .leader.active,
  #trend-carousel .leader.active {
    width: calc(100vw - 100vw * 0.2);
  }
}
@media only screen and (max-width: 550px) {
  /* line 435, sass/templates/_about_template.scss */
  #leaders-carousel .leader.active .leader__info,
  #trend-carousel .leader.active .leader__info {
    top: 400px;
    bottom: auto;
  }
}
/* line 441, sass/templates/_about_template.scss */
#leaders-carousel .leader.active .leader__info > *,
#trend-carousel .leader.active .leader__info > * {
  display: none;
}
/* line 445, sass/templates/_about_template.scss */
#leaders-carousel .leader.active .leader__info .close,
#trend-carousel .leader.active .leader__info .close {
  display: block;
}

@media only screen and (min-width: 551px) {
  /* line 455, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo {
    width: 391px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 455, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo {
    width: 391px;
    height: 510px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 455, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo {
    width: 391px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 455, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo {
    width: 391px;
  }
}
/* line 470, sass/templates/_about_template.scss */
#trend-carousel .leader__photo .trend-number {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-weight: bold;
  font-size: 500px;
  position: absolute;
  left: 73px;
  bottom: auto;
  top: -81px;
}
/* line 481, sass/templates/_about_template.scss */
#trend-carousel .leader__photo .trend-text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 88px;
  position: absolute;
  left: 18px;
  bottom: auto;
  top: 173px;
}
/* line 489, sass/templates/_about_template.scss */
#trend-carousel .leader__photo .trend-text__number {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #E60073;
  display: block;
}
@media (max-width: 549px) {
  /* line 455, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo {
    width: 320px;
  }
  /* line 500, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo .trend-number {
    font-size: 400px;
    bottom: auto;
    top: -51px;
  }
  /* line 506, sass/templates/_about_template.scss */
  #trend-carousel .leader__photo .trend-text {
    font-size: 68px;
    bottom: auto;
    top: 153px;
  }
}
/* line 514, sass/templates/_about_template.scss */
#trend-carousel .leader__info {
  width: 319px;
}
/* line 518, sass/templates/_about_template.scss */
#trend-carousel .leader__info__button .teaser {
  color: #000000;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 17px;
  line-height: 25px;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 549px) {
  /* line 514, sass/templates/_about_template.scss */
  #trend-carousel .leader__info {
    width: 300px;
    left: 10px;
  }
}
/* line 535, sass/templates/_about_template.scss */
#trend-carousel .leader__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  padding-left: 320px;
}
/* line 538, sass/templates/_about_template.scss */
#trend-carousel .leader__description__title {
  font-size: 27px;
  line-height: 35px;
  padding: 0px;
  margin-bottom: 40px;
  position: relative;
}
/* line 545, sass/templates/_about_template.scss */
#trend-carousel .leader__description__title:before {
  content: '';
  position: absolute;
  left: 0px;
  top: -18px;
  width: 120px;
  height: 6px;
  background: #FC9318;
}
/* line 555, sass/templates/_about_template.scss */
#trend-carousel .leader__description__description {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 44px;
}
@media (max-width: 549px) {
  /* line 535, sass/templates/_about_template.scss */
  #trend-carousel .leader__description {
    padding-left: 15px;
  }
}
/* line 566, sass/templates/_about_template.scss */
#trend-carousel .leader .stats {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  text-align: center;
}
/* line 572, sass/templates/_about_template.scss */
#trend-carousel .leader .stats__title {
  color: #E60073;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 61px;
}

/* line 583, sass/templates/_about_template.scss */
.open-state .slick-dots, .open-state .slick-prev, .open-state .slick-next {
  display: none !important;
}

/* line 4, sass/components/_footer.scss */
.footer {
  width: 100%;
  height: 630px;
  background: #22282C;
  text-align: center;
  color: white;
  padding: 0;
  background-size: auto 75%;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-top: 40px;
}
@media only screen and (min-width: 551px) {
  /* line 4, sass/components/_footer.scss */
  .footer {
    height: 310px;
    margin-top: 83px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 4, sass/components/_footer.scss */
  .footer {
    height: 480px;
    margin-top: 103px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 4, sass/components/_footer.scss */
  .footer {
    height: 544px;
    margin-top: 103px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 4, sass/components/_footer.scss */
  .footer {
    height: 613px;
    margin-top: 123px;
  }
}
/* line 23, sass/components/_footer.scss */
.footer.portfolio-footer {
  padding-top: 55px;
  padding-bottom: 55px;
  margin-top: 0;
}
/* line 28, sass/components/_footer.scss */
.footer.portfolio-footer .logo {
  margin-bottom: 0;
}
/* line 31, sass/components/_footer.scss */
.footer.portfolio-footer .copy {
  margin-top: 60px;
}
/* line 34, sass/components/_footer.scss */
.footer.portfolio-footer .contact__card__title {
  margin-bottom: 12px;
}
/* line 37, sass/components/_footer.scss */
.footer.portfolio-footer p {
  line-height: 48px;
}
/* line 40, sass/components/_footer.scss */
.footer.portfolio-footer .periscope-description {
  margin-top: 40px;
}
/* line 45, sass/components/_footer.scss */
.footer .logo {
  margin-bottom: 13px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
/* line 49, sass/components/_footer.scss */
.footer .logo span {
  font-size: 27px;
  line-height: 33px;
}
@media only screen and (min-width: 1201px) {
  /* line 49, sass/components/_footer.scss */
  .footer .logo span {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 49, sass/components/_footer.scss */
  .footer .logo span {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 57, sass/components/_footer.scss */
.footer .footer-info {
  padding: 10px 0;
}
@media only screen and (min-width: 551px) {
  /* line 57, sass/components/_footer.scss */
  .footer .footer-info {
    padding: 0;
  }
}
/* line 63, sass/components/_footer.scss */
.footer .footer-info > div {
  padding: 0;
  margin: 0 15px;
}
@media only screen and (min-width: 1201px) {
  /* line 63, sass/components/_footer.scss */
  .footer .footer-info > div {
    max-width: calc(41.666667% - 18px);
  }
  /* line 70, sass/components/_footer.scss */
  .footer .footer-info > div:first-child {
    text-align: left;
  }
  /* line 73, sass/components/_footer.scss */
  .footer .footer-info > div:last-child {
    display: flex;
    justify-content: flex-end;
  }
}
/* line 80, sass/components/_footer.scss */
.footer .footer-info .col-md-5 {
  display: flex;
  flex-direction: column;
  align-items: center !important;
}
@media only screen and (min-width: 1201px) {
  /* line 80, sass/components/_footer.scss */
  .footer .footer-info .col-md-5 {
    display: block;
    flex-direction: row;
    align-items: flex-end !important;
  }
}
/* line 91, sass/components/_footer.scss */
.footer .footer-info .logo {
  order: 2;
  margin: 60px 0 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 91, sass/components/_footer.scss */
  .footer .footer-info .logo {
    margin: 0;
  }
}
/* line 99, sass/components/_footer.scss */
.footer .footer-info .copy {
  order: 1;
  margin-top: 0;
  padding: 0 20px;
  text-align: left;
}
@media only screen and (min-width: 1201px) {
  /* line 99, sass/components/_footer.scss */
  .footer .footer-info .copy {
    width: 80%;
    display: block;
    margin-top: 60px;
    padding: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1201px) {
  /* line 99, sass/components/_footer.scss */
  .footer .footer-info .copy {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 99, sass/components/_footer.scss */
  .footer .footer-info .copy {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 99, sass/components/_footer.scss */
  .footer .footer-info .copy {
    font-size: 18px;
    line-height: 26px;
  }
}

/* line 114, sass/components/_footer.scss */
.footer .footer-info .copy .periscope-description {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 114, sass/components/_footer.scss */
  .footer .footer-info .copy .periscope-description {
    display: block;
  }
}
/* line 123, sass/components/_footer.scss */
.footer .footer-links {
  margin-top: 20px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  padding: 0;
}
/* line 128, sass/components/_footer.scss */
.footer .footer-links li {
  display: inline-block;
  padding-left: 18px;
}
/* line 132, sass/components/_footer.scss */
.footer .footer-links li:first-child {
  padding-left: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 132, sass/components/_footer.scss */
  .footer .footer-links li:first-child {
    padding-left: 18px;
  }
}
/* line 141, sass/components/_footer.scss */
.footer .footer-links a {
  color: white;
  text-decoration: none;
}
/* line 145, sass/components/_footer.scss */
.footer .footer-links a:hover {
  opacity: 0.63;
}
/* line 150, sass/components/_footer.scss */
.footer .footer-links img:hover {
  opacity: 0.63;
}
/* line 155, sass/components/_footer.scss */
.footer .footer-links--first li {
  padding: 0 10px;
}
/* line 160, sass/components/_footer.scss */
.footer .footer-nav {
  height: 148px;
  width: 100%;
  border-top: 2px solid white;
  position: relative;
  overflow: hidden;
  padding: 0;
}
/* line 170, sass/components/_footer.scss */
.footer .footer-nav:hover .footer-nav-title.is-pink {
  background: rgba(186, 0, 92, 0.85);
}
/* line 174, sass/components/_footer.scss */
.footer .footer-nav:hover .footer-nav-title.is-orange {
  background: rgba(221, 124, 9, 0.85);
}
@media only screen and (min-width: 551px) {
  /* line 160, sass/components/_footer.scss */
  .footer .footer-nav {
    border: none;
    top: -43px;
    position: relative;
    margin: 0 15px;
    max-width: calc(41.666667% - 18px);
  }
}
@media only screen and (min-width: 551px) {
  /* line 160, sass/components/_footer.scss */
  .footer .footer-nav {
    height: 141px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 160, sass/components/_footer.scss */
  .footer .footer-nav {
    height: 298px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 160, sass/components/_footer.scss */
  .footer .footer-nav {
    height: 359px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 160, sass/components/_footer.scss */
  .footer .footer-nav {
    height: 412px;
  }
}
/* line 193, sass/components/_footer.scss */
.footer .footer-nav img {
  width: 100%;
}
@media only screen and (min-width: 551px) {
  /* line 193, sass/components/_footer.scss */
  .footer .footer-nav img {
    height: 100%;
    width: auto;
    text-align: left;
    min-width: 100%;
  }
}
/* line 204, sass/components/_footer.scss */
.footer .footer-nav .footer-nav-title {
  min-width: 43.3%;
  height: 36%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
/* line 216, sass/components/_footer.scss */
.footer .footer-nav .footer-nav-title h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  padding: 0 10px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 216, sass/components/_footer.scss */
  .footer .footer-nav .footer-nav-title h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 216, sass/components/_footer.scss */
  .footer .footer-nav .footer-nav-title h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 216, sass/components/_footer.scss */
  .footer .footer-nav .footer-nav-title h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 222, sass/components/_footer.scss */
.footer .footer-nav .footer-nav-title.is-pink {
  background: rgba(230, 0, 115, 0.85);
}
/* line 226, sass/components/_footer.scss */
.footer .footer-nav .footer-nav-title.is-orange {
  background: rgba(252, 147, 24, 0.85);
}

/* line 2, sass/components/_parallax.scss */
.parallax {
  position: relative;
  height: 47.5vw;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .parallax {
    height: 70vh;
  }
}
@media only screen and (min-width: 551px) {
  /* line 2, sass/components/_parallax.scss */
  .parallax {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 2, sass/components/_parallax.scss */
  .parallax {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 2, sass/components/_parallax.scss */
  .parallax {
    margin-bottom: 160px;
  }
}
/* line 11, sass/components/_parallax.scss */
.parallax__container {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 20, sass/components/_parallax.scss */
.parallax__background {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transform: translateZ(0);
  will-change: transform;
}

/* line 2, sass/components/_statistics.scss */
/* .statistics-bg {
  background-color: #fff;
} */

/* line 5, sass/components/_statistics.scss */
.statistic {
  text-align: center;
  margin-bottom: 100px;
}
@media only screen and (min-width: 551px) {
  /* line 5, sass/components/_statistics.scss */
  .statistic {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 5, sass/components/_statistics.scss */
  .statistic {
    margin-top: 180px;
    margin-bottom: 180px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 5, sass/components/_statistics.scss */
  .statistic {
    margin-top: 240px;
    margin-bottom: 240px;
  }
}
/* line 26, sass/components/_statistics.scss */
.statistic__component {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 308px;
}
@media only screen and (min-width: 1201px) {
  /* line 26, sass/components/_statistics.scss */
  .statistic__component {
    max-width: none;
    width: 33%;
    margin-top: 0;
    padding: 0px 15px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 26, sass/components/_statistics.scss */
  .statistic__component {
    width: 33%;
    margin-top: 0;
    padding: 0px 80px;
  }
}
/* line 43, sass/components/_statistics.scss */
.statistic__number {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 7.5rem;
  line-height: 8.125rem;
  margin-bottom: 20px;
  display: inline-flex;
}
@media screen and (max-width: 768px) {
  .statistic__number {
    font-size: 5rem;
    line-height: 6.25rem;
  }
}
.statistic__number span {
  font-weight: 700;
}
/* line 48, sass/components/_statistics.scss */
.statistic__description {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
}
/* line 56, sass/components/_statistics.scss */
.statistic__endHidden {
  display: none;
}

/* line 3, sass/components/_two_columns.scss */
.animation-element {
  width: 0;
  height: 6px;
  background: #FC9318;
  margin-bottom: 20px;
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/components/_two_columns.scss */
  .animation-element {
    height: 12px;
  }
}

/* line 14, sass/components/_two_columns.scss */
.two_columns {
  margin: 0 auto;
  padding: 0 22px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 551px) {
  /* line 14, sass/components/_two_columns.scss */
  .two_columns {
    padding: 0;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 14, sass/components/_two_columns.scss */
  .two_columns {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 14, sass/components/_two_columns.scss */
  .two_columns {
    margin-bottom: 80px;
  }
}
/* line 22, sass/components/_two_columns.scss */
.two_columns--2c {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 22, sass/components/_two_columns.scss */
  .two_columns--2c {
    margin-bottom: 80px;
    padding: 0;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 22, sass/components/_two_columns.scss */
  .two_columns--2c {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 22, sass/components/_two_columns.scss */
  .two_columns--2c {
    margin-bottom: 160px;
  }
}
/* line 29, sass/components/_two_columns.scss */
.two_columns h4 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1201px) {
  /* line 29, sass/components/_two_columns.scss */
  .two_columns h4 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 29, sass/components/_two_columns.scss */
  .two_columns h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 29, sass/components/_two_columns.scss */
  .two_columns h4 {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 33, sass/components/_two_columns.scss */
.two_columns__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1951px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 551px) {
  /* line 33, sass/components/_two_columns.scss */
  .two_columns__text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 551px) {
  /* line 42, sass/components/_two_columns.scss */
  .two_columns .col-sm + .col-sm {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 42, sass/components/_two_columns.scss */
  .two_columns .col-sm + .col-sm {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 42, sass/components/_two_columns.scss */
  .two_columns .col-sm + .col-sm {
    padding-left: 15px;
    padding-right: 30px;
  }
}
/* line 47, sass/components/_two_columns.scss */
.two_columns .col-sm + .col-sm p {
  margin-bottom: 0;
}

/* line 1, sass/components/_headline_with_video_background.scss */
.headline_with_video_background {
  margin-top: 0px;
  margin-bottom: 20px;
  background: #000;
  position: relative;
  overflow: hidden;
}
/* line 8, sass/components/_headline_with_video_background.scss */
.headline_with_video_background .content-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* line 14, sass/components/_headline_with_video_background.scss */
.headline_with_video_background h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 1.25em;
  color: #fff;
}
/* line 20, sass/components/_headline_with_video_background.scss */
.headline_with_video_background h1 .small {
  display: block;
  font-size: 0.3375em;
  line-height: 1.3em;
  font-weight: normal;
}
@media only screen and (min-width: 551px) {
  /* line 14, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background h1 {
    font-size: 80px;
  }
}
/* line 32, sass/components/_headline_with_video_background.scss */
.headline_with_video_background video {
  position: absolute;
  min-height: 90vh;
  min-width: 100%;
}
/* line 38, sass/components/_headline_with_video_background.scss */
.headline_with_video_background__content {
  height: 90vh;
  max-width: 100%;
  padding: 0 40px;
}
/* line 44, sass/components/_headline_with_video_background.scss */
.headline_with_video_background--spaced-bottom {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 44, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 44, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-bottom {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 44, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-bottom {
    margin-bottom: 160px;
  }
}
/* line 52, sass/components/_headline_with_video_background.scss */
.headline_with_video_background--spaced-top {
  margin-top: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 52, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-top {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 52, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-top {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 52, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background--spaced-top {
    margin-top: 160px;
  }
}
/* line 60, sass/components/_headline_with_video_background.scss */
.headline_with_video_background__caption {
  font-size: 14px;
  line-height: 19px;
  margin-top: 20px;
  padding: 0 20px 20px;
  padding-right: 16.66667%;
  border-bottom: 2px solid #979797;
}
@media only screen and (min-width: 1201px) {
  /* line 60, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background__caption {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 60, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background__caption {
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 81, sass/components/_headline_with_video_background.scss */
.headline_with_video_background a.primary-button {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  background: #E60073;
  border: none !important;
  color: white;
  margin-top: 50px;
  padding: 10px 50px;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (min-width: 1201px) {
  /* line 81, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background a.primary-button {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 81, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background a.primary-button {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 81, sass/components/_headline_with_video_background.scss */
  .headline_with_video_background a.primary-button {
    font-size: 18px;
    line-height: 26px;
  }
}
/* line 91, sass/components/_headline_with_video_background.scss */
.headline_with_video_background a.primary-button:hover {
  background-color: #BA005C;
}

/* line 96, sass/components/_headline_with_video_background.scss */
.case_study-template-portfolio-home-template .headline_with_video_background {
  margin-bottom: 0px;
}

/* line 3, sass/components/_image_and_text_combo.scss */
.text_combo {
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (min-width: 551px) {
  /* line 3, sass/components/_image_and_text_combo.scss */
  .text_combo {
    margin-bottom: 160px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/components/_image_and_text_combo.scss */
  .text_combo {
    margin-bottom: 240px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/components/_image_and_text_combo.scss */
  .text_combo {
    margin-bottom: 320px;
  }
}
/* line 20, sass/components/_image_and_text_combo.scss */
.text_combo__img-responsive {
  width: 100%;
}
/* line 23, sass/components/_image_and_text_combo.scss */
.text_combo h3 {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  margin-top: 60px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 23, sass/components/_image_and_text_combo.scss */
  .text_combo h3 {
    margin-top: 160px;
  }
}
/* line 38, sass/components/_image_and_text_combo.scss */
.text_combo p {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1951px) {
  /* line 38, sass/components/_image_and_text_combo.scss */
  .text_combo p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 38, sass/components/_image_and_text_combo.scss */
  .text_combo p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 38, sass/components/_image_and_text_combo.scss */
  .text_combo p {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 38, sass/components/_image_and_text_combo.scss */
  .text_combo p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 38, sass/components/_image_and_text_combo.scss */
  .text_combo p {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 551px) {
  /* line 44, sass/components/_image_and_text_combo.scss */
  .text_combo .text_combo__image {
    padding: 0;
  }
}
/* line 47, sass/components/_image_and_text_combo.scss */
.text_combo .text_combo__description {
  padding: 0 20px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 551px) {
  /* line 47, sass/components/_image_and_text_combo.scss */
  .text_combo .text_combo__description {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 47, sass/components/_image_and_text_combo.scss */
  .text_combo .text_combo__description {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 47, sass/components/_image_and_text_combo.scss */
  .text_combo .text_combo__description {
    margin-bottom: 80px;
  }
}
/* line 56, sass/components/_image_and_text_combo.scss */
.text_combo img {
  filter: drop-shadow(7px 19px 24px rgba(0, 0, 0, 0.22));
  margin-bottom: -60px;
}
@media only screen and (min-width: 551px) {
  /* line 56, sass/components/_image_and_text_combo.scss */
  .text_combo img {
    margin-bottom: -80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 56, sass/components/_image_and_text_combo.scss */
  .text_combo img {
    margin-bottom: -120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 56, sass/components/_image_and_text_combo.scss */
  .text_combo img {
    margin-bottom: -160px;
  }
}

/* line 1, sass/components/_image_video.scss */
.image_video {
  margin-top: 0px;
  margin-bottom: 20px;
}
/* line 5, sass/components/_image_video.scss */
.image_video--spaced-bottom {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 5, sass/components/_image_video.scss */
  .image_video--spaced-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 5, sass/components/_image_video.scss */
  .image_video--spaced-bottom {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 5, sass/components/_image_video.scss */
  .image_video--spaced-bottom {
    margin-bottom: 160px;
  }
}
/* line 13, sass/components/_image_video.scss */
.image_video--spaced-top {
  margin-top: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 13, sass/components/_image_video.scss */
  .image_video--spaced-top {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 13, sass/components/_image_video.scss */
  .image_video--spaced-top {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 13, sass/components/_image_video.scss */
  .image_video--spaced-top {
    margin-top: 160px;
  }
}
/* line 22, sass/components/_image_video.scss */
.image_video--has-mobile .primary-image {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 22, sass/components/_image_video.scss */
  .image_video--has-mobile .primary-image {
    display: block;
  }
}
/* line 27, sass/components/_image_video.scss */
.image_video--has-mobile .mobile-image {
  display: block;
}
@media only screen and (min-width: 551px) {
  /* line 27, sass/components/_image_video.scss */
  .image_video--has-mobile .mobile-image {
    display: none;
  }
}
/* line 33, sass/components/_image_video.scss */
.image_video__caption {
  font-size: 14px;
  line-height: 19px;
  margin-top: 20px;
  padding: 0 20px 20px;
  padding-right: 16.66667%;
  border-bottom: 2px solid #979797;
}
@media only screen and (min-width: 1201px) {
  /* line 33, sass/components/_image_video.scss */
  .image_video__caption {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 33, sass/components/_image_video.scss */
  .image_video__caption {
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 54, sass/components/_image_video.scss */
.image_video__content {
  padding: 0 20px;
}
@media only screen and (min-width: 551px) {
  /* line 54, sass/components/_image_video.scss */
  .image_video__content {
    padding: 0;
  }
}
/* line 59, sass/components/_image_video.scss */
.image_video .video__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}
/* line 64, sass/components/_image_video.scss */
.image_video .video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 73, sass/components/_image_video.scss */
.image_video img {
  width: 100%;
}

/* line 1, sass/components/_quote.scss */
.quote {
  padding: 0 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 1201px) {
  /* line 1, sass/components/_quote.scss */
  .quote {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 1, sass/components/_quote.scss */
  .quote {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* line 10, sass/components/_quote.scss */
.quote--spaced-top {
  margin-top: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 10, sass/components/_quote.scss */
  .quote--spaced-top {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 10, sass/components/_quote.scss */
  .quote--spaced-top {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 10, sass/components/_quote.scss */
  .quote--spaced-top {
    margin-top: 160px;
  }
}
/* line 17, sass/components/_quote.scss */
.quote--spaced-bottom {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 17, sass/components/_quote.scss */
  .quote--spaced-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 17, sass/components/_quote.scss */
  .quote--spaced-bottom {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 17, sass/components/_quote.scss */
  .quote--spaced-bottom {
    margin-bottom: 160px;
  }
}
/* line 25, sass/components/_quote.scss */
.quote__text {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 38px;
  display: block;
}
/* line 31, sass/components/_quote.scss */
.quote__author {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .2em;
  text-transform: uppercase;
  display: block;
  margin-top: 2rem;
}
/* line 43, sass/components/_quote.scss */
.quote .orange_lines {
  margin-bottom: 0;
  padding: 0;
}
/* line 47, sass/components/_quote.scss */
.quote .orange_lines .col {
  padding: 0;
}
/* line 49, sass/components/_quote.scss */
.quote .orange_lines .col:first-child {
  flex: 0 0 46px;
  width: 46px;
  padding-right: 10px;
}
@media only screen and (min-width: 551px) {
  /* line 49, sass/components/_quote.scss */
  .quote .orange_lines .col:first-child {
    flex: 0 0 135px;
    width: 135px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 49, sass/components/_quote.scss */
  .quote .orange_lines .col:first-child {
    flex: 0 0 140px;
    width: 140px;
    padding-right: 45px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 49, sass/components/_quote.scss */
  .quote .orange_lines .col:first-child {
    flex: 0 0 160px;
    width: 160px;
    padding-right: 65px;
  }
}
/* line 73, sass/components/_quote.scss */
.quote .orange_lines .animation-element {
  max-width: 100%;
  margin-top: 15px;
}

/* line 3, sass/components/_text.scss */
/* .styled_text {
  margin-top: 20px;
  margin-bottom: 20px;
} */
@media only screen and (min-width: 1201px) {
  /* line 3, sass/components/_text.scss */
  /* .styled_text {
    margin-top: 30px;
    margin-bottom: 30px;
  } */
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/components/_text.scss */
  .styled_text {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* line 9, sass/components/_text.scss */
.styled_text--no-margin {
  margin-top: 0 !important;
}
/* line 11, sass/components/_text.scss */
.styled_text--spaced-top {
  margin-top: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 11, sass/components/_text.scss */
  .styled_text--spaced-top {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 11, sass/components/_text.scss */
  .styled_text--spaced-top {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 11, sass/components/_text.scss */
  .styled_text--spaced-top {
    margin-top: 160px;
  }
}
/* line 18, sass/components/_text.scss */
.styled_text--spaced-bottom {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 18, sass/components/_text.scss */
  .styled_text--spaced-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 18, sass/components/_text.scss */
  .styled_text--spaced-bottom {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 18, sass/components/_text.scss */
  .styled_text--spaced-bottom {
    margin-bottom: 160px;
  }
}
/* line 26, sass/components/_text.scss */
.styled_text--body1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 1951px) {
  /* line 26, sass/components/_text.scss */
  .styled_text--body1 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 26, sass/components/_text.scss */
  .styled_text--body1 {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 30, sass/components/_text.scss */
.styled_text--body2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 38px;
}
/* line 35, sass/components/_text.scss */
.styled_text--h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #ffffff;
}
/* line 39, sass/components/_text.scss */
.styled_text--h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
}
@media only screen and (min-width: 1201px) {
  /* line 39, sass/components/_text.scss */
  .styled_text--h1 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 39, sass/components/_text.scss */
  .styled_text--h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 39, sass/components/_text.scss */
  .styled_text--h1 {
    font-size: 130px;
    line-height: 140px;
  }
}

/* line 47, sass/components/_text.scss */
.page-template-portfolio-template .widget_black_studio_tinymce,
.page-template-portfolio-home-template .widget_black_studio_tinymce {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 550px) {
  /* line 47, sass/components/_text.scss */
  .page-template-portfolio-template .widget_black_studio_tinymce,
  .page-template-portfolio-home-template .widget_black_studio_tinymce {
    max-width: 768px;
  }
}
@media (min-width: 1200px) {
  /* line 47, sass/components/_text.scss */
  .page-template-portfolio-template .widget_black_studio_tinymce,
  .page-template-portfolio-home-template .widget_black_studio_tinymce {
    max-width: 1650px;
  }
}
@media (min-width: 1950px) {
  /* line 47, sass/components/_text.scss */
  .page-template-portfolio-template .widget_black_studio_tinymce,
  .page-template-portfolio-home-template .widget_black_studio_tinymce {
    max-width: 1900px;
  }
}
@media (min-width: 2700px) {
  /* line 47, sass/components/_text.scss */
  .page-template-portfolio-template .widget_black_studio_tinymce,
  .page-template-portfolio-home-template .widget_black_studio_tinymce {
    max-width: 2200px;
  }
}
/* line 71, sass/components/_text.scss */
.page-template-portfolio-template .styled_text,
.page-template-portfolio-home-template .styled_text {
  padding-right: 15px;
  padding-left: 15px;
}
/* line 75, sass/components/_text.scss */
.page-template-portfolio-template .styled_text--h3,
.page-template-portfolio-home-template .styled_text--h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 75, sass/components/_text.scss */
  .page-template-portfolio-template .styled_text--h3,
  .page-template-portfolio-home-template .styled_text--h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 75, sass/components/_text.scss */
  .page-template-portfolio-template .styled_text--h3,
  .page-template-portfolio-home-template .styled_text--h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 75, sass/components/_text.scss */
  .page-template-portfolio-template .styled_text--h3,
  .page-template-portfolio-home-template .styled_text--h3 {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 3, sass/components/_carousel.scss */
.carousel {
  list-style-type: none;
  position: relative;
  padding: 0;
  opacity: 0;
}
/* line 10, sass/components/_carousel.scss */
/* .carousel--main {
  bottom: -60px;
} */
@media only screen and (min-width: 551px) {
  /* line 10, sass/components/_carousel.scss */
  /* .carousel--main {
    bottom: -80px;
  } */
}
@media only screen and (min-width: 1201px) {
  /* line 10, sass/components/_carousel.scss */
  /* .carousel--main {
    bottom: -120px;
  } */
}
@media only screen and (min-width: 2701px) {
  /* line 10, sass/components/_carousel.scss */
  .carousel--main {
    bottom: -160px;
  }
}
/* line 17, sass/components/_carousel.scss */
.carousel--main .carousel__video {
  min-width: 50vw;
}
/* line 20, sass/components/_carousel.scss */
.carousel--main .single-video {
  min-width: calc(100vw*0.8333333 + 30px);
}
@media only screen and (min-width: 551px) {
  /* line 20, sass/components/_carousel.scss */
  .carousel--main .single-video {
    min-width: 1px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 25, sass/components/_carousel.scss */
  .carousel--main .slick-list {
    padding: 0 65px !important;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 25, sass/components/_carousel.scss */
  .carousel--main .slick-list {
    padding: 0 125px !important;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 25, sass/components/_carousel.scss */
  .carousel--main .slick-list {
    padding: 0 145px !important;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 25, sass/components/_carousel.scss */
  .carousel--main .slick-list {
    padding: 0 510px !important;
  }
}
/* line 33, sass/components/_carousel.scss */
.carousel:not(.carousel--main) {
  margin-bottom: 100px;
}
@media only screen and (min-width: 551px) {
  /* line 33, sass/components/_carousel.scss */
  .carousel:not(.carousel--main) {
    margin-bottom: 155px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 33, sass/components/_carousel.scss */
  .carousel:not(.carousel--main) {
    margin-bottom: 210px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 33, sass/components/_carousel.scss */
  .carousel:not(.carousel--main) {
    margin-bottom: 255px;
  }
}
/* line 40, sass/components/_carousel.scss */
.carousel .slick-slide {
  margin: 0 1rem;
  padding-left: 0;
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 551px) {
  /* line 40, sass/components/_carousel.scss */
  /* .carousel .slick-slide {
    padding: 0 5px;
  } */
}
@media only screen and (min-width: 1201px) {
  /* line 40, sass/components/_carousel.scss */
  /* .carousel .slick-slide {
    padding: 0 15px;
  } */
}
/* line 48, sass/components/_carousel.scss */
.carousel .single-image {
  float: none;
  margin: 0px auto !important;
}
/* line 53, sass/components/_carousel.scss */
.carousel .slick-track:hover {
  cursor: pointer;
}
/* line 58, sass/components/_carousel.scss */
.carousel img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
}
/* line 70, sass/components/_carousel.scss */
.carousel__control {
  height: 50px;
}
/* line 73, sass/components/_carousel.scss */
.carousel__control li {
  height: 50px;
  width: 50px;
  margin: 0 20px;
  background: white;
  display: inline-block;
}
/* line 82, sass/components/_carousel.scss */
.carousel .video__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}
/* line 87, sass/components/_carousel.scss */
.carousel .video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 97, sass/components/_carousel.scss */
.carousel__slide {
  min-height: 10px;
}
/* line 101, sass/components/_carousel.scss */
.carousel__slide-background {
  background-image: url("/wp-content/themes/periscope/images/stripe_tile.png");
  background-size: 4px;
  background-repeat: repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
/* line 111, sass/components/_carousel.scss */
.carousel__slide-wrapper {
  position: relative;
  height: 100%;
}

/* line 118, sass/components/_carousel.scss */
.slick-dots {
  position: absolute;
  bottom: -72px;
  right: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 118, sass/components/_carousel.scss */
  .slick-dots {
    bottom: -90px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 118, sass/components/_carousel.scss */
  .slick-dots {
    bottom: -120px;
  }
}
/* line 127, sass/components/_carousel.scss */
.slick-dots li {
  margin: 0 5px !important;
}
@media only screen and (min-width: 1951px) {
  /* line 127, sass/components/_carousel.scss */
  .slick-dots li {
    margin: 0 12px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 127, sass/components/_carousel.scss */
  .slick-dots li {
    width: 28px;
    height: 28px;
    margin: 0 25px;
  }
}
/* line 140, sass/components/_carousel.scss */
.slick-dots button:before {
  font-size: 12px !important;
  line-height: 24px !important;
  opacity: 1 !important;
  background: #22282C;
  border-radius: 100%;
  color: transparent !important;
  border: 2px solid #ffffff;
  width: 14px !important;
  height: 14px !important;
  top: 4px;
  left: 4px;
}
@media only screen and (min-width: 1951px) {
  /* line 140, sass/components/_carousel.scss */
  .slick-dots button:before {
    width: 16px !important;
    height: 16px !important;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 140, sass/components/_carousel.scss */
  .slick-dots button:before {
    width: 28px !important;
    height: 28px !important;
  }
}
/* line 165, sass/components/_carousel.scss */
.slick-dots .slick-active button:before {
  background: #ffffff;
}
@media only screen and (min-width: 2701px) {
  /* line 165, sass/components/_carousel.scss */
  .slick-dots .slick-active button:before {
    width: 28px;
    border-width: 6px;
    height: 28px;
    top: 0;
    left: 0;
  }
}

/* line 185, sass/components/_carousel.scss */
.single-news__content .slick-dots,
.single-news__content .slick-arrow {
  display: block !important;
}

/* line 191, sass/components/_carousel.scss */
.slick-prev {
  width: 50px;
  height: 50px;
  left: calc(50% - 135px);
  top: auto;
  bottom: -111px;
  z-index: 2;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 1201px) {
  /* line 191, sass/components/_carousel.scss */
  .slick-prev {
    bottom: -130px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 191, sass/components/_carousel.scss */
  .slick-prev {
    bottom: -153px;
  }
}
/* line 203, sass/components/_carousel.scss */
.slick-prev:before {
  content: "";
  color: #ffffff;
  border-style: solid;
  border-width: 0 3px 3px 0;
  padding: 5.5px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  position: absolute;
  top: 15px;
  right: 20px;
  opacity: 1;
}
@media only screen and (min-width: 2701px) {
  /* line 203, sass/components/_carousel.scss */
  .slick-prev:before {
    border-width: 0 5px 5px 0;
    padding: 8.5px;
  }
}

/* line 224, sass/components/_carousel.scss */
.slick-next {
  width: 50px;
  height: 50px;
  top: auto;
  bottom: -111px;
  z-index: 2;
  right: calc(50% - 135px);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 1201px) {
  /* line 224, sass/components/_carousel.scss */
  .slick-next {
    bottom: -130px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 224, sass/components/_carousel.scss */
  .slick-next {
    bottom: -153px;
  }
}
/* line 236, sass/components/_carousel.scss */
.slick-next.slide {
  -moz-transform: translate(21px, -25px);
  -ms-transform: translate(21px, -25px);
  -webkit-transform: translate(21px, -25px);
  transform: translate(21px, -25px);
}
/* line 240, sass/components/_carousel.scss */
.slick-next:before {
  content: "";
  color: #ffffff;
  border-style: solid;
  border-width: 0 3px 3px 0;
  padding: 5.5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: 15px;
  opacity: 1;
}
@media only screen and (min-width: 2701px) {
  /* line 240, sass/components/_carousel.scss */
  .slick-next:before {
    border-width: 0 5px 5px 0;
    padding: 8.5px;
  }
}

/* line 262, sass/components/_carousel.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1 !important;
}

/* line 266, sass/components/_carousel.scss */
.carousel_size {
  display: none;
}

/* line 270, sass/components/_carousel.scss */
[data-slick-index="-1"] {
  opacity: 0;
}

/* line 274, sass/components/_carousel.scss */
.slick-prev:hover {
  -moz-transform: translate(-10px, -25px);
  -ms-transform: translate(-10px, -25px);
  -webkit-transform: translate(-10px, -25px);
  transform: translate(-10px, -25px);
}

/* line 278, sass/components/_carousel.scss */
.slick-next:hover {
  -moz-transform: translate(10px, -25px);
  -ms-transform: translate(10px, -25px);
  -webkit-transform: translate(10px, -25px);
  transform: translate(10px, -25px);
}

/* line 282, sass/components/_carousel.scss */
.slide-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 294, sass/components/_carousel.scss */
.postid-5681 .carousel-widget .slick-slide {
  padding-bottom: 30px;
}
/* line 298, sass/components/_carousel.scss */
.postid-5681 .carousel-widget img {
  max-height: 430px;
  margin: 0 auto;
}

/* line 1, sass/components/_love_tiles.scss */
.love-tiles {
  background: #E60073 url("images/PeriscopePattern.svg") no-repeat;
  background-size: cover;
  padding: 60px 0 20px 0px;
  color: white;
  position: relative;
  overflow: hidden;
}
/* line 9, sass/components/_love_tiles.scss */
.love-tiles .slick-disabled {
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
@media only screen and (min-width: 551px) {
  /* line 1, sass/components/_love_tiles.scss */
  .love-tiles {
    padding: 80px 0 40px 0px;
    background-size: auto 100%;
    background-position-x: -150px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 1, sass/components/_love_tiles.scss */
  .love-tiles {
    padding: 120px 0 80px 0px;
    background-position-x: unset;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 1, sass/components/_love_tiles.scss */
  .love-tiles {
    padding: 160px 0 120px 0px;
    background-size: 1000px;
  }
}
/* line 30, sass/components/_love_tiles.scss */
.love-tiles__title {
  font-size: 27px;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 551px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    padding-left: 20px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 54px;
    padding-left: 0px;
    position: absolute;
    left: 65px;
    top: 80px;
    width: 200px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 1201px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 1951px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 2701px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    font-size: 130px;
    line-height: 140px;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    left: 140px;
    top: 103px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    left: 154px;
    top: 109px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 30, sass/components/_love_tiles.scss */
  .love-tiles__title {
    left: 525px;
    top: 150px;
    line-height: 130px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 52, sass/components/_love_tiles.scss */
  .love-tiles .slick-track {
    margin-left: 95px;
  }
}
@media (min-width: 1500px) {
  /* line 52, sass/components/_love_tiles.scss */
  .love-tiles .slick-track {
    margin-left: -108px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 52, sass/components/_love_tiles.scss */
  .love-tiles .slick-track {
    margin-left: -200px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 52, sass/components/_love_tiles.scss */
  .love-tiles .slick-track {
    margin-left: -145px;
  }
}
/* line 59, sass/components/_love_tiles.scss */
.love-tiles__subtitle {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  width: 168px;
  margin-bottom: 40px;
  padding-left: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    padding-left: 0px;
    position: absolute;
    left: 66px;
    top: 150px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    left: 140px;
    top: 225px;
    width: 290px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1951px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    left: 156px;
    top: 238px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 59, sass/components/_love_tiles.scss */
  .love-tiles__subtitle {
    left: 529px;
    top: 303px;
    width: 450px;
  }
}
/* line 79, sass/components/_love_tiles.scss */
.love-tiles .slick-list {
  overflow: visible;
}
@media only screen and (max-width: 550px) {
  /* line 79, sass/components/_love_tiles.scss */
  .love-tiles .slick-list {
    padding-left: 0 !important;
  }
}
/* line 84, sass/components/_love_tiles.scss */
.love-tiles__slide {
  height: 440px;
  max-width: 280px;
  margin-right: 10px;
  padding: 0;
  transition: transform 0.1s linear;
}
/* line 91, sass/components/_love_tiles.scss */
.love-tiles__slide:hover {
  cursor: pointer;
}
/* line 95, sass/components/_love_tiles.scss */
.love-tiles__slide:active {
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}
@media only screen and (min-width: 551px) {
  /* line 84, sass/components/_love_tiles.scss */
  .love-tiles__slide {
    margin-right: 20px;
    max-width: 313px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 84, sass/components/_love_tiles.scss */
  .love-tiles__slide {
    max-width: 334px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 84, sass/components/_love_tiles.scss */
  .love-tiles__slide {
    max-width: 383px;
    height: 513px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 84, sass/components/_love_tiles.scss */
  .love-tiles__slide {
    max-width: 444px;
    height: 586px;
    margin-right: 20px;
  }
}

/* line 109, sass/components/_love_tiles.scss */
.slide--article {
  background: white;
  color: black;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border-radius: 4px;
}
@media only screen and (min-width: 1201px) {
  /* line 109, sass/components/_love_tiles.scss */
  .slide--article {
    padding: 0px 24px;
  }
}
/* line 118, sass/components/_love_tiles.scss */
.slide--article__title, .slide--quote__title {
  font-size: 27px;
  line-height: 35px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  padding: 0 20px;
  color: black;
}
@media only screen and (min-width: 1201px) {
  /* line 118, sass/components/_love_tiles.scss */
  .slide--article__title, .slide--quote__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 118, sass/components/_love_tiles.scss */
  .slide--article__title, .slide--quote__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 118, sass/components/_love_tiles.scss */
  .slide--article__title, .slide--quote__title {
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 126, sass/components/_love_tiles.scss */
.slide--article__image {
  height: 200px;
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 4px 4px 0px 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 126, sass/components/_love_tiles.scss */
  .slide--article__image {
    margin: 0 -24px 25px -24px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 126, sass/components/_love_tiles.scss */
  .slide--article__image {
    height: 230px;
  }
}
/* line 136, sass/components/_love_tiles.scss */
.slide--article__image img {
  height: 100%;
  width: auto;
}
@media only screen and (min-width: 1951px) {
  /* line 136, sass/components/_love_tiles.scss */
  .slide--article__image img {
    height: auto;
    min-width: 100%;
  }
}
/* line 147, sass/components/_love_tiles.scss */
.slide--article__cta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: none;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  color: #E60073;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  cursor: pointer;
}
@media only screen and (min-width: 1951px) {
  /* line 147, sass/components/_love_tiles.scss */
  .slide--article__cta {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 147, sass/components/_love_tiles.scss */
  .slide--article__cta {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 147, sass/components/_love_tiles.scss */
  .slide--article__cta {
    bottom: 27px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 147, sass/components/_love_tiles.scss */
  .slide--article__cta {
    left: 45px;
  }
}
/* line 162, sass/components/_love_tiles.scss */
.slide--article__cta__internal-article:after {
  content: "";
  background: url(images/Shape.svg) no-repeat center;
  width: 20px;
  height: 8px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 8px;
}
/* line 172, sass/components/_love_tiles.scss */
.slide--article__cta__internal-article:hover:after {
  filter: saturate(65%);
}
/* line 174, sass/components/_love_tiles.scss */
.slide--article__cta__external-article:hover:after {
  filter: saturate(65%);
}
/* line 175, sass/components/_love_tiles.scss */
.slide--article__cta__external-article:after {
  content: "";
  background: url(images/external-article.svg) no-repeat center;
  background-size: 45%;
  width: 33px;
  height: 33px;
  display: inline-block;
  position: relative;
  top: 10px;
  margin-left: 8px;
}
/* line 189, sass/components/_love_tiles.scss */
.slide--quote {
  padding: 0px !important;
  border: 2px solid white;
  border-radius: 4px;
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: space-around;
}
/* line 197, sass/components/_love_tiles.scss */
.slide--quote:hover {
  cursor: auto;
}
/* line 201, sass/components/_love_tiles.scss */
.slide--quote:active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 205, sass/components/_love_tiles.scss */
.slide--quote__title {
  max-height: none !important;
  padding: 0px;
  color: white;
  margin-left: 40px;
  margin-right: 40px;
}
@media only screen and (min-width: 1201px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    font-size: 21px;
  }
}
@media (min-width: 1300px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1300px) and (min-width: 1201px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1300px) and (min-width: 1951px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1300px) and (min-width: 2701px) {
  /* line 205, sass/components/_love_tiles.scss */
  .slide--quote__title {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 225, sass/components/_love_tiles.scss */
.slide--quote__author {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
  display: block;
  margin-right: 40px;
  margin-left: 40px;
}
@media only screen and (min-width: 1951px) {
  /* line 225, sass/components/_love_tiles.scss */
  .slide--quote__author {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 225, sass/components/_love_tiles.scss */
  .slide--quote__author {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 225, sass/components/_love_tiles.scss */
  .slide--quote__author {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* line 237, sass/components/_love_tiles.scss */
.slide--quote__author:before {
  content: "- ";
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
/* line 243, sass/components/_love_tiles.scss */
.slide--quote:focus {
  outline: none;
}
/* line 248, sass/components/_love_tiles.scss */
.slide--video {
  overflow: hidden;
  position: relative;
}
/* line 252, sass/components/_love_tiles.scss */
.slide--video img {
  height: 100%;
  width: auto;
}
/* line 257, sass/components/_love_tiles.scss */
.slide--video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 68px;
  background: #FC9318;
  opacity: 0.9;
  color: white;
  border: none;
  cursor: pointer;
}
/* line 271, sass/components/_love_tiles.scss */
.slide--video__play span {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 31px solid white;
  height: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 286, sass/components/_love_tiles.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #22282C;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
  -webkit-transition-delay: 0s, 0s;
  transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}
/* line 295, sass/components/_love_tiles.scss */
.overlay.js-modal-show {
  opacity: .95;
  visibility: visible;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s, 0s;
  -o-transition-duration: 0.2s, 0s;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s;
}

/* line 303, sass/components/_love_tiles.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  visibility: hidden;
}
/* line 318, sass/components/_love_tiles.scss */
.modal.js-modal-appear {
  visibility: visible;
}
/* line 320, sass/components/_love_tiles.scss */
.modal.js-modal-appear .modal__body {
  -moz-animation: modalComeIn 0.25s ease;
  -webkit-animation: modalComeIn 0.25s ease;
  animation: modalComeIn 0.25s ease;
  visibility: visible;
  /* to keep @ final state */
}
/* line 325, sass/components/_love_tiles.scss */
.modal.js-modal-leave {
  visibility: visible;
}
/* line 327, sass/components/_love_tiles.scss */
.modal.js-modal-leave .modal__body {
  -moz-animation: modalHeadOut 0.35s ease 0.1s;
  -webkit-animation: modalHeadOut 0.35s ease 0.1s;
  animation: modalHeadOut 0.35s ease 0.1s;
  visibility: visible;
}

/* line 334, sass/components/_love_tiles.scss */
.modal__body {
  position: relative;
  min-width: 75%;
  margin: auto;
  visibility: hidden;
  padding: 50px;
  color: white;
}
/* line 342, sass/components/_love_tiles.scss */
.modal__body .video__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}
/* line 347, sass/components/_love_tiles.scss */
.modal__body .video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 356, sass/components/_love_tiles.scss */
.modal__body .close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 30px;
}

@-webkit-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@-moz-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
/* line 1, sass/components/_background_wrapper.scss */
.gradient_background {
  background: #e60073;
  background: linear-gradient(180deg, #e60073 0%, #fc9318 100%);
}

/* line 6, sass/components/_background_wrapper.scss */
.is-first-widget {
  margin-top: -120px;
  padding-top: 120px;
}

@media only screen and (min-width: 551px) {
  /* line 12, sass/components/_background_wrapper.scss */
  .is-first-widget {
    margin-top: -140px;
    padding-top: 140px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 19, sass/components/_background_wrapper.scss */
  .is-first-widget {
    margin-top: -180px;
    padding-top: 180px;
  }
}
/* line 1, sass/components/_headline_with_cta.scss */
.headline_with_cta {
  text-align: center;
  color: white;
  padding: 60px 0;
}
/* line 6, sass/components/_headline_with_cta.scss */
.headline_with_cta h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 6, sass/components/_headline_with_cta.scss */
  .headline_with_cta h3 {
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 36px;
  }
}
/* line 18, sass/components/_headline_with_cta.scss */
.headline_with_cta p {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
}
@media only screen and (min-width: 1201px) {
  /* line 18, sass/components/_headline_with_cta.scss */
  .headline_with_cta p {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 18, sass/components/_headline_with_cta.scss */
  .headline_with_cta p {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 18, sass/components/_headline_with_cta.scss */
  .headline_with_cta p {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 18, sass/components/_headline_with_cta.scss */
  .headline_with_cta p {
    font-size: 27px;
    line-height: 35px;
  }
}
/* line 30, sass/components/_headline_with_cta.scss */
.headline_with_cta a {
  display: inline-block;
  padding: 17px 26px;
  background: #ffffff;
  color: #E60073;
  border: 3px solid #E60073;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-top: 30px;
  min-width: 210px;
}
/* line 40, sass/components/_headline_with_cta.scss */
.headline_with_cta a:hover {
  background: #E60073;
  color: #ffffff;
}
@media only screen and (min-width: 1201px) {
  /* line 30, sass/components/_headline_with_cta.scss */
  .headline_with_cta a {
    margin-top: 40px;
  }
}

/* line 5, sass/templates/_homepage_template.scss */
.fp-viewing-do .homepage__navigation--main li {
  display: block !important;
  list-style: none;
}

/* line 12, sass/templates/_homepage_template.scss */
.homepage {
  width: 100%;
  height: 100%;
  position: fixed;
}
/* line 17, sass/templates/_homepage_template.scss */
.homepage__navigation {
  position: relative;
  z-index: 2;
  top: 98px;
  left: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 17, sass/templates/_homepage_template.scss */
  .homepage__navigation {
    top: 25%;
    left: 95px;
    transition: top 0.7s ease;
  }
}
/* line 31, sass/templates/_homepage_template.scss */
.homepage__navigation--main {
  position: absolute !important;
  opacity: 0;
}
/* line 36, sass/templates/_homepage_template.scss */
.homepage__navigation ul {
  padding: 0;
  margin: 0;
}
/* line 40, sass/templates/_homepage_template.scss */
.homepage__navigation li {
  list-style: none;
  position: relative;
  padding: 0 22px;
}
@media only screen and (min-width: 551px) {
  /* line 40, sass/templates/_homepage_template.scss */
  .homepage__navigation li {
    display: block;
    padding: 0 36px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 40, sass/templates/_homepage_template.scss */
  .homepage__navigation li {
    padding: 0px 60px;
  }
}
/* line 48, sass/templates/_homepage_template.scss */
.homepage__navigation li a {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  text-decoration: none;
  color: white;
  opacity: 0.4;
  transition: opacity 1s ease;
}
@media only screen and (min-width: 1201px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    font-size: 130px;
    line-height: 140px;
  }
}
/* line 55, sass/templates/_homepage_template.scss */
.homepage__navigation li a:hover {
  opacity: 1;
}
@media only screen and (min-width: 1201px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    line-height: 80px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    line-height: 100px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 48, sass/templates/_homepage_template.scss */
  .homepage__navigation li a {
    line-height: 130px;
  }
}
/* line 63, sass/templates/_homepage_template.scss */
.homepage__navigation li a:before {
  content: " ";
  width: 6px;
  height: 43px;
  position: absolute;
  left: 0;
  top: 6px;
  background: white;
  opacity: 0.4;
}
@media only screen and (min-width: 1201px) {
  /* line 63, sass/templates/_homepage_template.scss */
  .homepage__navigation li a:before {
    width: 8px;
    height: 61px;
    top: 12px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 63, sass/templates/_homepage_template.scss */
  .homepage__navigation li a:before {
    width: 10px;
    height: 85px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 63, sass/templates/_homepage_template.scss */
  .homepage__navigation li a:before {
    width: 12px;
    height: 120px;
  }
}
/* line 80, sass/templates/_homepage_template.scss */
.homepage__navigation li.active {
  display: block;
}
/* line 83, sass/templates/_homepage_template.scss */
.homepage__navigation li.active a {
  opacity: 1;
}
/* line 85, sass/templates/_homepage_template.scss */
.homepage__navigation li.active a:before {
  background: linear-gradient(-180deg, #f8007b 0%, #fc9318 92%);
  opacity: 1;
}
/* line 93, sass/templates/_homepage_template.scss */
.homepage__section {
  background: black;
  overflow: hidden;
}
/* line 97, sass/templates/_homepage_template.scss */
.homepage__section.love {
  background: linear-gradient(-180deg, #f8007b 0%, #fc9318 92%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 105, sass/templates/_homepage_template.scss */
.homepage__copy {
  max-width: 350px;
  padding: 10px 24px;
  color: white;
  font-size: 18px;
  line-height: 27px;
  min-height: 125px;
}
@media only screen and (min-width: 551px) {
  /* line 105, sass/templates/_homepage_template.scss */
  .homepage__copy {
    padding: 10px 38px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 105, sass/templates/_homepage_template.scss */
  .homepage__copy {
    margin-left: 28px;
  }
}
/* line 118, sass/templates/_homepage_template.scss */
.homepage__copy a {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  background: #E60073;
  border: none;
  color: white;
  margin-top: 10px;
  padding: 10px 50px;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (min-width: 1201px) {
  /* line 118, sass/templates/_homepage_template.scss */
  .homepage__copy a {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 118, sass/templates/_homepage_template.scss */
  .homepage__copy a {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 118, sass/templates/_homepage_template.scss */
  .homepage__copy a {
    font-size: 18px;
    line-height: 26px;
  }
}
/* line 131, sass/templates/_homepage_template.scss */
.homepage .do .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 551px) {
  /* line 131, sass/templates/_homepage_template.scss */
  .homepage .do .container {
    position: static;
    transform: none;
    max-width: 65%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 131, sass/templates/_homepage_template.scss */
  .homepage .do .container {
    max-width: 75%;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 148, sass/templates/_homepage_template.scss */
  .homepage .do .video__wrapper {
    max-width: 79%;
  }
}
/* line 157, sass/templates/_homepage_template.scss */
.homepage .people .video__wrapper iframe {
  pointer-events: none;
}
@media only screen and (min-width: 1201px) {
  /* line 163, sass/templates/_homepage_template.scss */
  .homepage .video__wrapper {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* line 171, sass/templates/_homepage_template.scss */
.homepage .bg_video, .homepage .carousel__slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100vh;
  transform: translate(-50%, -50%);
}
/* line 180, sass/templates/_homepage_template.scss */
.homepage .bg_video {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 180, sass/templates/_homepage_template.scss */
  .homepage .bg_video {
    display: block;
  }
}
/* line 185, sass/templates/_homepage_template.scss */
.homepage .bg_video_mobile {
  position: absolute;
  left: 0px;
  top: 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 185, sass/templates/_homepage_template.scss */
  .homepage .bg_video_mobile {
    display: none;
  }
}

@media (orientation: landscape) {
  /* line 193, sass/templates/_homepage_template.scss */
  .bg_video_mobile {
    width: 100%;
  }
}
@media (orientation: portrait) {
  /* line 193, sass/templates/_homepage_template.scss */
  .bg_video_mobile {
    height: 100%;
  }
}

/* line 202, sass/templates/_homepage_template.scss */
img.desktop {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 202, sass/templates/_homepage_template.scss */
  img.desktop {
    display: block;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 207, sass/templates/_homepage_template.scss */
  img.mobile {
    display: none;
  }
}

/* line 211, sass/templates/_homepage_template.scss */
.carousel--home {
  width: 100%;
  margin: 0 !important;
}
/* line 216, sass/templates/_homepage_template.scss */
.carousel--home .carousel__slide {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
/* line 225, sass/templates/_homepage_template.scss */
.carousel--home .slick-dots {
  bottom: 15px;
}
/* line 229, sass/templates/_homepage_template.scss */
.carousel--home .slick-next:before, .carousel--home .slick-prev:before {
  color: rgba(255, 255, 255, 0.5);
}
/* line 233, sass/templates/_homepage_template.scss */
.carousel--home li:not(.slick-active) {
  padding: 2px;
}
/* line 235, sass/templates/_homepage_template.scss */
.carousel--home li:not(.slick-active) button:before {
  width: 11px !important;
  height: 11px !important;
  top: 4px;
  left: 4px;
  border: none;
  background: #FFFFFF;
}
/* line 245, sass/templates/_homepage_template.scss */
.carousel--home .slick-active button:before {
  border-color: #FFFFFF !important;
}

/* line 250, sass/templates/_homepage_template.scss */
.slide-data {
  display: none;
}

/* line 256, sass/templates/_homepage_template.scss */
.love .slick-list {
  width: 100vw;
  position: absolute;
}
/* line 260, sass/templates/_homepage_template.scss */
.love .love__tiles__wrapper {
  position: relative;
}
@media only screen and (min-width: 1201px) {
  /* line 260, sass/templates/_homepage_template.scss */
  .love .love__tiles__wrapper {
    margin-top: 80px;
  }
}
/* line 265, sass/templates/_homepage_template.scss */
.love .all-news-tile {
  border: 2px solid white;
  border-radius: 4px;
  max-height: 440px;
  background: rgba(0, 0, 0, 0.6);
}
/* line 271, sass/templates/_homepage_template.scss */
.love .all-news-tile .all-tiles-info {
  padding: 28px 0;
}
/* line 274, sass/templates/_homepage_template.scss */
.love .all-news-tile .all-tiles-info h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 274, sass/templates/_homepage_template.scss */
  .love .all-news-tile .all-tiles-info h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 274, sass/templates/_homepage_template.scss */
  .love .all-news-tile .all-tiles-info h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 274, sass/templates/_homepage_template.scss */
  .love .all-news-tile .all-tiles-info h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 283, sass/templates/_homepage_template.scss */
.love .slick-slide a {
  display: block;
}
/* line 287, sass/templates/_homepage_template.scss */
.love .slide--article {
  background: transparent;
}
/* line 292, sass/templates/_homepage_template.scss */
.love__main-text {
  max-width: 270px;
  color: white;
  font-size: 18px;
  line-height: 27px;
  min-height: 125px;
  padding: 0 20px;
}
@media only screen and (min-width: 551px) {
  /* line 292, sass/templates/_homepage_template.scss */
  .love__main-text {
    padding: 0;
    margin-left: 1px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 292, sass/templates/_homepage_template.scss */
  .love__main-text {
    margin-left: 3px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 292, sass/templates/_homepage_template.scss */
  .love__main-text {
    margin-left: 29px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 292, sass/templates/_homepage_template.scss */
  .love__main-text {
    margin-left: 28px;
  }
}
/* line 309, sass/templates/_homepage_template.scss */
.love__main-link {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  background: #E60073;
  border: none;
  color: white;
  margin-top: 10px;
  padding: 10px 50px;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (min-width: 1201px) {
  /* line 309, sass/templates/_homepage_template.scss */
  .love__main-link {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 309, sass/templates/_homepage_template.scss */
  .love__main-link {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 309, sass/templates/_homepage_template.scss */
  .love__main-link {
    font-size: 18px;
    line-height: 26px;
  }
}
/* line 318, sass/templates/_homepage_template.scss */
.love__main-link:hover {
  color: white;
}
@media only screen and (min-width: 1951px) {
  /* line 309, sass/templates/_homepage_template.scss */
  .love__main-link {
    margin-left: 29px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 309, sass/templates/_homepage_template.scss */
  .love__main-link {
    margin-left: 28px;
  }
}
/* line 326, sass/templates/_homepage_template.scss */
.love__nav {
  min-height: 412px;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 551px) {
  /* line 326, sass/templates/_homepage_template.scss */
  .love__nav {
    min-height: 352px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 326, sass/templates/_homepage_template.scss */
  .love__nav {
    width: calc(83.333334%);
    max-width: 1380px;
    margin: 0 auto;
    min-height: 375px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 326, sass/templates/_homepage_template.scss */
  .love__nav {
    max-width: 1585px;
    min-height: 392px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 326, sass/templates/_homepage_template.scss */
  .love__nav {
    max-width: 1840px;
    min-height: 486px;
  }
}
/* line 341, sass/templates/_homepage_template.scss */
.love__nav__menu {
  position: relative;
  height: 240px;
}
@media only screen and (min-width: 1201px) {
  /* line 341, sass/templates/_homepage_template.scss */
  .love__nav__menu {
    height: 340px;
    left: -2px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 341, sass/templates/_homepage_template.scss */
  .love__nav__menu {
    height: 420px;
    left: 0;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 341, sass/templates/_homepage_template.scss */
  .love__nav__menu {
    height: 550px;
  }
}
/* line 349, sass/templates/_homepage_template.scss */
.love__nav .col-md-4 {
  padding-left: 0;
}
/* line 350, sass/templates/_homepage_template.scss */
.love__nav .col-md-12 {
  padding: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 350, sass/templates/_homepage_template.scss */
  .love__nav .col-md-12 {
    margin-bottom: 75px;
  }
}
/* line 358, sass/templates/_homepage_template.scss */
.love .love__tiles__arrows {
  margin-top: -68px;
}
@media only screen and (min-width: 1201px) {
  /* line 358, sass/templates/_homepage_template.scss */
  .love .love__tiles__arrows {
    margin-top: 0px;
  }
}
/* line 362, sass/templates/_homepage_template.scss */
.love .love__tiles__arrows button.slick-disabled {
  opacity: 0;
}
/* line 368, sass/templates/_homepage_template.scss */
.love .offset {
  display: none;
}
@media only screen and (min-width: 551px) {
  /* line 368, sass/templates/_homepage_template.scss */
  .love .offset {
    display: flex;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 368, sass/templates/_homepage_template.scss */
  .love .offset {
    display: none;
  }
}
/* line 378, sass/templates/_homepage_template.scss */
.love .homepage__navigation {
  top: 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 378, sass/templates/_homepage_template.scss */
  .love .homepage__navigation {
    margin-left: 0;
    left: calc(5px - 40px);
  }
}
@media (min-width: 1650px) {
  /* line 378, sass/templates/_homepage_template.scss */
  .love .homepage__navigation {
    left: -7.25%;
  }
}
@media (min-width: 2700px) {
  /* line 378, sass/templates/_homepage_template.scss */
  .love .homepage__navigation {
    left: -5.5%;
  }
}
/* line 395, sass/templates/_homepage_template.scss */
.love #reload {
  background: url(/wp-content/themes/periscope/images/icons/reload.svg);
  width: 21px;
  height: 21px;
  display: block;
  background-size: 100%;
  margin-right: 45px;
  float: right;
  cursor: pointer;
}
@media only screen and (min-width: 1201px) {
  /* line 395, sass/templates/_homepage_template.scss */
  .love #reload {
    margin-right: 10px;
  }
}
/* line 411, sass/templates/_homepage_template.scss */
.love .custom-container {
  height: 40px;
}
/* line 414, sass/templates/_homepage_template.scss */
.love #total-pages {
  display: none;
}
/* line 418, sass/templates/_homepage_template.scss */
.love__tiles {
  margin-bottom: 40px;
  max-width: none !important;
  padding-bottom: 20px;
  min-height: 440px;
}
@media only screen and (min-width: 1201px) {
  /* line 418, sass/templates/_homepage_template.scss */
  .love__tiles {
    width: 100%;
    margin-bottom: 69px;
    margin: 0;
  }
  /* line 430, sass/templates/_homepage_template.scss */
  .love__tiles .col-md-4 {
    flex-basis: 312px !important;
  }
}
/* line 435, sass/templates/_homepage_template.scss */
.love__tiles__wrapper.loading:before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/wp-content/themes/periscope/images/spinner-white.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  background-size: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 449, sass/templates/_homepage_template.scss */
.love__tiles__arrows {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 24px;
}
@media only screen and (min-width: 1201px) {
  /* line 449, sass/templates/_homepage_template.scss */
  .love__tiles__arrows {
    margin-top: 0px;
    display: none;
  }
}
/* line 460, sass/templates/_homepage_template.scss */
.love__tiles__arrows button {
  border: none;
  width: 50px;
  height: 50px;
  background-size: 100%;
  background-color: transparent;
  cursor: pointer;
}
/* line 468, sass/templates/_homepage_template.scss */
.love__tiles__arrows button:first-child {
  background-image: url("/wp-content/themes/periscope/images/icons/tiles_arrow_left.png");
}
/* line 472, sass/templates/_homepage_template.scss */
.love__tiles__arrows button:last-child {
  background-image: url("/wp-content/themes/periscope/images/icons/tiles_arrow_right.png");
}
/* line 476, sass/templates/_homepage_template.scss */
.love__tiles__arrows button:hover {
  filter: invert(0.2);
}
/* line 482, sass/templates/_homepage_template.scss */
.love__tiles .love-tiles__slide {
  position: relative;
  margin-right: 0;
  margin-bottom: 0;
  max-width: 312px;
  height: 440px;
}
/* line 490, sass/templates/_homepage_template.scss */
.love__tiles .love-tiles__slide:hover .slide--info {
  opacity: 1;
}
/* line 496, sass/templates/_homepage_template.scss */
.love__tiles .slide--info {
  width: 100%;
  left: 0;
  position: absolute;
  padding: 20px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
@media only screen and (min-width: 1201px) {
  /* line 496, sass/templates/_homepage_template.scss */
  .love__tiles .slide--info {
    opacity: 0;
  }
}
/* line 511, sass/templates/_homepage_template.scss */
.love__tiles .slide--article__title, .love__tiles .slide--quote__title {
  color: white;
  padding: 37px 20px 25px;
}
@media only screen and (min-width: 1201px) {
  /* line 511, sass/templates/_homepage_template.scss */
  .love__tiles .slide--article__title, .love__tiles .slide--quote__title {
    padding: 0;
    overflow: hidden;
  }
}
/* line 521, sass/templates/_homepage_template.scss */
.love__tiles .slide--article__background {
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
  border-radius: 4px 4px 0px 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 521, sass/templates/_homepage_template.scss */
  .love__tiles .slide--article__background {
    margin: 0 -24px 25px -24px;
  }
}
/* line 530, sass/templates/_homepage_template.scss */
.love__tiles .slide--article__background img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/* line 538, sass/templates/_homepage_template.scss */
.love__tiles .slide--article__cta {
  position: relative;
  bottom: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 538, sass/templates/_homepage_template.scss */
  .love__tiles .slide--article__cta {
    left: 0;
  }
}
/* line 544, sass/templates/_homepage_template.scss */
.love__tiles .col-md-4 {
  padding: 0 5px !important;
  margin-bottom: 0px !important;
  flex-shrink: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 544, sass/templates/_homepage_template.scss */
  .love__tiles .col-md-4 {
    margin-bottom: 10px !important;
  }
}
/* line 551, sass/templates/_homepage_template.scss */
.love__tiles .slide--quote {
  padding: 0 15px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

/* line 559, sass/templates/_homepage_template.scss */
.video__wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}
/* line 564, sass/templates/_homepage_template.scss */
.video__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 572, sass/templates/_homepage_template.scss */
.video__wrapper .transparent-overlay {
  width: 100%;
  height: 70%;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 582, sass/templates/_homepage_template.scss */
.home-love-carousel .slick-track {
  display: flex;
}

/* line 588, sass/templates/_homepage_template.scss */
.home #content {
  overflow-x: hidden;
}

/* line 591, sass/templates/_homepage_template.scss */
.homepage_new {
  position: static;
  width: auto;
  height: auto;
}

/* @media only screen and (min-width: 1201px) { */
  /* line 610, sass/templates/_homepage_template.scss */
  /* .hero:before {
    width: 530px;
  } */
/* } */

/* line 625, sass/templates/_homepage_template.scss */
#scroll-content-wrapper {
  overflow-x: scroll;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* line 633, sass/templates/_homepage_template.scss */
#scroll-content-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 637, sass/templates/_homepage_template.scss */
#scroll-content {
  width: 400vw;
  height: 100%;
  position: relative;
  transition: all 1s;
}
/* line 644, sass/templates/_homepage_template.scss */
#scroll-content.sliding .scroll-content_item {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* line 653, sass/templates/_homepage_template.scss */
#scroll-content .end {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  padding: 5px 5px 65px;
  width: 70px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1201px) {
  /* line 653, sass/templates/_homepage_template.scss */
  #scroll-content .end {
    padding: 10px 35px 10px 10px;
    width: 140px;
  }
}
/* line 669, sass/templates/_homepage_template.scss */
#scroll-content .end #open-pong {
  position: relative;
  cursor: pointer;
  width: 100%;
}
/* line 674, sass/templates/_homepage_template.scss */
#scroll-content .end #open-pong img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
/* line 681, sass/templates/_homepage_template.scss */
#scroll-content .end #open-pong img#badge {
  width: 87%;
}
/* line 684, sass/templates/_homepage_template.scss */
#scroll-content .end #open-pong img#border {
  animation: rotation 20s infinite linear;
}
/* line 691, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item {
  position: absolute;
}
/* line 694, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item img,
#scroll-content .scroll-content_item iframe {
  display: block;
  width: auto;
  height: 100%;
}
/* line 701, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item iframe {
  position: absolute;
  width: 100%;
}
/* line 706, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item .blur-wrapper {
  position: absolute;
  display: block;
  opacity: 0;
  z-index: -1;
  filter: blur(0rem);
  transform: scale(1, 1);
  transition: .2s all;
  width: 100%;
  height: 100%;
}
/* line 717, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item .blur-wrapper img.blurred {
  transform: scale(1.1, 1);
  transition: .2s all;
}
/* line 723, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.pink-down {
  background: #E60073;
}
/* line 725, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.pink-down img,
#scroll-content .scroll-content_item.pink-down iframe {
  margin: -5px 5px 5px -5px;
}
@media only screen and (min-width: 1201px) {
  /* line 725, sass/templates/_homepage_template.scss */
  #scroll-content .scroll-content_item.pink-down img,
  #scroll-content .scroll-content_item.pink-down iframe {
    margin: -10px 10px 10px -10px;
  }
}
/* line 734, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.pink-up {
  background: #E60073;
}
/* line 736, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.pink-up img,
#scroll-content .scroll-content_item.pink-up iframe {
  margin: 5px 5px -5px -5px;
}
@media only screen and (min-width: 1201px) {
  /* line 736, sass/templates/_homepage_template.scss */
  #scroll-content .scroll-content_item.pink-up img,
  #scroll-content .scroll-content_item.pink-up iframe {
    margin: 10px 10px -10px -10px;
  }
}
/* line 745, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.orange-down {
  background: #FC9318;
}
/* line 747, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.orange-down img,
#scroll-content .scroll-content_item.orange-down iframe {
  margin: -5px 5px 5px -5px;
}
@media only screen and (min-width: 1201px) {
  /* line 747, sass/templates/_homepage_template.scss */
  #scroll-content .scroll-content_item.orange-down img,
  #scroll-content .scroll-content_item.orange-down iframe {
    margin: -10px 10px 10px -10px;
  }
}
/* line 756, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.orange-up {
  background: #FC9318;
}
/* line 758, sass/templates/_homepage_template.scss */
#scroll-content .scroll-content_item.orange-up img,
#scroll-content .scroll-content_item.orange-up iframe {
  margin: 5px 5px -5px -5px;
}
@media only screen and (min-width: 1201px) {
  /* line 758, sass/templates/_homepage_template.scss */
  #scroll-content .scroll-content_item.orange-up img,
  #scroll-content .scroll-content_item.orange-up iframe {
    margin: 10px 10px -10px -10px;
  }
}
/* line 770, sass/templates/_homepage_template.scss */
#scroll-content.blurry .blur-wrapper {
  opacity: 1;
  z-index: 1;
  filter: blur(0.5rem);
  transform: scale(1.05, 1);
}
/* line 778, sass/templates/_homepage_template.scss */
#scroll-content.blurry.left .blur-wrapper {
  left: 5%;
}
/* line 783, sass/templates/_homepage_template.scss */
#scroll-content.blurry.right .blur-wrapper {
  left: -5%;
}

@keyframes rotation {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(359deg);
  }
}
/* line 799, sass/templates/_homepage_template.scss */
.dtpl {
  position: absolute;
  top: 15%;
  left: 5%;
  width: 180px;
  font-size: 144px;
  line-height: 144px;
  color: #ffffff;
  z-index: 100;
  font-weight: bold;
}
@media only screen and (min-width: 1201px) {
  /* line 799, sass/templates/_homepage_template.scss */
  .dtpl {
    width: 532px;
  }
}
/* line 814, sass/templates/_homepage_template.scss */
.dtpl span {
  color: #E60073;
  font-weight: bold;
}
/* line 819, sass/templates/_homepage_template.scss */
.dtpl img {
  width: 100%;
}

/* line 823, sass/templates/_homepage_template.scss */
.controller {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 40px;
  z-index: 100;
}
@media only screen and (min-width: 1201px) {
  /* line 823, sass/templates/_homepage_template.scss */
  .controller {
    width: 140px;
    height: 120px;
  }
}
/* line 837, sass/templates/_homepage_template.scss */
.controller:hover {
  cursor: pointer;
}
/* line 841, sass/templates/_homepage_template.scss */
.controller .base {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/periscope/images/Joystick_Base.svg");
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 1;
}
@media only screen and (min-width: 1201px) {
  /* line 841, sass/templates/_homepage_template.scss */
  .controller .base {
    background-size: auto 50%;
  }
}
/* line 857, sass/templates/_homepage_template.scss */
.controller .wiggle-wrapper {
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 25px;
  height: calc(100% - 7px);
  transform-origin: bottom center;
  transform: translateX(-50%);
  transition: all .2s;
  background-size: 50% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1201px) {
  /* line 857, sass/templates/_homepage_template.scss */
  .controller .wiggle-wrapper {
    height: calc(100% - 73px);
    width: 45px;
  }
}
/* line 875, sass/templates/_homepage_template.scss */
.controller .wiggle-wrapper .joystick {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: bottom center;
  transform: translateX(-50%);
  transition: all .2s;
  background-image: url("/wp-content/themes/periscope/images/Joystick_Stick.svg");
  background-size: 50% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 890, sass/templates/_homepage_template.scss */
.controller .text {
  position: absolute;
  width: 100%;
  bottom: -11px;
  font-size: 9px;
  color: #ffffff;
  font-weight: bold;
  text-transform: lowercase;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
@media only screen and (min-width: 1201px) {
  /* line 890, sass/templates/_homepage_template.scss */
  .controller .text {
    font-size: 16px;
    bottom: -33px;
  }
}

/* line 912, sass/templates/_homepage_template.scss */
.stickers-section {
  background: #22282C;
  padding: 26px 0 calc(22vw + 45px);
  position: relative;
}
@media only screen and (min-width: 1201px) {
  /* line 912, sass/templates/_homepage_template.scss */
  .stickers-section {
    padding: 88px 0 calc(22vw + 90px);
  }
}
/* line 921, sass/templates/_homepage_template.scss */
.stickers-section .container {
  max-width: 1200px;
}
/* line 925, sass/templates/_homepage_template.scss */
.stickers-section .title {
  font-family: 'Arpona-ExtraBold', Times, serif;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 1201px) {
  /* line 925, sass/templates/_homepage_template.scss */
  .stickers-section .title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 26px;
  }
}
/* line 939, sass/templates/_homepage_template.scss */
.stickers-section .copy {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 52px;
}
@media only screen and (min-width: 1201px) {
  /* line 939, sass/templates/_homepage_template.scss */
  .stickers-section .copy {
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 99px;
  }
}
/* line 953, sass/templates/_homepage_template.scss */
.stickers-section .stickers {
  height: 21vw;
  position: absolute;
  width: 110%;
  max-width: 1600px;
  bottom: 64px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 1201px) {
  /* line 953, sass/templates/_homepage_template.scss */
  .stickers-section .stickers {
    bottom: 94px;
  }
}
/* line 966, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker {
  position: absolute;
  transform: scale(1.6);
  opacity: 0;
  transition: all .125s ease-in;
}
/* line 972, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker img {
  height: auto;
  width: 100%;
}
/* line 975, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker img.sticker-hover {
  display: none;
}
/* line 981, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker:hover .sticker-default {
  display: none;
}
/* line 984, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker:hover .sticker-hover {
  display: inline;
}
/* line 989, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker-1 {
  z-index: 2;
}
/* line 992, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker-2 {
  z-index: 1;
}
/* line 995, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker-4 {
  z-index: 2;
}
/* line 998, sass/templates/_homepage_template.scss */
.stickers-section .stickers .sticker-5 {
  z-index: 1;
}
/* line 1004, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker {
  animation: .125s show-sticker ease-in forwards;
}
/* line 1007, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-1 {
  animation-delay: 0.3s;
}
/* line 1010, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-2 {
  animation-delay: 0.2s;
}
/* line 1013, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-3 {
  animation-delay: 0s;
}
/* line 1016, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-4 {
  animation-delay: 0.25s;
}
/* line 1019, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-5 {
  animation-delay: 0.15s;
}
/* line 1022, sass/templates/_homepage_template.scss */
.stickers-section .stickers.show-stickers .sticker-6 {
  animation-delay: 0.1s;
}

@keyframes show-sticker {
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* line 1037, sass/templates/_homepage_template.scss */
.homepage-work-list {
  transform: translate(0, 0);
}
/* line 1040, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work {
  display: flex;
  width: 100%;
  height: 126px;
  position: relative;
  color: #22282C;
  transition: .3s all;
}
@media only screen and (min-width: 1201px) {
  /* line 1040, sass/templates/_homepage_template.scss */
  .homepage-work-list .homepage-work {
    height: 470px;
  }
}
/* line 1052, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .container {
  max-width: 1600px;
}
/* line 1056, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .row {
  padding: 0 15px;
}
@media only screen and (min-width: 1201px) {
  /* line 1056, sass/templates/_homepage_template.scss */
  .homepage-work-list .homepage-work .row {
    padding: 0 45px;
  }
}
/* line 1064, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}
/* line 1075, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  transition: .3s all;
  z-index: 1;
}
/* line 1088, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .background:after {
  position: absolute;
  bottom: 0px;
  left: 10%;
  width: 80%;
  height: 3px;
  background: #22282C;
  transition: .3s all;
}
/* line 1100, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .background-cover {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
/* line 1111, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work:nth-last-child(2) .background:after {
  content: none;
}
/* line 1116, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .tags {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 1116, sass/templates/_homepage_template.scss */
  .homepage-work-list .homepage-work .tags {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 18px;
  }
}
/* line 1127, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .client {
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (min-width: 1201px) {
  /* line 1127, sass/templates/_homepage_template.scss */
  .homepage-work-list .homepage-work .client {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 1138, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work .title {
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  float: right;
}
@media only screen and (min-width: 1201px) {
  /* line 1138, sass/templates/_homepage_template.scss */
  .homepage-work-list .homepage-work .title {
    font-size: 32px;
    line-height: 38px;
  }
}
/* line 1150, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work:hover {
  color: #ffffff;
  /*
  &:nth-child(odd) {
  	.background {
  		&:before {
  			left: 100%;
  		}
  	}
  }
  &:nth-child(even) {
  	.background {
  		&:before {
  			left: -100%;
  		}
  	}
  }
  */
}
/* line 1154, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work:hover .background:before {
  background: rgba(0, 0, 0, 0.4);
}
/* line 1157, sass/templates/_homepage_template.scss */
.homepage-work-list .homepage-work:hover .background:after {
  opacity: 0;
}
/* line 1181, sass/templates/_homepage_template.scss */
.homepage-work-list .see-all-work {
  display: block;
  color: #ffffff;
  background: #E60073;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  height: 42px;
  line-height: 42px;
  font-size: 12px;
}
@media only screen and (min-width: 1201px) {
  /* line 1181, sass/templates/_homepage_template.scss */
  .homepage-work-list .see-all-work {
    height: 186px;
    line-height: 186px;
    font-size: 30px;
  }
}
/* line 1198, sass/templates/_homepage_template.scss */
.homepage-work-list .see-all-work:hover {
  text-decoration: underline;
}

/* line 1205, sass/templates/_homepage_template.scss */
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #22282C;
  z-index: 10000;
}

/* line 1214, sass/templates/_homepage_template.scss */
#loading-icon {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%) scale(1);
}
/* line 1222, sass/templates/_homepage_template.scss */
#loading-icon .smile {
  width: 100%;
  animation: 1s rotating linear infinite;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* line 1229, sass/templates/_homepage_template.scss */
#loading-icon .smile-wink {
  margin-left: -10000px;
}

/* line 1236, sass/templates/_homepage_template.scss */
.loaded #loading {
  animation: .25s loaded-out ease-in forwards;
  animation-delay: .75s;
}
/* line 1240, sass/templates/_homepage_template.scss */
.loaded #loading #loading-icon {
  animation: .25s smile-out ease-out forwards;
  animation-delay: .5s;
}
/* line 1244, sass/templates/_homepage_template.scss */
.loaded #loading #loading-icon .smile {
  animation: .25s smile-stop-spin linear forwards;
}
/* line 1248, sass/templates/_homepage_template.scss */
.loaded #loading #loading-icon .smile-open {
  margin-left: -10000px;
}
/* line 1251, sass/templates/_homepage_template.scss */
.loaded #loading #loading-icon .smile-wink {
  margin-left: 0px;
}
/* line 1257, sass/templates/_homepage_template.scss */
.loaded .dtpl {
  animation: .75s sides-in ease-out forwards;
  animation-delay: .75s;
}
/* line 1263, sass/templates/_homepage_template.scss */
.loaded .controller .wiggle-wrapper {
  animation: .25s wiggle linear forwards;
  animation-delay: 1.25s;
}
/* line 1268, sass/templates/_homepage_template.scss */
.loaded #scroll-content-wrapper {
  transform: translate(100vw, 0);
  animation: .75s sides-in ease-out forwards;
  animation-delay: .75s;
}

@keyframes wiggle {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  25% {
    transform: translateX(-50%) rotate(28deg);
  }
  75% {
    transform: translateX(-50%) rotate(-28deg);
  }
  100% {
    transform: translateX(-50%) rotate(0deg);
  }
}
@keyframes sides-in {
  100% {
    transform: translate(0, 0);
  }
}
@keyframes smile-out {
  100% {
    top: 74vh;
    transform: translate(-50%, -50%) scale(0.5);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes smile-stop-spin {
  100% {
    transform: rotate(0deg);
  }
}
@keyframes loaded-in {
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes loaded-out {
  99% {
    opacity: 0;
    left: 0px;
  }
  100% {
    opacity: 0;
    left: -9999em;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 6, sass/templates/_capabilities_template.scss */
  .capabilities__close-wrapper {
    display: flex;
    width: 100%;
  }
}
/* line 10, sass/templates/_capabilities_template.scss */
.capabilities__open-wrapper {
  display: none;
}
/* line 14, sass/templates/_capabilities_template.scss */
.capabilities__row-margin {
  margin-left: 0px;
  margin-right: 0px;
}
/* line 22, sass/templates/_capabilities_template.scss */
.capabilities__top-space {
  margin-top: 69px;
}
@media only screen and (min-width: 551px) {
  /* line 22, sass/templates/_capabilities_template.scss */
  .capabilities__top-space {
    margin-top: 108px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 22, sass/templates/_capabilities_template.scss */
  .capabilities__top-space {
    margin-top: 151px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 22, sass/templates/_capabilities_template.scss */
  .capabilities__top-space {
    margin-top: 142px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 22, sass/templates/_capabilities_template.scss */
  .capabilities__top-space {
    margin-top: 225px;
  }
}
/* line 30, sass/templates/_capabilities_template.scss */
.capabilities__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1201px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 8px;
    font-size: 50px !important;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1201px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 1951px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 30, sass/templates/_capabilities_template.scss */
  .capabilities__title {
    margin-bottom: -2px;
  }
}
/* line 39, sass/templates/_capabilities_template.scss */
.capabilities__first-title-font {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
}
@media only screen and (min-width: 1201px) {
  /* line 39, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-font {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 39, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-font {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 39, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-font {
    font-size: 130px;
    line-height: 140px;
  }
}
/* line 43, sass/templates/_capabilities_template.scss */
.capabilities__first-description-bottom {
  margin-bottom: 47px !important;
}
@media only screen and (min-width: 551px) {
  /* line 43, sass/templates/_capabilities_template.scss */
  .capabilities__first-description-bottom {
    margin-bottom: 68px !important;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 43, sass/templates/_capabilities_template.scss */
  .capabilities__first-description-bottom {
    margin-bottom: 37px !important;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 43, sass/templates/_capabilities_template.scss */
  .capabilities__first-description-bottom {
    margin-bottom: 66px !important;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 43, sass/templates/_capabilities_template.scss */
  .capabilities__first-description-bottom {
    margin-bottom: 80px !important;
  }
}
/* line 51, sass/templates/_capabilities_template.scss */
.capabilities__first-title-bottom {
  margin-bottom: 32px !important;
}
@media only screen and (min-width: 551px) {
  /* line 51, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-bottom {
    margin-bottom: 26px !important;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 51, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-bottom {
    margin-bottom: 25px !important;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 51, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-bottom {
    margin-bottom: 40px !important;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 51, sass/templates/_capabilities_template.scss */
  .capabilities__first-title-bottom {
    margin-bottom: 49px !important;
  }
}
/* line 59, sass/templates/_capabilities_template.scss */
.capabilities__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 33px;
  position: relative;
  zoom: 1;
}
@media only screen and (min-width: 1201px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 59, sass/templates/_capabilities_template.scss */
  .capabilities__description {
    margin-bottom: 46px;
  }
}
/* line 71, sass/templates/_capabilities_template.scss */
.capabilities__card-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1951px) {
  /* line 71, sass/templates/_capabilities_template.scss */
  .capabilities__card-section {
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 71, sass/templates/_capabilities_template.scss */
  .capabilities__card-section {
    margin-bottom: 67px;
  }
}
/* line 82, sass/templates/_capabilities_template.scss */
.capabilities__card-column-left {
  padding: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 82, sass/templates/_capabilities_template.scss */
  .capabilities__card-column-left {
    padding: 0px;
    margin-left: -4.5px;
    flex-direction: column;
    display: flex;
  }
}
/* line 92, sass/templates/_capabilities_template.scss */
.capabilities__card-column-right {
  padding: 0px;
}
@media only screen and (min-width: 551px) {
  /* line 92, sass/templates/_capabilities_template.scss */
  .capabilities__card-column-right {
    padding: 0px;
    margin-right: -4.5px;
    flex-direction: column;
    display: flex;
  }
}
/* line 102, sass/templates/_capabilities_template.scss */
.capabilities__card-wrapper {
  cursor: pointer;
  padding: 4.5px;
  display: flex;
  min-height: 280px;
}
@media only screen and (min-width: 551px) {
  /* line 102, sass/templates/_capabilities_template.scss */
  .capabilities__card-wrapper {
    min-height: 332px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 102, sass/templates/_capabilities_template.scss */
  .capabilities__card-wrapper {
    padding: 6px;
    height: 230px;
    min-height: 230px;
    position: relative;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 102, sass/templates/_capabilities_template.scss */
  .capabilities__card-wrapper {
    height: 184px;
    min-height: 184px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 102, sass/templates/_capabilities_template.scss */
  .capabilities__card-wrapper {
    padding: 7px;
    height: 200px;
    min-height: 200px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 128, sass/templates/_capabilities_template.scss */
  .capabilities__card__order-title {
    order: -1;
    flex: 1;
  }
}
@media (min-width: 2160px) {
  /* line 128, sass/templates/_capabilities_template.scss */
  .capabilities__card__order-title {
    width: 60%;
    flex: auto;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 140, sass/templates/_capabilities_template.scss */
  .capabilities__card__order-tags {
    order: 2;
    position: absolute;
    bottom: 0px;
    left: 20px;
  }
}
/* line 149, sass/templates/_capabilities_template.scss */
.capabilities__card__line {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 149, sass/templates/_capabilities_template.scss */
  .capabilities__card__line {
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
  }
}
/* line 159, sass/templates/_capabilities_template.scss */
.capabilities__card__background {
  background-color: white;
  padding-top: 30px;
  padding-left: 31px;
  padding-right: 24px;
  padding-bottom: 40px;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 551px) {
  /* line 159, sass/templates/_capabilities_template.scss */
  .capabilities__card__background {
    padding-top: 41px;
    padding-left: 27px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 159, sass/templates/_capabilities_template.scss */
  .capabilities__card__background {
    flex-direction: row;
    padding-top: 26px;
    padding-left: 25px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 159, sass/templates/_capabilities_template.scss */
  .capabilities__card__background {
    padding-top: 26px;
    padding-left: 38px;
    padding-right: 38px !important;
    padding-right: 14px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 159, sass/templates/_capabilities_template.scss */
  .capabilities__card__background {
    padding-top: 24px;
    padding-left: 37.5px;
    padding-right: 37.5px !important;
    padding-bottom: 15px;
  }
}
/* line 192, sass/templates/_capabilities_template.scss */
.capabilities__card__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: 23px;
}
@media only screen and (min-width: 1201px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1951px) and (min-width: 1201px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) and (min-width: 1951px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 1951px) and (min-width: 2701px) {
  /* line 192, sass/templates/_capabilities_template.scss */
  .capabilities__card__title {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 202, sass/templates/_capabilities_template.scss */
.capabilities__card__tag {
  color: #A0A0A0;
  margin-bottom: 37px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 1951px) {
  /* line 202, sass/templates/_capabilities_template.scss */
  .capabilities__card__tag {
    margin-bottom: 38px;
  }
}
/* line 212, sass/templates/_capabilities_template.scss */
.capabilities__card__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1951px) {
  /* line 212, sass/templates/_capabilities_template.scss */
  .capabilities__card__description {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 212, sass/templates/_capabilities_template.scss */
  .capabilities__card__description {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 217, sass/templates/_capabilities_template.scss */
.capabilities__card__button {
  text-decoration: none;
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #E60073;
  margin-right: 24px;
  height: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 217, sass/templates/_capabilities_template.scss */
  .capabilities__card__button {
    top: 13px;
  }
}
/* line 227, sass/templates/_capabilities_template.scss */
.capabilities__card__button__learn-more:after {
  content: "";
  width: 0;
  height: 0;
  padding: 5px;
  margin-top: 1px;
  border-bottom: 3px solid #E60073;
  border-right: 3px solid #E60073;
  border-left: 0px;
  border-top: 0px;
  transform: rotate(45deg);
  position: absolute;
  right: -29px;
  top: 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 227, sass/templates/_capabilities_template.scss */
  .capabilities__card__button__learn-more:after {
    margin-top: 3px;
  }
}
/* line 243, sass/templates/_capabilities_template.scss */
.capabilities__card__button__learn-more:hover:after {
  border-color: #BA005C;
}
/* line 246, sass/templates/_capabilities_template.scss */
.capabilities__card__button__show-less:hover:after {
  border-color: #BA005C;
}
/* line 249, sass/templates/_capabilities_template.scss */
.capabilities__card__button__show-less:after {
  content: "";
  width: 0;
  height: 0;
  padding: 5px;
  margin-top: 1px;
  border-top: 3px solid #E60073;
  border-left: 3px solid #E60073;
  border-right: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
  position: absolute;
  right: -29px;
  top: 7px;
}
@media only screen and (min-width: 1201px) {
  /* line 249, sass/templates/_capabilities_template.scss */
  .capabilities__card__button__show-less:after {
    margin-top: 3px;
  }
}
/* line 265, sass/templates/_capabilities_template.scss */
.capabilities__card__button__top {
  position: absolute;
  bottom: 25px;
  display: block;
}
@media only screen and (min-width: 551px) {
  /* line 265, sass/templates/_capabilities_template.scss */
  .capabilities__card__button__top {
    bottom: 33px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 265, sass/templates/_capabilities_template.scss */
  .capabilities__card__button__top {
    position: relative;
    order: -1;
    display: flex;
    bottom: auto;
  }
}

/* line 1, sass/components/_full_size_image.scss */
.full_size_image {
  margin-top: 0px;
  margin-bottom: 20px;
}
/* line 2, sass/components/_full_size_image.scss */
.full_size_image img {
  width: 100%;
}
/* line 6, sass/components/_full_size_image.scss */
.full_size_image .col-10 {
  margin: 0 auto;
  padding: 0;
}
/* line 14, sass/components/_full_size_image.scss */
.full_size_image--spaced-bottom {
  margin-bottom: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 14, sass/components/_full_size_image.scss */
  .full_size_image--spaced-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 14, sass/components/_full_size_image.scss */
  .full_size_image--spaced-bottom {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 14, sass/components/_full_size_image.scss */
  .full_size_image--spaced-bottom {
    margin-bottom: 160px;
  }
}
/* line 22, sass/components/_full_size_image.scss */
.full_size_image--spaced-top {
  margin-top: 60px;
}
@media only screen and (min-width: 551px) {
  /* line 22, sass/components/_full_size_image.scss */
  .full_size_image--spaced-top {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 22, sass/components/_full_size_image.scss */
  .full_size_image--spaced-top {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 22, sass/components/_full_size_image.scss */
  .full_size_image--spaced-top {
    margin-top: 160px;
  }
}

/* line 3, sass/components/_case_studies.scss */
html {
  scroll-behavior: smooth;
}

/* line 7, sass/components/_case_studies.scss */
.case-studies {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
/* line 10, sass/components/_case_studies.scss */
.case-studies .hide {
  display: none;
}
/* line 14, sass/components/_case_studies.scss */
.case-studies .client-text {
  font-size: 20px;
  line-height: 28px;
  color: #22282C;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-align: left;
  font-weight: bold;
}
@media only screen and (min-width: 1201px) {
  /* line 14, sass/components/_case_studies.scss */
  .case-studies .client-text {
    margin-top: 60px;
  }
}
/* line 28, sass/components/_case_studies.scss */
.case-studies .client-headline.styled_text--h1 {
  color: #22282C;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-align: left;
  font-weight: bold;
  margin: 10px 0;
}
@media only screen and (min-width: 1201px) {
  /* line 28, sass/components/_case_studies.scss */
  .case-studies .client-headline.styled_text--h1 {
    margin: 20px 0px;
    font-size: 60px;
    line-height: 62px;
  }
}
@media only screen and (min-width: 1480px) {
  /* line 28, sass/components/_case_studies.scss */
  .case-studies .client-headline.styled_text--h1 {
    font-size: 80px;
    line-height: 85px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 28, sass/components/_case_studies.scss */
  .case-studies .client-headline.styled_text--h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
/* line 53, sass/components/_case_studies.scss */
.case-studies .back-anchor {
  font-size: 20px;
  line-height: 28px;
  color: #E60073;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin: 20px 0;
  display: block;
  cursor: pointer;
}
@media only screen and (min-width: 1201px) {
  /* line 53, sass/components/_case_studies.scss */
  .case-studies .back-anchor {
    margin: 20px 0px;
  }
}
/* line 67, sass/components/_case_studies.scss */
.case-studies .case-study-headline-container {
  z-index: 300;
}
/* line 71, sass/components/_case_studies.scss */
.case-studies .case-study-image-container {
  z-index: 200;
}
/* line 75, sass/components/_case_studies.scss */
.case-studies .case-study-image {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1201px) {
  /* line 75, sass/components/_case_studies.scss */
  .case-studies .case-study-image {
    margin-bottom: -40px;
  }
}
/* line 88, sass/components/_case_studies.scss */
.case-studies .true_love_tough_love {
  z-index: 1;
}
/* line 91, sass/components/_case_studies.scss */
.case-studies .true_love_tough_love .styled_text--h3 {
  font-size: 22px;
  line-height: 30px;
  width: 65%;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 91, sass/components/_case_studies.scss */
  .case-studies .true_love_tough_love .styled_text--h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
/* line 103, sass/components/_case_studies.scss */
.case-studies .true_love_tough_love .styled_text {
  font-size: 17px;
  line-height: 23px;
  width: 65%;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 103, sass/components/_case_studies.scss */
  .case-studies .true_love_tough_love .styled_text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 117, sass/components/_case_studies.scss */
  .case-studies .true_love_tough_love .true-love-container,
  .case-studies .true_love_tough_love .tough-love-container {
    padding: 120px 0;
  }
}
/* line 124, sass/components/_case_studies.scss */
.case-studies .ideas {
  margin: 60px 0;
}
/* line 127, sass/components/_case_studies.scss */
.case-studies .ideas .idea-title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 127, sass/components/_case_studies.scss */
  .case-studies .ideas .idea-title {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 139, sass/components/_case_studies.scss */
.case-studies .ideas .idea-text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #22282C;
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 1201px) {
  /* line 139, sass/components/_case_studies.scss */
  .case-studies .ideas .idea-text {
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 124, sass/components/_case_studies.scss */
  .case-studies .ideas {
    margin: 125px 0;
  }
}
/* line 157, sass/components/_case_studies.scss */
.case-studies .statistic-container {
  text-align: center;
}
/* line 160, sass/components/_case_studies.scss */
.case-studies .statistic-container .styled_text--h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 100px;
  line-height: 120px;
  margin: 10px 0;
}
/* line 167, sass/components/_case_studies.scss */
.case-studies .statistic-container .styled_text {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 1201px) {
  /* line 167, sass/components/_case_studies.scss */
  .case-studies .statistic-container .styled_text {
    margin: 10px 57px;
  }
}
/* line 178, sass/components/_case_studies.scss */
.case-studies .bottom-nav {
  padding: 80px 0;
}
@media only screen and (min-width: 1201px) {
  /* line 181, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .nav-anchor {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* line 189, sass/components/_case_studies.scss */
.case-studies .bottom-nav .bottom-nav-container {
  width: 100%;
  height: 55vw;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-size: 100% auto;
  cursor: pointer;
}
@media only screen and (min-width: 551px) {
  /* line 189, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .bottom-nav-container {
    height: 350px;
    background-size: 550px auto;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 189, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .bottom-nav-container {
    height: 21vw;
    max-height: 370px;
    background-size: 100% auto;
  }
}
/* line 211, sass/components/_case_studies.scss */
.case-studies .bottom-nav .prev-client-cta,
.case-studies .bottom-nav .next-client-cta {
  width: 200px;
  height: 61px;
  margin: auto;
  padding: 20px 0;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 1201px) {
  /* line 211, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .prev-client-cta,
  .case-studies .bottom-nav .next-client-cta {
    position: absolute;
    width: 15vw;
    height: 100px;
    max-width: 280px;
    max-height: 100px;
    padding: 35px 0;
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 238, sass/components/_case_studies.scss */
.case-studies .bottom-nav .next-client-cta {
  background-color: #E60073;
  margin-bottom: -40px;
}
/* line 241, sass/components/_case_studies.scss */
.case-studies .bottom-nav .next-client-cta:hover {
  background-color: #BA005C;
}
@media only screen and (min-width: 1201px) {
  /* line 238, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .next-client-cta {
    margin: 0;
    right: -6vw;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 238, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .next-client-cta {
    right: -125px;
  }
}
/* line 255, sass/components/_case_studies.scss */
.case-studies .bottom-nav .prev-client-cta {
  background-color: #FC9318;
  margin-top: -40px;
}
/* line 258, sass/components/_case_studies.scss */
.case-studies .bottom-nav .prev-client-cta:hover {
  background-color: #DD7C09;
}
@media only screen and (min-width: 1201px) {
  /* line 255, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .prev-client-cta {
    margin: 0;
    left: -6vw;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 255, sass/components/_case_studies.scss */
  .case-studies .bottom-nav .prev-client-cta {
    left: -125px;
  }
}
/* line 274, sass/components/_case_studies.scss */
.case-studies .case-study-carousel img {
  width: 100%;
  max-width: 100vw;
  height: auto;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
/* line 281, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  position: relative;
  width: 250px;
  height: 344px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1201px) {
  /* line 281, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide {
    width: 437px;
    height: 600px;
  }
}
/* line 297, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .layer {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* line 308, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide:hover .dropdown-layer {
  bottom: 0;
  height: 100%;
  cursor: pointer;
}
/* line 314, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 40px 20px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  z-index: 1000;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  color: #FFFFFF;
}
@media only screen and (min-width: 1201px) {
  /* line 314, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .dropdown-layer {
    padding: 60px 40px;
  }
}
/* line 333, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer .client-name {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media only screen and (min-width: 1201px) {
  /* line 333, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .dropdown-layer .client-name {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 18px;
  }
}
/* line 348, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer .case-study-headline {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 15px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
}
@media only screen and (min-width: 1201px) {
  /* line 348, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .dropdown-layer .case-study-headline {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
  }
}
/* line 362, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer .case-study-overview {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
  letter-spacing: 0.05px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
}
@media only screen and (min-width: 1201px) {
  /* line 362, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .dropdown-layer .case-study-overview {
    margin-bottom: 25px;
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
  }
}
/* line 378, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer .see-more-button {
  font-size: 17px;
  line-height: 21px;
  text-transform: uppercase;
  color: #E60073;
  cursor: pointer;
}
/* line 385, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .dropdown-layer .see-more-button:hover {
  color: #BA005C;
}
@media only screen and (min-width: 1201px) {
  /* line 378, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .dropdown-layer .see-more-button {
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 397, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .clicked-for-dropdown {
  bottom: 0;
  height: 100%;
}
/* line 402, sass/components/_case_studies.scss */
.case-studies .case-study-carousel .navigation-slide .client-logo {
  width: 200px;
  position: absolute;
  text-align: center;
}
@media only screen and (min-width: 1201px) {
  /* line 402, sass/components/_case_studies.scss */
  .case-studies .case-study-carousel .navigation-slide .client-logo {
    width: 300px;
  }
}
/* line 415, sass/components/_case_studies.scss */
.case-studies .headline-and-image-container {
  opacity: 0;
  z-index: 200;
}
/* line 420, sass/components/_case_studies.scss */
.case-studies .main-case-study-content-container {
  height: 0;
  opacity: 0;
  z-index: 1;
}
@keyframes moveLeftOffScreen {
  0% {
    right: 0px;
  }
  100% {
    right: 10000px;
    opacity: 0;
  }
}
@keyframes returnFromLeft {
  0% {
    right: 10000px;
    opacity: 1;
  }
  100% {
    right: 0px;
  }
}
@keyframes moveRightOffScreen {
  0% {
    left: 0px;
  }
  100% {
    left: 10000px;
    opacity: 0;
  }
}
@keyframes returnFromRight {
  0% {
    left: 10000px;
    opacity: 1;
  }
  100% {
    left: 0px;
  }
}
@keyframes fadeIn {
  0% {
    left: 10000px;
    opacity: 1;
  }
  100% {
    left: 0px;
  }
}
/* line 482, sass/components/_case_studies.scss */
.case-studies .move-right-off-screen {
  position: relative;
  animation-name: moveRightOffScreen;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
/* line 490, sass/components/_case_studies.scss */
.case-studies .return-from-right {
  position: relative;
  animation-name: returnFromRight;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
/* line 498, sass/components/_case_studies.scss */
.case-studies .move-left-off-screen {
  position: relative;
  animation-name: moveLeftOffScreen;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
/* line 506, sass/components/_case_studies.scss */
.case-studies .return-from-left {
  position: relative;
  animation-name: returnFromLeft;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
@keyframes pullUpMainContainer {
  50% {
    margin-top: 100vh;
    height: 1px;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInMobile {
  0% {
    opacity: 0;
  }
  50% {
    margin-top: 100vh;
    height: 1px;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    height: 100%;
  }
  51% {
    height: 0;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
@keyframes fadeOutAndHide {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    height: 100%;
    margin-top: 0;
  }
  100% {
    position: absolute;
    left: 10000px;
    bottom: 10000px;
    margin-top: -1800px;
  }
}
@keyframes fadeOutAndHideMobile {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    height: 100%;
    margin-top: 0;
  }
  100% {
    position: absolute;
    left: 10000px;
    bottom: 10000px;
    margin-top: -2800px;
  }
}
@keyframes moveDownAndHide {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 100vh;
    height: 0;
  }
  100% {
    display: none;
  }
}
@keyframes hideHalfThrough {
  0% {
    margin-top: 0;
  }
  50% {
    height: 100%;
    margin-top: 100vh;
  }
  99% {
    height: 100%;
    margin-top: 800px;
    position: relative;
    top: 0;
    right: 0;
  }
  100% {
    position: absolute;
    top: 100000px;
    right: 100000px;
    height: 0;
  }
}
@keyframes growIn {
  0% {
    height: 0;
  }
  99% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/* line 687, sass/components/_case_studies.scss */
.case-studies .main-container-animation {
  position: relative;
  animation-name: pullUpMainContainer;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
/* line 695, sass/components/_case_studies.scss */
.case-studies .fade-in-headline-and-image {
  position: relative;
  animation-name: fadeInMobile;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@media only screen and (min-width: 1201px) {
  /* line 695, sass/components/_case_studies.scss */
  .case-studies .fade-in-headline-and-image {
    position: relative;
    animation-name: fadeIn;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
}
/* line 711, sass/components/_case_studies.scss */
.case-studies .fade-out-current-case-study {
  position: relative;
  animation-name: fadeOutAndHideMobile;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@media only screen and (min-width: 1201px) {
  /* line 711, sass/components/_case_studies.scss */
  .case-studies .fade-out-current-case-study {
    animation-name: fadeOutAndHide;
  }
}
/* line 723, sass/components/_case_studies.scss */
.case-studies .fade-out-headline-and-image {
  position: relative;
  animation-name: fadeOut;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
/* line 731, sass/components/_case_studies.scss */
.case-studies .move-down-and-hide {
  position: relative;
  animation-name: moveDownAndHide;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
/* line 739, sass/components/_case_studies.scss */
.case-studies .hide-case-study {
  position: relative;
  animation-name: hideHalfThrough;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
/* line 747, sass/components/_case_studies.scss */
.case-studies .grow-in-carousel-nav {
  position: relative;
  animation-name: growIn;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

/* line 756, sass/components/_case_studies.scss */
.carousel-nav .case-study-carousel .slick-list {
  width: 100vw;
}

@media only screen and (min-width: 1951px) {
  /* line 762, sass/components/_case_studies.scss */
  .carousel-nav .case-study-carousel.slick-slider .hideControlsOnLargerScreens {
    display: none !important;
  }
}

/* line 769, sass/components/_case_studies.scss */
.case-study-carousel.slick-slider {
  margin-bottom: 74px;
}
/* line 772, sass/components/_case_studies.scss */
.case-study-carousel.slick-slider .slick-slide {
  margin: 0 10px;
}
/* line 776, sass/components/_case_studies.scss */
.case-study-carousel.slick-slider .slick-prev,
.case-study-carousel.slick-slider .slick-next {
  bottom: -91px;
}
@media only screen and (min-width: 1201px) {
  /* line 776, sass/components/_case_studies.scss */
  .case-study-carousel.slick-slider .slick-prev,
  .case-study-carousel.slick-slider .slick-next {
    bottom: -90px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 776, sass/components/_case_studies.scss */
  .case-study-carousel.slick-slider .slick-prev,
  .case-study-carousel.slick-slider .slick-next {
    bottom: -113px;
  }
}
/* line 789, sass/components/_case_studies.scss */
.case-study-carousel.slick-slider .slick-dots {
  bottom: -32px;
}
@media only screen and (min-width: 1201px) {
  /* line 789, sass/components/_case_studies.scss */
  .case-study-carousel.slick-slider .slick-dots {
    bottom: -50px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 789, sass/components/_case_studies.scss */
  .case-study-carousel.slick-slider .slick-dots {
    bottom: -70px;
  }
}

/* line 2, sass/templates/_404_page.scss */
.page-not-found {
  margin-left: 5px;
}
@media only screen and (min-width: 551px) {
  /* line 2, sass/templates/_404_page.scss */
  .page-not-found {
    margin-left: 51px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 2, sass/templates/_404_page.scss */
  .page-not-found {
    margin-left: 260px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 2, sass/templates/_404_page.scss */
  .page-not-found {
    margin-left: 309px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 2, sass/templates/_404_page.scss */
  .page-not-found {
    margin-left: 733px;
  }
}
/* line 8, sass/templates/_404_page.scss */
.page-not-found__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-top: 70px;
  margin-bottom: 26px;
}
@media only screen and (min-width: 1201px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    margin-top: 119px;
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    margin-top: 142px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 8, sass/templates/_404_page.scss */
  .page-not-found__title {
    margin-top: 226px;
    margin-bottom: 42px;
  }
}
/* line 19, sass/templates/_404_page.scss */
.page-not-found__description-wrapper {
  margin-bottom: 28px;
}
@media only screen and (min-width: 551px) {
  /* line 19, sass/templates/_404_page.scss */
  .page-not-found__description-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 19, sass/templates/_404_page.scss */
  .page-not-found__description-wrapper {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 19, sass/templates/_404_page.scss */
  .page-not-found__description-wrapper {
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 19, sass/templates/_404_page.scss */
  .page-not-found__description-wrapper {
    margin-bottom: 50px;
  }
}
/* line 27, sass/templates/_404_page.scss */
.page-not-found__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1201px) {
  /* line 27, sass/templates/_404_page.scss */
  .page-not-found__description {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 27, sass/templates/_404_page.scss */
  .page-not-found__description {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 27, sass/templates/_404_page.scss */
  .page-not-found__description {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 32, sass/templates/_404_page.scss */
.page-not-found__links {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 32, sass/templates/_404_page.scss */
  .page-not-found__links {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 32, sass/templates/_404_page.scss */
  .page-not-found__links {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 32, sass/templates/_404_page.scss */
  .page-not-found__links {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 37, sass/templates/_404_page.scss */
.page-not-found__bottom-space {
  margin-bottom: 325px;
}
@media only screen and (min-width: 551px) {
  /* line 37, sass/templates/_404_page.scss */
  .page-not-found__bottom-space {
    margin-bottom: 421px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 37, sass/templates/_404_page.scss */
  .page-not-found__bottom-space {
    margin-bottom: 542px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 37, sass/templates/_404_page.scss */
  .page-not-found__bottom-space {
    margin-bottom: 538px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 37, sass/templates/_404_page.scss */
  .page-not-found__bottom-space {
    margin-bottom: 652px;
  }
}

/* line 3, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns {
  margin-top: 60px;
}
/* line 7, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns.dark-text h3,
.row_with_copy_and_image_columns.dark-text p {
  color: #000;
}
/* line 13, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns h3 {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  max-width: 670px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 13, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 13, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns h3 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 13, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns h3 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 19, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns p {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  max-width: 670px;
  background: transparent;
}
@media only screen and (min-width: 1951px) {
  /* line 19, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 19, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 19, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns p {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 19, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 19, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns p {
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 35, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns .text-container {
  margin-top: 60px;
}
@media only screen and (min-width: 1201px) {
  /* line 35, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns .text-container {
    margin-top: 0;
    padding-top: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
/* line 46, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns .img-container {
  margin-top: 60px;
  margin-bottom: -2px;
}
@media only screen and (min-width: 1201px) {
  /* line 46, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns .img-container {
    margin-top: 0;
  }
}
/* line 55, sass/components/_row_with_copy_and_image_columns.scss */
.row_with_copy_and_image_columns img {
  max-width: 350px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1201px) {
  /* line 55, sass/components/_row_with_copy_and_image_columns.scss */
  .row_with_copy_and_image_columns img {
    display: inline;
  }
}

/* line 3, sass/components/_true_love_tough_love.scss */
.true_love_tough_love {
  text-align: center;
}
/* line 6, sass/components/_true_love_tough_love.scss */
.true_love_tough_love h3 {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}
@media only screen and (min-width: 1201px) {
  /* line 6, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 6, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love h3 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 6, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love h3 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 10, sass/components/_true_love_tough_love.scss */
.true_love_tough_love p {
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  background-color: transparent;
  max-width: 486px;
  margin: 10px auto;
}
@media only screen and (min-width: 1951px) {
  /* line 10, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 10, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 10, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love p {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1951px) {
  /* line 10, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 2701px) {
  /* line 10, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love p {
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 19, sass/components/_true_love_tough_love.scss */
.true_love_tough_love .tough-love-container,
.true_love_tough_love .true-love-container {
  padding: 54px 15px;
}
/* line 23, sass/components/_true_love_tough_love.scss */
.true_love_tough_love .tough-love-container {
  background: #000;
}
/* line 26, sass/components/_true_love_tough_love.scss */
.true_love_tough_love .true-love-container {
  background: #E60073;
}
/* line 29, sass/components/_true_love_tough_love.scss */
.true_love_tough_love .true-love-container :before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: -25px;
  width: 100%;
  height: 50px;
  background: #E60073;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
/* line 40, sass/components/_true_love_tough_love.scss */
.true_love_tough_love .true-love-container ::after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: -25px;
  width: 100%;
  height: 50px;
  background: #000;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  transform: rotate(180deg);
}
@media only screen and (min-width: 1201px) {
  /* line 54, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love .true-love-container :before {
    content: '';
    position: absolute;
    display: block;
    left: -100px;
    top: 0;
    bottom: 0;
    width: 200px;
    height: 100%;
    background: #E60073;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
  /* line 66, sass/components/_true_love_tough_love.scss */
  .true_love_tough_love .true-love-container ::after {
    content: '';
    position: absolute;
    display: block;
    left: -100px;
    top: 0;
    bottom: 0;
    width: 200px;
    height: 100%;
    background: #000;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
    transform: rotate(180deg);
  }
}

/* line 2, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons .card {
  padding: 0 20px;
  margin-bottom: 20px;
  max-width: 335px;
  overflow: hidden;
}
@media only screen and (min-width: 1201px) {
  /* line 2, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons .card {
    padding: 0 5px;
  }
}
/* line 12, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons .card-inner {
  background: #fff;
  padding: 35px;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  text-align: center;
}
/* line 22, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons .img-container {
  margin: 0 -35px 20px;
  min-height: 75px;
}
/* line 26, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons img {
  display: block;
  margin: 0 auto;
}
/* line 30, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 20px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 30, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 30, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 30, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 37, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons p {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1951px) {
  /* line 37, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 37, sass/components/_cards_with_cta_buttons.scss */
  .cards_with_cta_buttons p {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 41, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons a {
  display: inline-block;
  padding: 17px 26px;
  background: #ffffff;
  color: #E60073;
  border: 3px solid #E60073;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  min-width: 210px;
  margin-top: auto;
}
/* line 53, sass/components/_cards_with_cta_buttons.scss */
.cards_with_cta_buttons a:hover {
  background: #E60073;
  color: #ffffff;
}

/* line 2, sass/components/_cards_with_images.scss */
.cards_with_images .card {
  margin: 0 5px 20px;
  max-width: 335px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1201px) {
  /* line 2, sass/components/_cards_with_images.scss */
  .cards_with_images .card {
    padding: 0 5px;
  }
}
/* line 15, sass/components/_cards_with_images.scss */
.cards_with_images .card:nth-of-type(odd) {
  margin-left: 5px;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  /* line 15, sass/components/_cards_with_images.scss */
  .cards_with_images .card:nth-of-type(odd) {
    margin-left: 13%;
  }
}
/* line 24, sass/components/_cards_with_images.scss */
.cards_with_images .card-inner {
  padding: 30px 25px;
  height: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  text-align: left;
}
/* line 34, sass/components/_cards_with_images.scss */
.cards_with_images .img-container.primary {
  margin: -30px -25px 25px;
}
/* line 37, sass/components/_cards_with_images.scss */
.cards_with_images .img-container.secondary {
  align-self: flex-start;
  margin-top: auto;
}
/* line 42, sass/components/_cards_with_images.scss */
.cards_with_images img {
  display: block;
  margin: 0 auto;
}
/* line 46, sass/components/_cards_with_images.scss */
.cards_with_images h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-size: 27px;
  line-height: 35px;
  margin-bottom: 12px;
  width: 100%;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1201px) {
  /* line 46, sass/components/_cards_with_images.scss */
  .cards_with_images h3 {
    font-size: 27px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 46, sass/components/_cards_with_images.scss */
  .cards_with_images h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 46, sass/components/_cards_with_images.scss */
  .cards_with_images h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
/* line 54, sass/components/_cards_with_images.scss */
.cards_with_images p {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1951px) {
  /* line 54, sass/components/_cards_with_images.scss */
  .cards_with_images p {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 54, sass/components/_cards_with_images.scss */
  .cards_with_images p {
    font-size: 30px;
    line-height: 40px;
  }
}

/* line 3, sass/templates/_portfolio_template.scss */
.portfolio-template__dark-background__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  padding-top: 78px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    padding-top: 106px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    padding-top: 106px;
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 3, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__title {
    padding-top: 170px;
  }
}
/* line 24, sass/templates/_portfolio_template.scss */
.portfolio-template__dark-background__subtitle {
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: -20px;
}
@media only screen and (min-width: 551px) {
  /* line 24, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__subtitle {
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 24, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__subtitle {
    font-size: 27px;
    line-height: 35px;
    padding-bottom: 0px;
    margin-bottom: -60px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 24, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__subtitle {
    padding-bottom: 46px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 24, sass/templates/_portfolio_template.scss */
  .portfolio-template__dark-background__subtitle {
    padding-bottom: 80px;
    margin-bottom: -80px;
  }
}

/* line 53, sass/templates/_portfolio_template.scss */
body.page-template-portfolio-template .styled_text--body1, body.page-template-portfolio-home-template .styled_text--body1 {
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
}
@media only screen and (min-width: 1201px) {
  /* line 53, sass/templates/_portfolio_template.scss */
  body.page-template-portfolio-template .styled_text--body1, body.page-template-portfolio-home-template .styled_text--body1 {
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
  }
}
/* line 64, sass/templates/_portfolio_template.scss */
body.page-template-portfolio-template .logo span, body.page-template-portfolio-home-template .logo span {
  color: #ffffff;
}
/* line 67, sass/templates/_portfolio_template.scss */
/* body.page-template-portfolio-template .header.is-pink, body.page-template-portfolio-home-template .header.is-pink {
  background: none;
} */
/* line 71, sass/templates/_portfolio_template.scss */
body.page-template-portfolio-template footer.portfolio-footer, body.page-template-portfolio-home-template footer.portfolio-footer {
  margin-top: -80px;
  padding-top: 135px;
}

/* line 78, sass/templates/_portfolio_template.scss */
.dtpl-grid {
  padding: 0 15px;
}
/* line 81, sass/templates/_portfolio_template.scss */
.dtpl-grid__item {
  width: 100%;
  background: center center no-repeat;
  margin-bottom: 30px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  transition: all .5s ease-in-out;
  background-size: 110% auto;
}
/* line 93, sass/templates/_portfolio_template.scss */
.dtpl-grid__item:after {
  content: '';
  background: #000000;
  opacity: .5;
  position: absolute;
  top: 0px;
  left: 15px;
  right: 15px;
  bottom: 30px;
  transition: all .5s ease-in-out;
}
/* line 105, sass/templates/_portfolio_template.scss */
.dtpl-grid__item:hover {
  background-size: 100% auto;
  color: #ffffff;
}
@media only screen and (min-width: 1201px) {
  /* line 81, sass/templates/_portfolio_template.scss */
  .dtpl-grid__item {
    height: 482px;
  }
}
/* line 113, sass/templates/_portfolio_template.scss */
.dtpl-grid__content {
  text-align: center;
  z-index: 9;
}
/* line 118, sass/templates/_portfolio_template.scss */
.dtpl-grid__title {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 118, sass/templates/_portfolio_template.scss */
  .dtpl-grid__title {
    font-size: 120px;
    margin-bottom: 60px;
  }
}
/* line 132, sass/templates/_portfolio_template.scss */
.dtpl-grid__client {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 132, sass/templates/_portfolio_template.scss */
  .dtpl-grid__client {
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 146, sass/templates/_portfolio_template.scss */
.dtpl-grid__copy {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 146, sass/templates/_portfolio_template.scss */
  .dtpl-grid__copy {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 159, sass/templates/_portfolio_template.scss */
.dtpl-news-layout {
  padding-top: 0px;
  padding-bottom: 80px;
  margin-top: 0 !important;
}
@media only screen and (min-width: 1201px) {
  /* line 159, sass/templates/_portfolio_template.scss */
  .dtpl-news-layout {
    padding-bottom: 110px;
  }
}
/* line 168, sass/templates/_portfolio_template.scss */
.dtpl-news-layout .others-cards {
  margin: 0 -3px;
}
/* line 172, sass/templates/_portfolio_template.scss */
.dtpl-news-layout .card__main-image {
  background-size: cover;
  background-position: center top;
}
/* line 176, sass/templates/_portfolio_template.scss */
.dtpl-news-layout .news-author {
  color: #000000;
  background: #D7D7D7;
  bottom: 10px;
}
/* line 181, sass/templates/_portfolio_template.scss */
.dtpl-news-layout .color-bar {
  background: #fc9318;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fc9318 0%, #e60073 100%, #fc9318 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fc9318 0%, #e60073 100%, #fc9318 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fc9318 0%, #e60073 100%, #fc9318 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9318', endColorstr='#fc9318',GradientType=1 );
  /* IE6-9 */
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 10px;
  width: 100%;
}

/* line 196, sass/templates/_portfolio_template.scss */
.cs-contact {
  width: 100%;
}
/* line 199, sass/templates/_portfolio_template.scss */
.cs-contact_wrapper {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}
/* line 206, sass/templates/_portfolio_template.scss */
.cs-contact .contact-pink {
  background: #e60073;
  padding: 30px;
  color: #ffffff;
}
@media only screen and (min-width: 551px) {
  /* line 206, sass/templates/_portfolio_template.scss */
  .cs-contact .contact-pink {
    padding: 60px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 206, sass/templates/_portfolio_template.scss */
  .cs-contact .contact-pink {
    padding: 130px 140px 140px;
  }
}
/* line 219, sass/templates/_portfolio_template.scss */
.cs-contact h3 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 100px;
  margin-bottom: 13px;
}
/* line 227, sass/templates/_portfolio_template.scss */
.cs-contact p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0;
  margin-bottom: 34px;
}
@media only screen and (min-width: 1201px) {
  /* line 227, sass/templates/_portfolio_template.scss */
  .cs-contact p {
    font-size: 27px;
    line-height: 35px;
  }
}
/* line 240, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full {
  margin-bottom: 0px;
}
@media only screen and (max-width: 900px) {
  /* line 245, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: left !important;
  }
  /* line 251, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea.activated {
    padding-top: 30px;
  }
}
/* line 256, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (min-width: 1951px) {
  /* line 256, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 256, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 260, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #ffffff;
}
/* line 264, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: visible !important;
}
/* line 270, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field label {
  position: absolute;
  top: 16px;
  left: 10px;
  z-index: 10;
  margin-bottom: 0px;
  font-size: 22px;
  padding-right: 8px;
}
@media only screen and (min-width: 1201px) {
  /* line 270, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field label {
    font-size: 25px;
  }
}
/* line 283, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field input,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field textarea,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field select {
  background: none;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  color: #e60073;
  font-size: 22px;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
@media only screen and (min-width: 1201px) {
  /* line 283, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field input,
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field textarea,
  .cs-contact div.wpforms-container-full .wpforms-form .wpforms-field select {
    font-size: 25px;
  }
}
/* line 300, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field textarea {
  border: 2px solid rgba(255, 255, 255, 0.6);
}
/* line 304, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.activated label {
  font-size: 16px;
  top: -18px;
  transition: .15s all;
}
/* line 309, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.activated input,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.activated textarea,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.activated select {
  color: #ffffff;
  transition: .15s all;
  border-bottom: 2px solid white;
}
/* line 316, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.activated textarea {
  border: 2px solid white;
}
/* line 322, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error label.wpforms-error {
  color: #000000;
  bottom: -10px;
  top: auto;
  font-size: 16px;
}
/* line 328, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error input,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error textarea,
.cs-contact div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error select {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid black;
}
/* line 341, sass/templates/_portfolio_template.scss */
.cs-contact .cs-contact-form {
  opacity: 0;
  height: 0px;
  overflow: hidden;
}
/* line 348, sass/templates/_portfolio_template.scss */
.cs-contact.active-form .cs-contact-form {
  transition: .25s all;
  opacity: 1;
  height: auto;
  padding-top: 10px;
}
/* line 354, sass/templates/_portfolio_template.scss */
.cs-contact.active-form .show-form {
  display: none;
}
/* line 359, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form button[type=submit],
.cs-contact button.show-form {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  background: #E60073;
  border: none;
  color: white;
  margin-top: 10px;
  padding: 10px 50px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #ffffff;
  width: 248px;
}
@media only screen and (min-width: 1201px) {
  /* line 359, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form button[type=submit],
  .cs-contact button.show-form {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 359, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form button[type=submit],
  .cs-contact button.show-form {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 359, sass/templates/_portfolio_template.scss */
  .cs-contact div.wpforms-container-full .wpforms-form button[type=submit],
  .cs-contact button.show-form {
    font-size: 18px;
    line-height: 26px;
  }
}
/* line 372, sass/templates/_portfolio_template.scss */
.cs-contact div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.cs-contact button.show-form:hover {
  background-color: #ffffff;
  border: 2px solid #e60073;
  color: #e60073;
}

/* line 383, sass/templates/_portfolio_template.scss */
.case_study-template .styled_text,
.page-template-portfolio-home-template .styled_text,
.page-template-portfolio-work-template .styled_text {
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
/* line 388, sass/templates/_portfolio_template.scss */
.case_study-template .styled_text--h1,
.page-template-portfolio-home-template .styled_text--h1,
.page-template-portfolio-work-template .styled_text--h1 {
  margin-bottom: 0px;
}
/* line 391, sass/templates/_portfolio_template.scss */
.case_study-template .styled_text--h3,
.page-template-portfolio-home-template .styled_text--h3,
.page-template-portfolio-work-template .styled_text--h3 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
}
/* line 397, sass/templates/_portfolio_template.scss */
.case_study-template .styled_text--body1,
.page-template-portfolio-home-template .styled_text--body1,
.page-template-portfolio-work-template .styled_text--body1 {
  font-size: 27px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 35px;
}
/* line 403, sass/templates/_portfolio_template.scss */
.case_study-template .statistic__number,
.page-template-portfolio-home-template .statistic__number,
.page-template-portfolio-work-template .statistic__number {
  font-size: 100px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 120px;
  text-align: center;
}
/* line 410, sass/templates/_portfolio_template.scss */
.case_study-template .background-component,
.page-template-portfolio-home-template .background-component,
.page-template-portfolio-work-template .background-component {
  padding: 120px 0 100px;
}
/* line 413, sass/templates/_portfolio_template.scss */
.case_study-template .background-component .styled_text--h1,
.page-template-portfolio-home-template .background-component .styled_text--h1,
.page-template-portfolio-work-template .background-component .styled_text--h1 {
  color: #ffffff;
  font-size: 80px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 100px;
  text-align: center;
}
/* line 422, sass/templates/_portfolio_template.scss */
.case_study-template .parallax,
.page-template-portfolio-home-template .parallax,
.page-template-portfolio-work-template .parallax {
  margin-bottom: 0px;
}
/* line 425, sass/templates/_portfolio_template.scss */
.case_study-template .single-work__container,
.page-template-portfolio-home-template .single-work__container,
.page-template-portfolio-work-template .single-work__container {
  background: #ffffff !important;
}
/* line 430, sass/templates/_portfolio_template.scss */
.case_study-template .single-work__related-post__content__aside h2,
.page-template-portfolio-home-template .single-work__related-post__content__aside h2,
.page-template-portfolio-work-template .single-work__related-post__content__aside h2 {
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 35px;
}
@media only screen and (min-width: 1201px) {
  /* line 429, sass/templates/_portfolio_template.scss */
  .case_study-template .single-work__related-post__content__aside,
  .page-template-portfolio-home-template .single-work__related-post__content__aside,
  .page-template-portfolio-work-template .single-work__related-post__content__aside {
    margin-bottom: 120px;
  }
}
/* line 442, sass/templates/_portfolio_template.scss */
.case_study-template .footer,
.page-template-portfolio-home-template .footer,
.page-template-portfolio-work-template .footer {
  height: auto;
}
/* line 446, sass/templates/_portfolio_template.scss */
.case_study-template .burger,
.page-template-portfolio-home-template .burger,
.page-template-portfolio-work-template .burger {
  display: none;
}

/* line 1, sass/templates/_default_template.scss */
.page-template-default {
  margin-top: 136px;
}
@media only screen and (min-width: 1201px) {
  /* line 1, sass/templates/_default_template.scss */
  .page-template-default {
    margin-top: 171px;
  }
}
/* line 11, sass/templates/_default_template.scss */
.page-template-default .default-template ol, .page-template-default .default-template ul,
.page-template-default .widget_black-studio-tinymce ol,
.page-template-default .widget_black-studio-tinymce ul,
.page-template-default .siteorigin-widget-tinymce ol,
.page-template-default .siteorigin-widget-tinymce ul {
  padding-left: 25px;
  margin: 0 0 .5em;
}
/* line 15, sass/templates/_default_template.scss */
.page-template-default .default-template ol li, .page-template-default .default-template ul li,
.page-template-default .widget_black-studio-tinymce ol li,
.page-template-default .widget_black-studio-tinymce ul li,
.page-template-default .siteorigin-widget-tinymce ol li,
.page-template-default .siteorigin-widget-tinymce ul li {
  margin: 0px;
}
/* line 20, sass/templates/_default_template.scss */
.page-template-default .default-template p,
.page-template-default .widget_black-studio-tinymce p,
.page-template-default .siteorigin-widget-tinymce p {
  margin: 0 0 .5em;
}
/* line 25, sass/templates/_default_template.scss */
.page-template-default .clients__top-space {
  text-align: left;
}

/* line 2, sass/templates/_pong.scss */
#pong {
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 100vw;
  background: #22282C;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  transition: .5s left;
  overflow: hidden;
}
/* line 15, sass/templates/_pong.scss */
#pong .paddle {
  position: absolute;
  top: -1000px;
  left: -1000px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background: #ffffff;
  width: 70px;
  height: 12px;
}
@media only screen and (min-width: 1201px) {
  /* line 15, sass/templates/_pong.scss */
  #pong .paddle {
    width: 89px;
    height: 186px;
    background-color: unset;
  }
  /* line 31, sass/templates/_pong.scss */
  #pong .paddle.paddle-left {
    background-image: url("/wp-content/themes/periscope/pong/images/mit-left.svg");
    background-position: center right;
    background-repeat: no-repeat;
  }
  /* line 36, sass/templates/_pong.scss */
  #pong .paddle.paddle-right {
    background-image: url("/wp-content/themes/periscope/pong/images/mit-right.svg");
    background-position: center left;
    background-repeat: no-repeat;
  }
}
/* line 45, sass/templates/_pong.scss */
#pong .ball {
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 1201px) {
  /* line 45, sass/templates/_pong.scss */
  #pong .ball {
    width: 40px;
    height: 40px;
  }
}
/* line 60, sass/templates/_pong.scss */
#pong .close-btn {
  background: url("/wp-content/themes/periscope/pong/images/close.svg") center center no-repeat;
  background-size: 50%;
  position: absolute;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 60, sass/templates/_pong.scss */
  #pong .close-btn {
    width: 80px;
    height: 80px;
    top: 20px;
    right: 20px;
  }
}
/* line 78, sass/templates/_pong.scss */
#pong .score {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/wp-content/themes/periscope/pong/images/compass.svg") center center no-repeat;
  background-size: contain;
  color: #22282C;
  font-weight: bold;
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 12px;
  top: 10px;
  left: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 78, sass/templates/_pong.scss */
  #pong .score {
    width: 90px;
    height: 90px;
    font-size: 24px;
    top: 20px;
    left: 20px;
  }
}
/* line 103, sass/templates/_pong.scss */
#pong .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70vw;
  height: 50vh;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (min-width: 1201px) {
  /* line 103, sass/templates/_pong.scss */
  #pong .text-box {
    font-size: 32px;
    line-height: 38px;
  }
}
/* line 124, sass/templates/_pong.scss */
#pong .text-box .text-box-container {
  height: 25vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* line 130, sass/templates/_pong.scss */
#pong .text-box .text-box-container a {
  color: #E60073;
}
/* line 134, sass/templates/_pong.scss */
#pong .text-box .text-box-container.text-box-container-top {
  align-items: center;
  justify-content: flex-end;
}
/* line 139, sass/templates/_pong.scss */
#pong .text-box .text-box-container .pong-title {
  font-family: 'Arpona-ExtraBold', Times, serif;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 1201px) {
  /* line 139, sass/templates/_pong.scss */
  #pong .text-box .text-box-container .pong-title {
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 8px;
  }
}
/* line 155, sass/templates/_pong.scss */
#pong .text-box .text-box-container#top-copy-section-desktop, #pong .text-box .text-box-container#copy-section-desktop {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 155, sass/templates/_pong.scss */
  #pong .text-box .text-box-container#top-copy-section-desktop, #pong .text-box .text-box-container#copy-section-desktop {
    display: flex;
  }
}
/* line 163, sass/templates/_pong.scss */
#pong .text-box .text-box-container#top-copy-section-mobile, #pong .text-box .text-box-container#copy-section-mobile {
  display: flex;
}
@media only screen and (min-width: 1201px) {
  /* line 163, sass/templates/_pong.scss */
  #pong .text-box .text-box-container#top-copy-section-mobile, #pong .text-box .text-box-container#copy-section-mobile {
    display: none;
  }
}
/* line 173, sass/templates/_pong.scss */
#pong .text-box .pink {
  color: #E60073;
  font-weight: bold;
}
/* line 178, sass/templates/_pong.scss */
#pong .text-box a.button {
  text-align: center;
  color: #ffffff;
  background: #E60073;
  font-weight: bold;
  font-size: 12px;
  width: 114px;
  height: 28px;
  line-height: 28px;
  margin: 23px auto 0;
  display: block;
}
/* line 190, sass/templates/_pong.scss */
#pong .text-box a.button.button-desktop {
  display: none;
}
/* line 193, sass/templates/_pong.scss */
#pong .text-box a.button.button-mobile {
  display: block;
}
@media only screen and (min-width: 1201px) {
  /* line 178, sass/templates/_pong.scss */
  #pong .text-box a.button {
    font-size: 20px;
    width: 228px;
    height: 55px;
    line-height: 55px;
    margin: 45px auto 0;
  }
  /* line 204, sass/templates/_pong.scss */
  #pong .text-box a.button.button-desktop {
    display: block;
  }
  /* line 207, sass/templates/_pong.scss */
  #pong .text-box a.button.button-mobile {
    display: none;
  }
}
/* line 212, sass/templates/_pong.scss */
#pong .text-box a.button.orange {
  background: #FC9318;
  margin-top: 10px;
}
@media only screen and (min-width: 1201px) {
  /* line 212, sass/templates/_pong.scss */
  #pong .text-box a.button.orange {
    margin-top: 20px;
  }
}
/* line 222, sass/templates/_pong.scss */
#pong .text-box img {
  margin: 12px 0;
  width: 70px;
  height: auto;
  max-width: 140px;
}
@media only screen and (min-width: 1201px) {
  /* line 222, sass/templates/_pong.scss */
  #pong .text-box img {
    width: auto;
    margin: 24px 0;
  }
}
/* line 235, sass/templates/_pong.scss */
#pong .directions {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  bottom: 20px;
  font-size: 14px;
}
@media only screen and (min-width: 1201px) {
  /* line 235, sass/templates/_pong.scss */
  #pong .directions {
    bottom: 30px;
    font-size: 18px;
  }
}
/* line 249, sass/templates/_pong.scss */
#pong .directions#directions-desktop {
  display: none;
}
@media only screen and (min-width: 1201px) {
  /* line 249, sass/templates/_pong.scss */
  #pong .directions#directions-desktop {
    display: inline-block;
  }
}
/* line 256, sass/templates/_pong.scss */
#pong .directions#directions-mobile {
  display: inline-block;
}
@media only screen and (min-width: 1201px) {
  /* line 256, sass/templates/_pong.scss */
  #pong .directions#directions-mobile {
    display: none;
  }
}
/* line 265, sass/templates/_pong.scss */
#pong .touch-button {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
}
/* line 271, sass/templates/_pong.scss */
#pong .touch-button.touch-button-left {
  left: 0;
}
/* line 274, sass/templates/_pong.scss */
#pong .touch-button.touch-button-right {
  right: 0;
}
@media only screen and (min-width: 1201px) {
  /* line 265, sass/templates/_pong.scss */
  #pong .touch-button {
    display: none;
  }
}

/* line 284, sass/templates/_pong.scss */
.pong-active {
  overflow: hidden !important;
}
/* line 287, sass/templates/_pong.scss */
.pong-active #pong {
  left: 0vw;
}

/* line 39, sass/style.scss */
/* html, body {
  height: 100%;
  background-color: #F2F2F2;
} */

/* line 43, sass/style.scss */
body {
  overflow-x: hidden;
}

/* line 47, sass/style.scss */
.default-template, .widget_black-studio-tinymce, .siteorigin-widget-tinymce {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1951px) {
  /* line 47, sass/style.scss */
  .default-template, .widget_black-studio-tinymce, .siteorigin-widget-tinymce {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 47, sass/style.scss */
  .default-template, .widget_black-studio-tinymce, .siteorigin-widget-tinymce {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 51, sass/style.scss */
.default-template p, .default-template li, .widget_black-studio-tinymce p, .widget_black-studio-tinymce li, .siteorigin-widget-tinymce p, .siteorigin-widget-tinymce li {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 1em 0;
}
/* line 59, sass/style.scss */
.default-template ol, .default-template ul, .widget_black-studio-tinymce ol, .widget_black-studio-tinymce ul, .siteorigin-widget-tinymce ol, .siteorigin-widget-tinymce ul {
  padding-left: 40px;
}

/* line 64, sass/style.scss */
.panel-grid, .so-panel {
  margin-bottom: 0px !important;
}

/* line 68, sass/style.scss */
.jssocials-share-count-box {
  display: none;
}

/* line 72, sass/style.scss */
.single-work .widget_black-studio-tinymce {
  margin: 0 auto;
}
@media only screen and (min-width: 551px) {
  /* line 72, sass/style.scss */
  .single-work .widget_black-studio-tinymce {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 72, sass/style.scss */
  .single-work .widget_black-studio-tinymce {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 72, sass/style.scss */
  .single-work .widget_black-studio-tinymce {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* line 89, sass/style.scss */
.single-case_study .single-work .widget_black-studio-tinymce .textwidget {
  padding: 0 4px;
  margin: 0 auto;
}
@media only screen and (min-width: 551px) {
  /* line 88, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce {
    max-width: 768px;
  }
  /* line 96, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce .textwidget {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 88, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce {
    max-width: 1650px;
  }
  /* line 103, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce .textwidget {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 88, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce {
    max-width: 1900px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 115, sass/style.scss */
  .single-case_study .single-work .widget_black-studio-tinymce .textwidget {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* line 123, sass/style.scss */
.pwd-styles {
  margin-top: 100px;
}
@media only screen and (min-width: 1201px) {
  /* line 123, sass/style.scss */
  .pwd-styles {
    margin-left: 20%;
  }
}
/* line 128, sass/style.scss */
.pwd-styles__title {
  margin: 0px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1201px) {
  /* line 128, sass/style.scss */
  .pwd-styles__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 128, sass/style.scss */
  .pwd-styles__title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 128, sass/style.scss */
  .pwd-styles__title {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 134, sass/style.scss */
.pwd-styles__add-margin {
  margin-bottom: 35px;
}
/* line 137, sass/style.scss */
.pwd-styles__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1951px) {
  /* line 137, sass/style.scss */
  .pwd-styles__description {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 137, sass/style.scss */
  .pwd-styles__description {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 141, sass/style.scss */
.pwd-styles__input-style {
  height: 35px;
  width: 250px;
  background: #ffffff;
  border: 1px solid #999;
  padding: 10px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 365px) {
  /* line 141, sass/style.scss */
  .pwd-styles__input-style {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 141, sass/style.scss */
  .pwd-styles__input-style {
    height: 50px;
    width: 340px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 141, sass/style.scss */
  .pwd-styles__input-style {
    height: 60px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 141, sass/style.scss */
  .pwd-styles__input-style {
    height: 70px;
  }
}
/* line 163, sass/style.scss */
.pwd-styles__button {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  width: 70px;
  border-radius: 0px;
  border: none;
  height: 35px;
  background: #E60073;
  color: white;
}
@media only screen and (min-width: 1201px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 1951px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 551px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    width: 150px;
    height: 50px;
  }
}
@media only screen and (min-width: 1201px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    width: 200px;
    height: 60px;
  }
}
@media only screen and (min-width: 2701px) {
  /* line 163, sass/style.scss */
  .pwd-styles__button {
    height: 70px;
  }
}

/******************************************************************************/
/*********************************** HEADER ***********************************/
/******************************************************************************/

.header {
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  transition: all 300ms ease-in-out;
  position: fixed;
}
.header.scroll-up {
  transform: none;
}
.header.scroll-down {
  transform: translate(0, -100%);
}
.header.is-sticky {
  position: fixed;
  backface-visibility: hidden;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9998;
}
.header .header-wrapper {
  padding: 3.125rem 0px 1.375rem;
  margin: 0 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #ffffff;
}
.burger {
  height: 24px;
  width: 30px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.x,
.y,
.z {
  background: #fff;
  transition: all 200ms ease-out;
  height: 4px;
  width: 100%;
}
.open .x {
  transform: translate(0, 10px) rotate(45deg);
}
.open .y {
  display: none;
}
.open .z {
  transform: translate(0, -10px) rotate(135deg);
}
body.menu-open {
  overflow: hidden;
}
.menu {
  position: fixed;
  background: url('images/nav-background@3x.jpg') #3840ED center center no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 0px;
  height: 0px;
  top: 24px;
  right: 17px;
}
.menu.expand {
  animation: expand-animation 400ms;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  right: 0;
  top: 0;
  z-index: 998;
  overflow: scroll;
}
.menu ul {
  margin-top: 136px;
  padding: 0 20px;
}
.menu ul li {
  list-style: none;
  opacity: 0;
  transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1);
  position: relative;
  line-height: 5rem;
  font-size: 4rem;
  text-align: center;
}
.menu ul li.animate {
  opacity: 1;
  transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1);
}
.menu ul li.animate:nth-of-type(1) {
  transition-delay: 0.25s;
}
.menu ul li.animate:nth-of-type(2) {
  transition-delay: 0.28s;
}
.menu ul li.animate:nth-of-type(3) {
  transition-delay: 0.31s;
}
.menu ul li.animate:nth-of-type(4) {
  transition-delay: 0.34s;
}
.menu ul li.animate:nth-of-type(5) {
  transition-delay: 0.37s;
}
.menu ul li.animate:nth-of-type(6) {
  transition-delay: 0.4s;
}
.menu ul li a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  transition: all .3s ease-in-out;
}
.menu ul li a:hover,
.menu ul li.current_page_item a {
  letter-spacing: 1em;
  margin-left: 1em;
}
.social-menu ul {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.social-menu ul li {
  width: 40px;
  height: 40px;
  margin: 0 1rem;
}
.social-menu ul li a:hover {
  margin: 0;
}
.social-menu ul li a img {
  display: block;
  width: 100%;
  height: auto;
}
.logo {
  display: block;
  width: 178px;
  height: 34px;
  background-image: url('images/Periscope_RGB_White.svg');
  background-size: 178px 24px;
  background-position: left center;
  background-repeat: no-repeat;
}
.logo:hover {
  background-image: url('images/Periscope_RGB_White_O.svg');
  background-size: 178px 34px;
}
.logo span {
  font-size: 27px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  visibility: hidden;
}
.menu-portfolio-nav-container ul li:last-child {
  opacity: 1 !important;
}
.menu-portfolio-nav-container ul li:last-child a {
  color: #E60073;
}
.menu-portfolio-nav-container ul li a {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
}
.no-banner-allowed .header-banner {
  display: none !important;
}
.banner-active {
  padding-top: 24px;
}
.banner-active #primary-menu {
  padding-top: 42px;
}
.header-banner {
  background: #22282C;
  margin: 0px;
  padding: 12px 30px;
  color: #ffffff;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  display: none;
}
.header-banner:hover {
  cursor: pointer;
  color: #ffffff;
}
.header-banner .header-banner-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.header-banner a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: underline;
}
.header-banner button.close {
  position: absolute;
  top: 3px;
  right: 10px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 14px;
  height: 33px;
}
.header-banner-active .header-banner {
  display: block;
}
.header-banner-active .container-cards {
  padding-top: 186px;
}
.header-banner-active .about-section {
  padding-top: 115px;
}
.pride-active .header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d32f72+0,ea544a+25,ead84d+50,3895af+75,8449b5+100 */
  background: #d32f72;
  /* Old browsers */
  background: -moz-linear-gradient(left, #d32f72 0%, #ea544a 25%, #ead84d 50%, #3895af 75%, #8449b5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d32f72 0%, #ea544a 25%, #ead84d 50%, #3895af 75%, #8449b5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d32f72 0%, #ea544a 25%, #ead84d 50%, #3895af 75%, #8449b5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f72', endColorstr='#8449b5',GradientType=1 );
  /* IE6-9 */
}
/* line 453, sass/components/_header.scss */
.pride-active .header-banner {
  color: #22282C;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#74d5eb+0,ffffff+51,f7afc5+100 */
  background: #74d5eb;
  /* Old browsers */
  background: -moz-linear-gradient(left, #74d5eb 0%, #ffffff 51%, #f7afc5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #74d5eb 0%, #ffffff 51%, #f7afc5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #74d5eb 0%, #ffffff 51%, #f7afc5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74d5eb', endColorstr='#f7afc5',GradientType=1 );
  /* IE6-9 */
}
/* line 463, sass/components/_header.scss */
.pride-active .header-banner img {
  width: auto !important;
  height: 16px;
}

/* line 470, sass/components/_header.scss */
.award-page {
  padding-top: 0px !important;
}
/* line 473, sass/components/_header.scss */
.award-page .single-work__dark-background {
  padding-top: 20px;
}
/* line 484, sass/components/_header.scss */
.award-page .single-work__dark-background__title {
  padding-top: 0px !important;
}
@media only screen and (min-width: 551px) {
  .header-banner-active .about-section {
    padding-top: 137px;
  }
}
@media screen and (max-width: 768px) {
  .header .header-wrapper {
    padding-top: 30px;
    margin: 0 20px;
  }
  .menu ul {
    margin-top: 116px;
  }
  .menu ul li {
    font-size: 3rem;
    line-height: 3.75rem;
  }
  .menu ul li a:hover,
  .menu ul li.current_page_item a {
    letter-spacing: 0;
    margin: 0;
  }
  .social-menu ul {
    margin-top: 1rem;
  }
  .social-menu ul li {
    margin: 0 .5rem;
  }
}
@media only screen and (min-width: 1201px) {
  .header-banner-active .about-section {
    padding-top: 136px;
  }
  .award-page .single-work__dark-background {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1951px) {
  .header-banner-active .about-section {
    padding-top: 171px;
  }
}
@media only screen and (min-width: 2701px) {
  .header-banner-active .about-section {
    padding-top: 256px;
  }
  .award-page .single-work__dark-background {
    padding-top: 80px;
  }
}

/******************************************************************************/
/**************************** HOME HERO SECTION *******************************/
/******************************************************************************/

.hero {
  position: relative;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 100px;
  background: url('images/video-bg.jpg') center center;
  background-size: cover;
}
.hero .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero .hero-video video {
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}
.hero .hero-video .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.hero .hero-callout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 106px 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero .hero-callout {}
.hero .hero-callout .hero-sub-title {
  font-size: 36px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  color: #ffffff;
  font-family: owners-xnarrow, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.hero .hero-callout .hero-title h2 {
  font-size: 9.375rem;
  text-transform: uppercase;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  line-height: 85%;
  margin-bottom: 1.5rem;
}
.hero .hero-callout .hero-title .page-title-container {
  max-width: 950px;
  margin: 0 auto;
}
.hero .hero-callout .hero-title .page-title-container .title-expand {}
.hero .hero-callout .hero-title .page-title-container .title-expand span {
  font-size: 9.375rem;
  text-transform: uppercase;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  line-height: 85%;
  margin-bottom: 1.5rem;
}
.hero .hero-callout .hero-buttons {}
.hero .hero-callout .hero-buttons a {
  background: transparent;
  border-radius: 50px;
  font-size: 1.875rem;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  padding: 1rem 2rem;
  margin: 0 1rem;
  font-family: owners-xnarrow, sans-serif;
  display: inline-block;
}
.hero .hero-callout .hero-buttons a:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .hero .hero-callout .hero-sub-title {
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin: 0;
  }
  .hero .hero-callout .hero-title h2,
  .hero .hero-callout .hero-title .page-title-container .title-expand span {
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin: 0;
  }
  .hero .hero-callout .hero-title .page-title-container .title-expand span {
    margin-bottom: 1.5rem;
  }
  .hero .hero-callout .hero-buttons a {
    font-size: 1.375rem;
  }
  .hero .hero-callout .hero-buttons a:first-child {
    margin-bottom: 1rem;
  }
}

/******************************************************************************/
/************************** HOME FEATURED ARTICLE *****************************/
/******************************************************************************/

.home-featured-article {
  max-width: 1360px;
  margin: 0 auto;
  padding: 200px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-featured-article .featured-article-image-container {
  max-width: 512px;
}
.home-featured-article .featured-article-image-container .featured-image {
  max-width: 100%;
  height: auto;
  border-radius: 100%;
  border: 4px solid #ffffff;
}
.home-featured-article .featured-article-title-container {
  max-width: 637px;
  flex-grow: 1;
  margin-left: 8.25rem;
}
.home-featured-article .featured-article-title-container .section-title {
  color: #b4efe5;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  letter-spacing: .2em;
  margin-bottom: 1rem;
}
.home-featured-article .featured-article-title-container a {
  color: #ffffff;
  margin-bottom: 1rem;
  display: block;
}
.home-featured-article .featured-article-title-container a h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  line-height: .95em;
  font-size: 3.875rem;
}
.home-featured-article .featured-article-title-container a:hover {
  text-decoration: underline;
}
.home-featured-article .featured-article-title-container .article-read-more a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2.125rem;
  text-decoration: underline;
  font-family: owners-xnarrow, sans-serif;
}
@media screen and (max-width: 768px) {
  .home-featured-article {
    flex-direction: column;
    padding: 60px 20px 80px;
  }
  .home-featured-article .featured-article-image-container {
    margin-bottom: 2.5rem;
    max-width: 247px;
  }
  .home-featured-article .featured-article-title-container {
    margin-left: 0;
  }
  .home-featured-article .featured-article-title-container a h2 {
    font-size: 2.125rem;
  }
  .home-featured-article .featured-article-title-container .article-read-more a {
    font-size: 1.375rem;
  }
}

/******************************************************************************/
/**************************** HOME WORKS SECTION ******************************/
/******************************************************************************/

.homepage-work-list {}
.homepage-work-list .page-title-container {
  max-width: calc(1360px + 40px);
  padding: 0 20px;
  margin: 0 auto -40px;
  position: relative;
  z-index: -1;
}
.homepage-work-list .page-title-container .title-expand span {
  color: #ffffff;
  font-size: 11.875rem;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
}
.homepage-work-list .homepage-work-list-items {}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item {
  background-size: cover;
  background-position: center center;
  min-height: 500px;
  display: flex;
  margin: 0 0 20px;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container {
  padding: 1.25rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1rem;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-title-container {
  display: flex;
  justify-content: space-between;
  letter-spacing: .2em;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-title-container .client {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-title-container .title {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  text-align: right;
  margin-left: 1rem;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-tags {
  text-align: center;
  letter-spacing: .2em;
}
.homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-tags .tags {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
}
.homepage-work-list .homepage-work-list-footer {
  max-width: 1360px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 80px 80px;
}
.homepage-work-list .homepage-work-list-footer .homepage-work-read-more {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2.125rem;
  padding: 1rem 2rem;
  border: 2px solid #ffffff;
  border-radius: 100px;
  background: transparent;
  outline: none;
  font-weight: 700;
  font-family: owners-xnarrow, sans-serif;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .homepage-work-list .page-title-container {
    margin-bottom: -10px;
  }
  .homepage-work-list .page-title-container .title-expand span {
    font-size: 3.125rem;
  }
  .homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-title-container .client,
  .homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-title-container .title {
    font-size: 1rem;
  }
  .homepage-work-list .homepage-work-list-items .homepage-work-list-item .homepage-work-link-container .homepage-work-tags {
    font-size: .75rem;
  }
  .homepage-work-list .homepage-work-list-footer {
    padding: 48px 80px 80px;
  }
  .homepage-work-list .homepage-work-list-footer .homepage-work-read-more {
    font-size: 1.375rem;
  }
}

/******************************************************************************/
/************************ HOME RECENT POSTS SECTION ***************************/
/******************************************************************************/

.homepage-recentposts {
  max-width: calc(1360px + 40px);
  margin: 0 auto;
  padding: 80px 20px 230px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.homepage-recentposts .recentpost {
  width: 32%;
  aspect-ratio: 410/500;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: center center;
}
.homepage-recentposts .recentpost .recentpost-date {
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  width: 100%;
}
.homepage-recentposts .recentpost .recentpost-link {
  color: #ffffff;
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: #ffffff;
}
.homepage-recentposts .recentpost .recentpost-link:hover,
.homepage-recentposts .recentpost .recentpost-link:focus {
  text-decoration: underline;
}
.homepage-recentposts .recentpost .recentpost-title {
}
@media screen and (max-width: 768px) {
  .homepage-recentposts {
    flex-direction: column;
    padding: 20px 20px 50px;
    align-items: center;
  }
  .homepage-recentposts .recentpost {
    width: 100%;
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .homepage-recentposts .recentpost .recentpost-link {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}

/******************************************************************************/
/********************************* FOOTER *************************************/
/******************************************************************************/

.site-footer {
  background: #3840ed;
  padding: 45px 40px 65px;
}
.site-footer .footer-nav {}
.site-footer .footer-nav ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  max-width: 75%;
}
.site-footer .footer-nav ul li {
  flex-grow: 1;
  text-align: center;
}
.site-footer .footer-nav ul li a {
  color: #ffffff;
  font-size: 2.125rem;
  font-family: owners-xnarrow, sans-serif;
  font-weight: 700;
  margin: 0 5%;
  text-transform: uppercase;
  text-decoration: underline;
}
.site-footer .footer-info {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 150px;
}
.site-footer .footer-info .copyright {
  max-width: 425px;
  flex-grow: 1;
}
.site-footer .footer-info .copyright p {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff
}
.site-footer .footer-info .footer-logo {
  max-width: 170px;
  margin: 0 auto;
}
.site-footer .footer-info .footer-logo img {
  max-width: 100%;
  height: auto;
}
.site-footer .footer-info .terms-links {
  max-width: 425px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
}
.site-footer .footer-info .terms-links .terms-menu {

}
.site-footer .footer-info .terms-links .terms-menu ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
}
.site-footer .footer-info .terms-links .terms-menu ul li a {
  font-size: 1.125rem;
  font-family: owners-xnarrow, sans-serif;
  color: #ffffff;
  font-weight: 700;
  margin: 0 .5rem;
  text-transform: uppercase;
}
.site-footer .footer-info .terms-links .social-menu {
  padding: 0;
}
.site-footer .footer-info .terms-links .social-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-info .terms-links .social-menu ul li {
  width: 30px;
  height: 30px;
  margin: 0 .5rem;
}
.site-footer .footer-info .terms-links .social-menu ul li img {
  width: 30px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-info {
    margin-top: 3rem;
  }
  .site-footer .footer-nav ul {
    max-width: 100%;
  }
  .site-footer .footer-info {
    flex-direction: column;
  }
  .site-footer .footer-info .copyright {
    max-width: 100%;
    width: 100%;
    order: 2;
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .site-footer .footer-info .footer-logo {
    order: 1;
    margin-bottom: 1.25rem;
  }
  .site-footer .footer-info .terms-links {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    order: 3;
  }
  .site-footer .footer-info .terms-links .terms-menu ul {
    justify-content: center;
    margin-bottom: 1.25rem;
  }
}

/******************************************************************************/
/********************************* CLIENTS ************************************/
/******************************************************************************/

.clients {
  max-width: calc(1230px + 40px);
  margin: 0 auto;
  padding: 186px 20px 235px;
}
@media screen and (max-width: 768px) {
  .clients {
    padding-top: 126px;
  }
  .clients .page-title-container {
    margin-bottom: 60px;
  }
  .clients .page-title-container .visually-hidden {
    display: block;
    text-align: center;
    position: relative !important;
    width: inherit !important;
    height: initial !important;
    clip: auto !important;
    white-space: normal !important;
    font-size: 3.375rem;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    background: transparent;
  }
  .clients .page-title-container .title-expand {
    display: none;
  }
}

/******************************************************************************/
/********************************* CAREERS ************************************/
/******************************************************************************/
.join-team-btn {
  display: inline-block;
  padding: 1rem 2rem;
  margin: 3.75rem auto 0;
  border: 2px solid #111111;
  border-radius: 100px;
  text-transform: uppercase;
  color: #000000;
  font-family: owners-xnarrow, sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
}
.join-team-btn:hover {
  color: #000000;
}
.careers-header {
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 186px;
  padding-bottom: 140px;
}
.careers-header .careers-title-container {
  max-width: calc(1230px + 40px);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.careers-header .careers-title-container .careers-title-content {
}
.careers-header .careers-title-container .careers-title-content .title {
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #ffffff;
}
.careers-header .careers-title-container .careers-title-content .title .subtitle {
  display: block;
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.careers-header .careers-title-container .careers-title-content .join-team-btn {
  color: #ffffff;
  border-color: #ffffff;
}
.careers-header .careers-title-container .careers-title-content .join-team-btn:hover {
  color: #ffffff;
}
.careers-section {
  background: #b4efe5;
  padding: 215px 0;
}
.careers-section .careers-content-container {
  max-width: calc(1092px + 40px);
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.careers-section .careers-content-container p {
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.375rem;
  margin-bottom: 1.5rem;
  color: #111111;
}
.careers-section .careers-content-container a {
}
@media screen and (max-width: 768px) {
  .join-team-btn {
    font-size: 1.375rem;
  }
  .careers-header {
    padding-top: 126px;
  }
  .careers-header .careers-title-container {
    flex-direction: column-reverse;
  }
  .careers-header .careers-title-container img {
    max-width: 100%;
    height: auto;
  }
  .careers-header .careers-title-container .careers-title-content .title {
    margin-top: 3.375rem;
  }
  .careers-section {
    padding: 3.125rem 20px 5rem;
  }
}

/******************************************************************************/
/********************************** ABOUT *************************************/
/******************************************************************************/
.about {
  padding-top: 186px;
}
.about-page-header {
  max-width: calc(1280px + 40px);
  margin: 0 auto;
  padding: 0 20px;
}
.about-page-header .about-page-title {
  max-width: 1085px;
  font-size: 9.375rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  line-height: 8.125rem;
  color: #ffffff;
  margin-bottom: -2rem;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.about-page-header .about-page-content-container {
  display: flex;
  align-items: flex-end;
}
.about-page-header .about-page-content-container .about-page-content {
  margin-left: 105px;
  margin-right: 130px;
  padding-bottom: 2rem;
  max-width: 305px;
}
.about-page-header .about-page-content-container .about-page-content p {
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #ffffff;
  margin-top: 1rem;
}
.about-page-header .about-page-content-container .about-page-feature-image {
  width: 100%;
  max-width: 738px;
}
.about-see-beyond {
  max-width: calc(1280px + 40px);
  margin: 0 auto;
  padding: 150px 20px 200px;
}
.about-see-beyond .see-beyond-title-container {
  max-width: 630px;
  margin: 0 auto 130px;
}
.about-see-beyond .see-beyond-title-container .see-beyond-title {
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  color: #ffffff;
  line-height: 2.375rem;
  text-align: center;
}
.about-see-beyond .see-beyond-title-container .see-beyond-title .small-white-text {
  display: block;
  margin: 0 auto 1.875rem;
}
.about-see-beyond .see-beyond-title-container .see-beyond-title .small-blue-text {
  color: #b4efe5;
  display: block;
}
.about-see-beyond .see-beyond-title-container .see-beyond-title .large-blue-text {
  display: block;
  font-family: proxima-nova, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 4.375rem;
  color: #b4efe5;
  text-transform: uppercase;
  text-align: center;
}
.about-see-beyond .see-beyond-title-container .see-beyond-title .large-blue-text .beyond {
  display: block;
  font-family: proxima-nova, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: .5em;
  margin-left: .25em;
  color: #b4efe5;
}
.about-see-beyond .see-beyond-content-container {
  display: flex;
  align-items: center;
}
.about-see-beyond .see-beyond-content-container .see-beyond-content-image {

}
.about-see-beyond .see-beyond-content-container .see-beyond-content-image img {
  border-radius: 100%;
  border: 2px solid #ffffff;
  max-width: 630px;
}
.about-see-beyond .see-beyond-content-container .see-beyond-content {
  padding-right: 215px;
  padding-left: 130px;
}
.about-see-beyond .see-beyond-content-container .see-beyond-content p {
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  color: #ffffff;
}
.about-page-what-we-do {}
.about-page-what-we-do .what-we-do-title {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 5rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.about-page-what-we-do .what-we-do-intro {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
  max-width: calc(705px + 40px);
  padding: 0 20px;
  margin: 0 auto 5.5rem;
}
@media screen and (max-width: 768px) {
  .about {
    padding-top: 126px;
  }
  .about-page-header .about-page-title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
  .about-page-header .about-page-content-container {
    flex-direction: column-reverse;
  }
  .about-page-header .about-page-content-container .about-page-content {
    max-width: 100%;
    margin: 2rem 0 0;
    padding-right: 2rem;
  }
  .about-see-beyond {
    padding-top: 62px;
    padding-bottom: 64px;
  }
  .about-see-beyond .see-beyond-title-container .see-beyond-title {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .about-see-beyond .see-beyond-title-container .see-beyond-title .large-blue-text {
    font-size: 3.5rem;
    line-height: 4.375rem;
  }
  .about-see-beyond .see-beyond-title-container .see-beyond-title .large-blue-text .beyond {
    font-size: 3.5rem;
    font-weight: 700;
    letter-spacing: .25em;
    margin-left: .125em;
  }
  .about-see-beyond .see-beyond-content-container {
    flex-direction: column;
  }
  .about-see-beyond .see-beyond-content-container .see-beyond-content-image img {
    width: 100%;
  }
  .about-see-beyond .see-beyond-content-container .see-beyond-content {
    margin: 3.375rem 0 5.625rem;
    padding: 0 2rem;
    text-align: center;
  }
  .about-page-what-we-do .what-we-do-title {
    font-size: 3.25rem;
    line-height: 3.5rem;
  }
  .about-page-what-we-do .what-we-do-intro {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/******************************************************************************/
/**************************** THINK CREATE MAKE *******************************/
/******************************************************************************/

.make,
.think,
.create {
  padding: 8.75rem 40px 5rem;
}
.make {
  background: #B4EFE5;
}
.think {
  background: #3840ED;
}
.create {
  background: #FCCF10;
}
.make .make-container,
.think .think-container,
.create .create-container {
  max-width: 1280px;
  margin: 0 auto;
}
.make .make-container .make-title-container,
.think .think-container .think-title-container,
.create .create-container .create-title-container {
  margin-bottom: 2rem;
}
.make .make-container .make-title-container .title-expand span,
.create .create-container .create-title-container .title-expand span {
  color: #000000;
}
.make .make-container .make-intro-content,
.think .think-container .think-intro-content,
.create .create-container .create-intro-content {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
  max-width: 850px;
  padding: 0 1rem;
  margin: 0 auto 4.25rem;
}
.make .make-container .make-intro-content p,
.create .create-container .create-intro-content p {
  color: #111111;
}
.make .make-container .make-categories,
.think .think-container .think-categories,
.create .create-container .create-categories {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.make .make-container .make-categories .make-category,
.think .think-container .think-categories .think-category,
.create .create-container .create-categories .create-category {
  width: calc(25% - 2rem);
  margin: 0 1rem;
}
.make .make-container .make-categories .make-category .category-image-container,
.think .think-container .think-categories .think-category .category-image-container,
.create .create-container .create-categories .create-category .category-image-container {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.make .make-container .make-categories .make-category .category-image-container .category-image,
.think .think-container .think-categories .think-category .category-image-container .category-image,
.create .create-container .create-categories .create-category .category-image-container .category-image {
  width: 100%;
  height: auto;
  margin-bottom: 2.25rem;
  max-width: 200px;
  max-height: 200px;
}
.make .make-container .make-categories .make-category .category-title,
.think .think-container .think-categories .think-category .category-title,
.create .create-container .create-categories .create-category .category-title {
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  max-width: 200px;
  margin: 0 auto;
  letter-spacing: .2em;
}
.make .make-container .make-categories .make-category .category-title,
.create .create-container .create-categories .create-category .category-title {
  color: #000000;
}
@media screen and (max-width: 768px) {
  .make,
  .think,
  .create {
    padding: 3.125rem 20px 5rem;
  }
  .make .make-container .make-categories,
  .think .think-container .think-categories,
  .create .create-container .create-categories {
    flex-wrap: wrap;
  }
  .make .make-container .make-categories .make-category,
  .think .think-container .think-categories .think-category,
  .create .create-container .create-categories .create-category {
    width: calc(100% - 2rem);
    margin: 0 1rem 2.5rem;
  }
  .make .make-container .make-categories .make-category .category-image-container,
  .think .think-container .think-categories .think-category .category-image-container,
  .create .create-container .create-categories .create-category .category-image-container {
    aspect-ratio: initial;
  }
}

/******************************************************************************/
/*************************** ABOUT - OUR LEADERS ******************************/
/******************************************************************************/

.about-our-leaders {
  max-width: calc(1280px + 40px);
  padding: 0 20px;
  margin: 0 auto;
}
.about-our-leaders .our-leaders-title {
  font-family: proxima-nova, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 5rem;
  margin: 8.75rem 0 5rem;
  color: #ffffff;
}
.about-our-leaders .our-leaders-carousel {}
.about-our-leaders .our-leaders-carousel .our-leader-slide {
  display: flex;
}
.about-our-leaders .our-leaders-carousel .our-leader-container {
  background-color: #cccccc;
  background-size: cover;
  background-position: center center;
  align-items: flex-end;
  position: relative;
  padding-top: 125%;
}
.about-our-leaders .our-leaders-carousel .our-leader-gradient-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 131px;
  background: linear-gradient(359.57deg, rgba(17, 17, 17, 0.32) 0.24%, rgba(17, 17, 17, 0) 99.5%);
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-name {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.625rem;
  padding: 1rem;
  position: absolute;
  bottom: 0;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-name .our-leader-position {
  display: block;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #ffffff;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-bio {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #3840ed;
  padding: 1.25rem;
  opacity: 0;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about-our-leaders .our-leaders-carousel .our-leader-container:hover .our-leader-bio {
  opacity: 1;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-bio p {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-bio a {
  display: block;
  cursor: pointer;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-bio .our-leader-social {
  width: 30px;
  height: 30px;
  margin-top: 1rem;
}
.about-our-leaders .our-leaders-carousel .our-leader-container .our-leader-bio .our-leader-social .icon {
  width: 100%;
  height: auto;
}
.about-our-leaders .tns-nav {
  text-align: center;
  margin-top: 3.125rem;
  margin-bottom: 18.125rem;
}
.about-our-leaders .tns-nav button {
  background: #000000;
  border: 2px solid #ffffff;
  border-radius: 100%;
  padding: 0;
  margin: .5rem;
  width: 1rem;
  height: 1rem;
}
.about-our-leaders .tns-nav button.tns-nav-active {
  background: #ffffff;
}

/******************************************************************************/
/********************************** WORK **************************************/
/******************************************************************************/

.work {
  padding-top: 186px;
}
.work .page-title-container {
  max-width: calc(1280px + 40px);
  padding: 0 20px;
  margin: 0 auto;
}
.work .page-title-container .title-expand span {
  font-size: 11.875rem;
}


.work-banner-list {
  margin: -40px 0 100px;
  position: relative;
}
.work-banner-list .work-banner-item {
  background-size: cover;
  background-position: center center;
  min-height: 500px;
  display: flex;
  margin: 0 0 20px;
}
.work-banner-list .work-banner-item .work-link-container {
  padding: 1.25rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1rem;
}
.work-banner-list .work-banner-item .work-link-container .work-title-container {
  display: flex;
  justify-content: space-between;
  letter-spacing: .2em;
}
.work-banner-list .work-banner-item .work-link-container .work-title-container .client {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
}
.work-banner-list .work-banner-item .work-link-container .work-title-container .title {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  text-align: right;
  margin-left: 1rem;
}
.work-banner-list .work-banner-item .work-link-container .work-tags {
  text-align: center;
  letter-spacing: .2em;
}
.work-banner-list .work-banner-item .work-link-container .work-tags .tags {
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
}

.other-work-list {
  max-width: calc(1280px + 40px);
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.other-work-list .other-work-item {
  width: calc(33% - .5rem);
  min-height: 500px;
  margin-bottom: 1rem;
  background-size: cover;
}
.other-work-list .other-work-item .other-work-container {
  display: flex;
  align-items: flex-end;
  padding: 1.25rem;
  height: 100%;
}
.other-work-list .other-work-item .other-work-title-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
.other-work-list .other-work-item .other-work-title-container .client,
.other-work-list .other-work-item .other-work-title-container .title {
  max-width: 48%;
  font-family: proxima-nova;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #ffffff;
  text-transform: uppercase;
}
.other-work-list .other-work-item .other-work-title-container .title {
  text-align: right;
}

.other-work-show-all-container {
  max-width: 1280px;
  margin: 100px auto;
  display: flex;
  justify-content: center;
}
.other-work-show-all-container .other-work-show-all {
  display: inline-block;
  text-decoration: none;
  font-family: owners-xnarrow, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 2.125rem;
  padding: 1.5rem 2.5rem;
  border: 2px solid #ffffff;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .work .page-title-container .title-expand span {
    font-size: 3.125rem;
  }
  .work-banner-list {
    margin-top: -10px;
  }
  .work-banner-list .work-banner-item .work-link-container .work-title-container .client,
  .work-banner-list .work-banner-item .work-link-container .work-title-container .title {
    font-size: 1rem;
  }
  .work-banner-list .work-banner-item .work-link-container .work-tags {
    font-size: .75rem;
  }
  .other-work-list .other-work-item {
    width: 100%;
  }
  .other-work-show-all-container .other-work-show-all {
    font-size: 1.375rem;
  }
}

/******************************************************************************/
/****************************** WORK - SINGLE *********************************/
/******************************************************************************/

.work-intro-container {
  max-width: calc(1280px + 40px);
  margin: 0 auto;
  padding: 0 20px;
}
.work-intro-container .work-intro {
  max-width: 850px;
}
.work-intro-container .work-intro .client {
  color: #b4efe5;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.125rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
.work-intro-container .work-intro .work-title {
  color: #ffffff;
  font-size: 5rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  line-height: 5rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.work-intro-container .work-intro .work-intro-content p {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.25rem;
}
.work-intro-container .work-intro .work-capabilities {
  margin-top: 1.5rem;
}
.work-intro-container .work-intro .work-capabilities .term {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0 1rem;
  border-left: 1px solid #ffffff;
  text-transform: uppercase;
}
.work-intro-container .work-intro .work-capabilities .term:first-child {
  padding-left: 0;
  border: none;
}
.work-feature-slider {
  margin-top: 5rem;
  margin-bottom: 3.75rem;
}
.work .post-content p {
  text-align: center;
}


.related-posts {
  position: relative;
}
.related-posts:before {
  content: '';
  position: absolute;
  top: 0;
  height: 2px;
  width: calc(100% - 80px);
  background: #ffffff;
  margin: 3rem 40px 0;
}
.related-posts-container {
  max-width: calc(1280px + 40px);
  margin: 0 auto;
  padding: 0 20px 13.75rem;
  position: relative;
}
.related-posts-container .related-posts-title {
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 6.25rem 0 3.75rem;
}
.related-posts-container .related-posts-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.related-posts-container .related-posts-articles .related-post {
  width: calc(33% - .5rem);
  min-height: 500px;
  background-size: cover;
  background-position: center center;
}
.related-posts-container .related-posts-articles .related-post .related-post-title-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.25rem;
  height: 100%;
}
.related-posts-container .related-posts-articles .related-post .related-post-title-container .client,
.related-posts-container .related-posts-articles .related-post .related-post-title-container .title {
  max-width: 48%;
  font-family: proxima-nova;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #ffffff;
  text-transform: uppercase;}
.related-posts-container .related-posts-articles .related-post .related-post-title-container .title {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .work-intro-container .work-intro .work-title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
  .related-posts-container .related-posts-articles .related-post {
    width: 100%;
  }
}

/******************************************************************************/
/********************************** NEWS **************************************/
/******************************************************************************/

/******************************************************************************/
/********************************* CONTACT ************************************/
/******************************************************************************/

.contact {
  max-width: calc(1280px + 40px);
  padding: 0 20px;
  margin: 186px auto 150px;
}
.contact__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 5rem;
  line-height: 5rem;
  max-width: 680px;
  color: #ffffff;
  text-transform: uppercase;
}
.contact__locations__title,
.contact__locations__description {
  max-width: 846px;
  margin: 0 auto;
  text-align: center;
}
.contact__locations__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 5rem;
  line-height: 5rem;
  color: #ffffff;
  text-transform: uppercase;
}
.contact__locations__description {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #ffffff;
}
.contact__image-wrapper {
  margin-top: 25px;
  margin-bottom: 34px;
}
.contact__image-wrapper img {
  width: 100%;
  height: auto;
}
.contact__list,
.contact__locations__list {
  max-width: calc(1020px + 40px);
  margin: 5rem auto 0;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.contact__card {
  width: 100%;
  max-width: 280px;
  margin: 0 20px 80px;
}
.contact__section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.contact__card__bottom {
  margin-bottom: 47px;
}
.contact__card__title {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: .2em;
  color: #ffffff;
  text-transform: uppercase;
}
.contact__card__description {
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 45px;
  color: #ffffff;
}
.contact__card__info {
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #B4EFE5;
}
.contact__card__address {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}
.contact__card__address__link {
  color: #ffffff;
  font-weight: 700;
}
.contact__card__address__link:hover {
  color: #ffffff;
}
.contact__card__contact {
  margin-top: 1rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}
.contact__card__tel {
  display: block;
}
.contact__card__tel .contact__card__info {
  color: #ffffff;
}
.contact__card__email {
  display: block;
}
@media screen and (max-width: 768px) {
  .contact {
    margin-top: 126px;
  }
  .contact__title,
  .contact__locations__title {
    font-size: 2.875rem;
    line-height: 2.875rem;
    word-break: break-word;
  }
}

/******************************************************************************/
/******************************** UTILITIES ***********************************/
/******************************************************************************/

.widget_love_tiles {
  display: none;
}

/******************************************************************************/
/***************************** PLUGIN OVERRIDES *******************************/
/******************************************************************************/

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background: #111111 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  border: 2px solid #ffffff !important;
  background: transparent !important;
  border-radius: 50px !important;
  font-size: 1.375rem !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  padding: 1rem 2rem !important;
  margin: 0 1rem !important;
  font-family: owners-xnarrow, sans-serif !important;
}