@charset "UTF-8";
/*****************************
		MAIN CSS
******************************/
/*****************************************************

MAIN SASS FILE

********************************************************/
/*******************************************************

VARIABLES, MIXINS, JUNK

********************************************************/
/*******************************************************

MAIN CLASSES

********************************************************/
@font-face {
  font-family: "roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "roboto-bold";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "roboto-black";
  src: url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff");
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "roboto-medium";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "roboto-light";
  src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
  font-style: normal;
  font-display: swap; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-family: "roboto", helvetica, arial, sans-serif;
  font-size: initial;
  line-height: initial;
  hyphens: none;
  -webkit-hyphens: none !important;
  scroll-behavior: smooth; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.align-middle:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.align-bottom:before {
  content: "";
  width: 0;
  height: 25%;
  vertical-align: bottom; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.no-wrap {
  white-space: nowrap; }

.clickable {
  cursor: pointer; }

.col-1-1 {
  width: 100%; }

.col-1-2 {
  width: 50%; }

.col-1-3 {
  width: 33.33333%; }

.col-1-4 {
  width: 25%; }

.col-1-12 {
  width: 8.33333%; }

.col-2-5 {
  width: 40%; }

.col-3-5 {
  width: 60%; }

.hide-on-mobile {
  display: none; }

.hide-on-desktop {
  display: block; }

@media only screen and (min-width: 1080px) {
  .hide-on-mobile {
    display: block; }
  .hide-on-desktop {
    display: none; } }

#async-loader-main, .gallery-load-more .gallery-load-more-band .gallery-spinner, .more-results-band .search-spinner,
#async-loader-main:before,
.gallery-load-more .gallery-load-more-band .gallery-spinner:before,
.more-results-band .search-spinner:before,
#async-loader-main:after,
.gallery-load-more .gallery-load-more-band .gallery-spinner:after,
.more-results-band .search-spinner:after {
  background: #ffffff;
  animation: load1 1s infinite ease-in-out;
  width: 8px;
  height: 24px; }


#async-loader-main:before,
.gallery-load-more .gallery-load-more-band .gallery-spinner:before,
.more-results-band .search-spinner:before,
#async-loader-main:after,
.gallery-load-more .gallery-load-more-band .gallery-spinner:after,
.more-results-band .search-spinner:after {
  position: absolute;
  top: 0;
  content: ""; }


#async-loader-main:before,
.gallery-load-more .gallery-load-more-band .gallery-spinner:before,
.more-results-band .search-spinner:before {
  left: -12px;
  animation-delay: -0.32s; }

#async-loader-main, .gallery-load-more .gallery-load-more-band .gallery-spinner, .more-results-band .search-spinner {
  text-indent: -9999em;
  margin: 6px auto 0;
  position: relative;
  font-size: 6px;
  transform: translateZ(0);
  animation-delay: -0.16s; }


#async-loader-main:after,
.gallery-load-more .gallery-load-more-band .gallery-spinner:after,
.more-results-band .search-spinner:after {
  left: 12px; }

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 24px; }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 36px; } }

body {
  position: relative;
  background: black;
  margin: 0; }

ul {
  padding: 0; }

ul,
li {
  list-style: none; }

ul.bullet {
  list-style: disc;
  padding-left: 40px; }
  ul.bullet li {
    list-style: disc; }

h1,
h2,
h3,
h4,
p,
li {
  font-weight: normal; }

p,
a,
li {
  line-height: 1.2; }

a {
  color: #e01c5f;
  outline: 0; }

a:link {
  text-decoration: none; }

a:hover,
a:active,
a:focus {
  outline: 0; }

section.placeholder {
  height: 1000px; }

#pjax-main,
#pjax-home {
  transition: opacity 0.3s;
  opacity: 1; }
  #pjax-main.in-transition,
  #pjax-home.in-transition {
    opacity: 0; }

#pjax-main {
  position: relative;
  padding-top: 50px; }
  @media only screen and (min-width: 640px) {
    #pjax-main {
      padding-top: 62px; } }
  @media only screen and (min-width: 1080px) {
    #pjax-main {
      padding-top: 70px; } }

#async-loader-main {
  position: fixed;
  top: 50%;
  left: 50%; }
  #async-loader-main.hidden {
    display: none; }

/*******************************************************

SMALLER RECURRING ELEMENTS

********************************************************/
#videoPlayer .videoControls .volumeButton {
  background-image: url("../images/global/videoicons/volumeup.png");
  background-size: 20px 17px;
  background-position: center;
  background-repeat: no-repeat; }
  #videoPlayer .videoControls .low.volumeButton {
    background-image: url("../images/global/videoicons/volumedown.png"); }
  #videoPlayer .videoControls .none.volumeButton {
    background-image: url("../images/global/videoicons/volumenone.png"); }
  #videoPlayer .videoControls .muted.volumeButton {
    background-image: url("../images/global/videoicons/volumemuted.png"); }

#videoPlayer {
  position: relative;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: opacity 0.5s;
  overflow: hidden; }
  #videoPlayer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  #videoPlayer > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #videoPlayer.hidden {
    pointer-events: none;
    opacity: 0; }
  #videoPlayer .video-poster {
    pointer-events: none;
    opacity: 0;
    position: absolute; }
    #videoPlayer .video-poster.show {
      pointer-events: all;
      opacity: 1; }
  #videoPlayer video,
  #videoPlayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #videoPlayer .videoControls {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    height: 30px;
    padding: 2px 0;
    box-sizing: content-box;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 800px;
    background-color: #222222;
    transition: transform 0.5s ease; }
    #videoPlayer .videoControls .container {
      display: table;
      width: 100%;
      height: 30px;
      border-collapse: separate;
      empty-cells: show; }
    #videoPlayer .videoControls button {
      display: table-cell;
      height: 30px;
      background-color: white;
      background-color: rgba(0, 0, 0, 0);
      border: none; }
      #videoPlayer .videoControls button:focus {
        outline: 0; }
    #videoPlayer .videoControls .playButton {
      display: inline-block;
      margin: 0 10px;
      width: 30px;
      background-image: url("../images/global/videoicons/pause.png");
      background-size: 20px 20px;
      background-position: center;
      background-repeat: no-repeat; }
      #videoPlayer .videoControls .playButton.paused {
        background-image: url("../images/global/videoicons/play.png"); }
    #videoPlayer .videoControls .bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 8px;
      margin: 11px 0px;
      border-radius: 5px; }
    #videoPlayer .videoControls .loadingBar {
      display: table-cell;
      position: relative;
      vertical-align: top;
      width: 100%;
      height: 30px;
      padding: 0;
      box-sizing: border-box; }
      #videoPlayer .videoControls .loadingBar .fullBar {
        width: 100%;
        background-color: black;
        overflow: hidden; }
      #videoPlayer .videoControls .loadingBar .bufferedBar {
        margin: 0;
        height: 100%;
        width: 0%;
        background-color: rgba(224, 28, 95, 0.5);
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      #videoPlayer .videoControls .loadingBar .playbackProgressBar {
        margin: 0;
        width: 0%;
        height: 100%;
        background-color: #e01c5f; }
      #videoPlayer .videoControls .loadingBar .playbackSlider {
        position: absolute;
        background-color: white;
        border-radius: 2px;
        width: 10px;
        height: 20px;
        padding: 0;
        left: 0%;
        top: 15px;
        transform: translate(-50%, -50%); }
    #videoPlayer .videoControls .volumeButton {
      display: inline-block;
      width: 30px;
      margin: 0 10px;
      margin-right: 5px; }
    #videoPlayer .videoControls .volumeBar {
      display: table-cell;
      position: relative;
      vertical-align: top;
      width: 60px;
      height: 30px; }
      #videoPlayer .videoControls .volumeBar .contentFiller {
        display: block;
        width: 60px; }
      #videoPlayer .videoControls .volumeBar .fullBar {
        width: 100%;
        background-color: rgba(224, 28, 95, 0.5); }
      #videoPlayer .videoControls .volumeBar .currentVolumeBar {
        width: 50%;
        background-color: #e01c5f; }
      #videoPlayer .videoControls .volumeBar .volumeSlider {
        position: absolute;
        width: 14px;
        height: 14px;
        padding: 0;
        border-radius: 10px;
        border: 0px;
        background-color: white;
        left: 50%;
        top: 15px;
        transform: translate(-50%, -50%); }
    #videoPlayer .videoControls .playerTime {
      display: table-cell;
      text-align: center;
      color: white;
      font-family: "roboto", helvetica, arial, sans-serif;
      font-size: 14px;
      padding-left: 10px;
      height: 100%;
      vertical-align: middle; }
    #videoPlayer .videoControls .fullscreenButton {
      display: inline-block;
      margin: 0 10px;
      margin-left: 15px;
      width: 30px;
      background-image: url("../images/global/videoicons/fullscreen.png");
      background-size: 23px 23px;
      background-position: center;
      background-repeat: no-repeat; }
    #videoPlayer .videoControls.hidden {
      transform: translate(-50%, 100%); }

/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input:focus,
textarea:focus,
select:focus {
  outline: none; }

.site-header-new {
  height: 50px;
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6px;
  position: fixed;
  width: 100%;
  box-shadow: 0 1px 2px rgba(150, 150, 150, 0.7);
  z-index: 3;
  top: 0; }
  @media only screen and (min-width: 375px) {
    .site-header-new {
      padding: 0 21px; } }
  @media only screen and (min-width: 480px) {
    .site-header-new {
      padding: 0 38px; } }
  @media only screen and (min-width: 640px) {
    .site-header-new {
      height: 62px; } }
  @media only screen and (min-width: 1080px) {
    .site-header-new {
      height: 70px; } }
  .site-header-new .logo-placeholder {
    width: 110px;
    left: 21px;
    top: 7px;
    position: absolute; }
    @media only screen and (min-width: 480px) {
      .site-header-new .logo-placeholder {
        left: 38px; } }
    @media only screen and (min-width: 640px) {
      .site-header-new .logo-placeholder {
        padding: 0;
        width: 130px;
        top: 10px; } }
    @media only screen and (min-width: 768px) {
      .site-header-new .logo-placeholder {
        left: 48px; } }
    @media only screen and (min-width: 1080px) {
      .site-header-new .logo-placeholder {
        width: 160px;
        top: 13px; } }
  .site-header-new .design-tagline-container {
    display: flex;
    align-self: self-end;
    padding-bottom: 3px;
    font-family: "roboto-light";
    color: #7c716e;
    font-size: 13px;
    margin: 5px;
    height: 15px;
    overflow: hidden; }
    .site-header-new .design-tagline-container.hidden {
      opacity: 0; }
    @media only screen and (min-width: 375px) {
      .site-header-new .design-tagline-container {
        font-size: 15px;
        height: 19px;
        margin: 3px; } }
    @media only screen and (min-width: 640px) {
      .site-header-new .design-tagline-container {
        font-size: 18px;
        height: 22px; } }
    @media only screen and (min-width: 1080px) {
      .site-header-new .design-tagline-container {
        font-size: 21px;
        height: 27px; } }
    .site-header-new .design-tagline-container .tagline-ticker {
      display: flex;
      flex-direction: column;
      height: 150%;
      margin-left: 3px; }
      @media only screen and (min-width: 640px) {
        .site-header-new .design-tagline-container .tagline-ticker {
          margin-left: 5px; } }
  .site-header-new .primal-logo-container {
    display: flex; }
    .site-header-new .primal-logo-container.mobile-nav-open {
      visibility: hidden; }
    @media only screen and (min-width: 768px) {
      .site-header-new .primal-logo-container {
        padding: 10px; } }
    .site-header-new .primal-logo-container .logo-svg-anim {
      width: 110px; }
      @media only screen and (min-width: 640px) {
        .site-header-new .primal-logo-container .logo-svg-anim {
          padding: 0;
          width: 130px; } }
      @media only screen and (min-width: 1080px) {
        .site-header-new .primal-logo-container .logo-svg-anim {
          width: 160px;
          margin-top: 8px; } }
  .site-header-new .site-header-nav {
    height: 100%;
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .site-header-new .site-header-nav {
        padding: 10px; } }
    .site-header-new .site-header-nav .nav-list::-webkit-scrollbar {
      display: none; }
    .site-header-new .site-header-nav .nav-list {
      color: #7c716e;
      font-family: "roboto-light";
      top: -140vh;
      position: absolute;
      transition: all 0.5s;
      background: white;
      padding: 45px 81px;
      width: 100%;
      font-size: 30px;
      margin: 0;
      left: 0;
      height: 100vh; }
      .site-header-new .site-header-nav .nav-list.open {
        top: 50px;
        overflow-y: scroll; }
        @media only screen and (min-width: 640px) {
          .site-header-new .site-header-nav .nav-list.open {
            top: 62px; } }
      @media only screen and (min-width: 480px) {
        .site-header-new .site-header-nav .nav-list {
          padding: 45px 110px; } }
      @media only screen and (min-width: 768px) {
        .site-header-new .site-header-nav .nav-list {
          display: flex;
          margin: 2px;
          position: relative;
          top: 0;
          background: none;
          padding: 0;
          height: 100%;
          align-items: flex-end;
          width: auto;
          padding-bottom: 5px; } }
      @media only screen and (min-width: 1080px) {
        .site-header-new .site-header-nav .nav-list {
          padding-bottom: 0; } }
      @media only screen and (min-width: 768px) {
        .site-header-new .site-header-nav .nav-list .mobile-list-item {
          display: none; } }
      .site-header-new .site-header-nav .nav-list #main-nav {
        width: 20%; }
        .site-header-new .site-header-nav .nav-list #main-nav.mobile-search-active {
          display: none; }
        @media only screen and (min-width: 768px) {
          .site-header-new .site-header-nav .nav-list #main-nav {
            display: flex;
            font-size: 15px; } }
        @media only screen and (min-width: 1080px) {
          .site-header-new .site-header-nav .nav-list #main-nav {
            font-size: 18px; } }
      .site-header-new .site-header-nav .nav-list #search-mobile {
        display: block;
        position: relative;
        margin-bottom: 40px; }
        .site-header-new .site-header-nav .nav-list #search-mobile input {
          height: 50px;
          width: 100%;
          font-size: 30px;
          font-family: "roboto-light"; }
        .site-header-new .site-header-nav .nav-list #search-mobile .search-button,
        .site-header-new .site-header-nav .nav-list #search-mobile .search-button-mobile {
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 7px;
          opacity: 1; }
          .site-header-new .site-header-nav .nav-list #search-mobile .search-button.hidden,
          .site-header-new .site-header-nav .nav-list #search-mobile .search-button-mobile.hidden {
            opacity: 0; }
        @media only screen and (min-width: 768px) {
          .site-header-new .site-header-nav .nav-list #search-mobile {
            display: none; } }
      .site-header-new .site-header-nav .nav-list a {
        color: #7c716e;
        margin: 20px 0;
        display: inline-block; }
        @media only screen and (min-width: 768px) {
          .site-header-new .site-header-nav .nav-list a {
            margin: 0; } }
        .site-header-new .site-header-nav .nav-list a:hover, .site-header-new .site-header-nav .nav-list a.activePage {
          color: #e01c5f; }
      .site-header-new .site-header-nav .nav-list .mobile-logo-container {
        margin: 60px 0; }
        .site-header-new .site-header-nav .nav-list .mobile-logo-container:hover {
          text-decoration: none; }
      .site-header-new .site-header-nav .nav-list .main-nav-li {
        transition: transform 0.3s; }
        .site-header-new .site-header-nav .nav-list .main-nav-li:hover, .site-header-new .site-header-nav .nav-list .main-nav-li.activePage {
          transform: translateY(-5px); }
          @media only screen and (min-width: 768px) {
            .site-header-new .site-header-nav .nav-list .main-nav-li:hover, .site-header-new .site-header-nav .nav-list .main-nav-li.activePage {
              transform: translateY(-2px); } }
      .site-header-new .site-header-nav .nav-list .main-nav-li:after {
        content: "";
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 3px;
        bottom: -3px;
        left: 0;
        background-color: #e01c5f;
        transform-origin: center;
        transition: transform 0.25s ease-out; }
      .site-header-new .site-header-nav .nav-list .main-nav-li:hover:after {
        transform: scaleX(1);
        transform-origin: center; }
      .site-header-new .site-header-nav .nav-list .main-nav-li.activePage:after {
        transform: scaleX(1);
        transform-origin: center; }
      .site-header-new .site-header-nav .nav-list li img {
        width: 30px;
        margin: 5px; }
        @media only screen and (min-width: 480px) {
          .site-header-new .site-header-nav .nav-list li img {
            margin: 10px; } }
      .site-header-new .site-header-nav .nav-list li .mobile-logo {
        width: 140px;
        margin: -10px; }
      @media only screen and (min-width: 768px) {
        .site-header-new .site-header-nav .nav-list li {
          margin: 0 10px; } }
      @media only screen and (min-width: 828px) {
        .site-header-new .site-header-nav .nav-list li {
          margin: 0 18px; } }
    .site-header-new .site-header-nav .hamburger-menu-container {
      width: 22px;
      margin: 4px 12.5px 0 12.5px; }
      .site-header-new .site-header-nav .hamburger-menu-container.active span + span {
        margin-top: 5px; }
      @media only screen and (min-width: 640px) {
        .site-header-new .site-header-nav .hamburger-menu-container {
          width: 28px; } }
      @media only screen and (min-width: 768px) {
        .site-header-new .site-header-nav .hamburger-menu-container {
          display: none; } }
      .site-header-new .site-header-nav .hamburger-menu-container .hamburger-menu {
        cursor: pointer; }
      .site-header-new .site-header-nav .hamburger-menu-container .hamburger-menu:hover span {
        background: #e01c5f; }
      .site-header-new .site-header-nav .hamburger-menu-container span {
        display: block;
        width: 100%;
        border-radius: 3px;
        height: 2px;
        background: #979799;
        transition: all 0.3s;
        position: relative; }
      .site-header-new .site-header-nav .hamburger-menu-container span + span {
        margin-top: 5px; }
        @media only screen and (min-width: 640px) {
          .site-header-new .site-header-nav .hamburger-menu-container span + span {
            margin-top: 6px; } }
      .site-header-new .site-header-nav .hamburger-menu-container .active span:nth-child(1) {
        animation: ease 0.7s top forwards; }
      .site-header-new .site-header-nav .hamburger-menu-container .not-active span:nth-child(1) {
        animation: ease 0.7s top-2 forwards; }
      .site-header-new .site-header-nav .hamburger-menu-container .active span:nth-child(2) {
        animation: ease 0.7s scaled forwards; }
      .site-header-new .site-header-nav .hamburger-menu-container .not-active span:nth-child(2) {
        animation: ease 0.7s scaled-2 forwards; }
      .site-header-new .site-header-nav .hamburger-menu-container .active span:nth-child(3) {
        animation: ease 0.7s bottom forwards; }
      .site-header-new .site-header-nav .hamburger-menu-container .not-active span:nth-child(3) {
        animation: ease 0.7s bottom-2 forwards; }

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0); }
  50% {
    top: 6px;
    transform: rotate(0); }
  100% {
    top: 6px;
    transform: rotate(45deg); } }

@keyframes top-2 {
  0% {
    top: 6px;
    transform: rotate(45deg); }
  50% {
    top: 6px;
    transform: rotate(0deg); }
  100% {
    top: 0;
    transform: rotate(0deg); } }

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0); }
  50% {
    bottom: 8px;
    transform: rotate(0); }
  100% {
    bottom: 8px;
    transform: rotate(135deg); } }

@keyframes bottom-2 {
  0% {
    bottom: 9px;
    transform: rotate(135deg); }
  50% {
    bottom: 9px;
    transform: rotate(0); }
  100% {
    bottom: 0;
    transform: rotate(0); } }

@keyframes scaled {
  50% {
    transform: scale(0); }
  100% {
    transform: scale(0); } }

@keyframes scaled-2 {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

.search-bar {
  display: none; }
  @media only screen and (min-width: 768px) {
    .search-bar {
      display: block;
      margin-bottom: -5px;
      height: 30px;
      width: 0;
      transition: all 0.3s ease-in-out;
      border: none;
      margin-top: 10px;
      font-size: 12px; }
      .search-bar.active {
        border: #e01c5f 1px solid;
        width: 100%;
        height: 30px;
        padding: 5px;
        padding-right: 40px;
        margin-left: 10px; } }
  @media only screen and (min-width: 1080px) {
    .search-bar {
      font-size: 15px;
      height: 38px;
      margin-bottom: -10px; }
      .search-bar.active {
        border: #e01c5f 1px solid;
        width: 200px;
        height: 38px;
        padding: 10px; } }

.search-button {
  display: none; }
  @media only screen and (min-width: 768px) {
    .search-button {
      display: block; } }

.search-button,
.search-button-mobile {
  width: 30px;
  height: 30px;
  margin: 0 12.5px;
  cursor: pointer;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .search-button,
    .search-button-mobile {
      width: 15px;
      height: 15px;
      margin: 4px; }
      .search-button.active,
      .search-button-mobile.active {
        margin: 4px 10px 4px -30px; } }
  .search-button.active .search-icon,
  .search-button-mobile.active .search-icon {
    width: 0;
    height: 0;
    border-color: transparent; }
  .search-button .search-icon,
  .search-button .search-icon-mobile,
  .search-button-mobile .search-icon,
  .search-button-mobile .search-icon-mobile {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #979799;
    transition: all 0.3s ease-in-out; }
    @media only screen and (min-width: 768px) {
      .search-button .search-icon,
      .search-button .search-icon-mobile,
      .search-button-mobile .search-icon,
      .search-button-mobile .search-icon-mobile {
        margin-top: 6px;
        width: 15px;
        height: 15px; } }
    @media only screen and (min-width: 1080px) {
      .search-button .search-icon,
      .search-button .search-icon-mobile,
      .search-button-mobile .search-icon,
      .search-button-mobile .search-icon-mobile {
        margin-top: 11px; } }
  .search-button .search-icon-mobile,
  .search-button-mobile .search-icon-mobile {
    margin-top: 7px; }

.search-button:hover .search-icon {
  border-color: #e01c5f; }

.search-button.active:hover .search-icon {
  display: none; }

.search-button:hover:before {
  background-color: #e01c5f; }

.search-button:hover:after {
  background-color: #e01c5f; }

.search-button::before,
.search-button-mobile::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 23.5%;
  width: 0;
  height: 2px;
  margin-top: -2px;
  background-color: #979799;
  transform: rotate(-45deg);
  transform-origin: right top;
  transition: all 0.3s ease-in-out;
  border-radius: 3px; }

.search-button::after,
.search-button-mobile::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 11px;
  width: 8px;
  height: 2px;
  border-radius: 3px;
  background-color: #979799;
  transform: rotate(45deg);
  transform-origin: right bottom;
  transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .search-button::after,
    .search-button-mobile::after {
      bottom: -8px;
      right: -1px;
      width: 6px; } }
  @media only screen and (min-width: 1080px) {
    .search-button::after,
    .search-button-mobile::after {
      bottom: -13px; } }

.search-button-mobile::after {
  bottom: 2px; }

.search-button.active::before,
.search-button-mobile.active::before {
  width: 25px;
  top: 9px; }
  @media only screen and (min-width: 768px) {
    .search-button.active::before,
    .search-button-mobile.active::before {
      width: 10px;
      top: 13.5px;
      right: -7.5px; } }
  @media only screen and (min-width: 1080px) {
    .search-button.active::before,
    .search-button-mobile.active::before {
      width: 15px;
      right: 2px; } }

.search-button.active::after,
.search-button-mobile.active::after {
  bottom: 4px;
  right: 7px;
  width: 25px; }
  @media only screen and (min-width: 768px) {
    .search-button.active::after,
    .search-button-mobile.active::after {
      bottom: -5px;
      right: -8px;
      width: 10px; } }
  @media only screen and (min-width: 1080px) {
    .search-button.active::after,
    .search-button-mobile.active::after {
      bottom: -8.5px;
      width: 15px;
      right: 1px; } }

.search-button-mobile:hover .search-icon-mobile {
  border-color: #e01c5f; }

.search-button-mobile:hover:after {
  background-color: #e01c5f; }

.label {
  position: absolute;
  left: -200%; }

.about-page {
  background: #982380; }

.about-media {
  margin-bottom: -4px;
  background-color: white; }
  .about-media img, .about-media video {
    width: 100%;
    margin-bottom: -4px;
    background-size: cover; }

.heading-media {
  width: 100%; }

.about-section {
  padding: 25px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 16px; }
  @media only screen and (min-width: 640px) {
    .about-section {
      grid-template-columns: repeat(12, 1fr);
      column-gap: 24px;
      padding: 56px 62px; } }
  @media only screen and (min-width: 1080px) {
    .about-section {
      padding: 62px 81px; } }
  @media only screen and (min-width: 1440px) {
    .about-section {
      column-gap: 60px; } }
  .about-section p {
    margin: 0;
    max-width: 670px;
    font-family: "roboto-light";
    font-size: 17px;
    line-height: 28px; }
    @media only screen and (min-width: 640px) {
      .about-section p {
        font-size: 18px;
        line-height: 31px; } }
    @media only screen and (min-width: 1080px) {
      .about-section p {
        font-size: 19px;
        line-height: 33px; } }
  .about-section h1 {
    font-family: "roboto-black";
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 15px 0;
    color: white; }
    @media only screen and (min-width: 640px) {
      .about-section h1 {
        font-size: 30px;
        line-height: 34px; } }
    @media only screen and (min-width: 1080px) {
      .about-section h1 {
        font-size: 39px;
        line-height: 45px; } }
    .about-section h1.purple {
      color: #982380; }
    .about-section h1.pink {
      color: #e01c5f; }
    .about-section h1.pink-variation {
      color: #ed296f; }
    .about-section h1.black {
      color: black; }
  .about-section h2 {
    font-size: 18px;
    font-family: "roboto-black"; }
    @media only screen and (min-width: 1080px) {
      .about-section h2 {
        font-size: 20px; } }
    .about-section h2.purple {
      color: #982380; }
    .about-section h2.black {
      color: black; }

.text-block {
  background-color: white; }
  .text-block .text-block-header {
    grid-column: 1 / span 6; }
    @media only screen and (min-width: 640px) {
      .text-block .text-block-header {
        grid-column: 1 / span 4; } }
    @media only screen and (min-width: 1440px) {
      .text-block .text-block-header {
        display: flex;
        justify-content: center; } }
  .text-block .text-block-description {
    grid-column: 1 / span 6; }
    @media only screen and (min-width: 640px) {
      .text-block .text-block-description {
        grid-column: 5 / span 8; } }
    @media only screen and (min-width: 1440px) {
      .text-block .text-block-description {
        display: flex;
        justify-content: center; } }

.separator {
  width: 100%;
  height: 50px;
  display: grid; }

.people-container {
  padding: 0;
  background-color: #e01c5f; }
  .people-container .people-intro-heading {
    column-gap: 0;
    padding: 25px 25px 0 25px;
    background-color: #e01c5f;
    position: relative;
    grid-column: 1 / span 6; }
    @media only screen and (min-width: 640px) {
      .people-container .people-intro-heading {
        grid-column: 1 / span 12;
        padding: 56px 62px 0 62px; } }
    @media only screen and (min-width: 768px) {
      .people-container .people-intro-heading {
        padding: 62px 0 62px 56px;
        grid-column: 1 / span 5; } }
  .people-container .people-intro-description {
    background-color: #e01c5f;
    padding: 0 25px 25px 25px;
    column-gap: 0;
    grid-column: 1 / span 6;
    color: white; }
    @media only screen and (min-width: 640px) {
      .people-container .people-intro-description {
        grid-column: 1 / span 12;
        padding: 0 62px 56px 62px; } }
    @media only screen and (min-width: 768px) {
      .people-container .people-intro-description {
        padding: 62px 56px 62px 0;
        grid-column: 6 / span 7; } }
  .people-container .people-grid {
    grid-column: 1 / span 6;
    margin: 0;
    background: #982380; }
    @media screen and (max-width: 640px) {
      .people-container .people-grid .person:nth-child(even) .description {
        margin-left: -100%; } }
    @media screen and (min-width: 640px) and (max-width: 768px) {
      .people-container .people-grid .person:nth-child(3n) .description {
        margin-left: -100%; } }
    @media only screen and (min-width: 640px) {
      .people-container .people-grid {
        grid-column: 1 / span 12; } }
    @media screen and (min-width: 768px) and (max-width: 1080px) {
      .people-container .people-grid .person:nth-child(4n) .description {
        margin-left: -100%; } }
    @media screen and (min-width: 1080px) {
      .people-container .people-grid .person:nth-child(5n) .description {
        margin-left: -100%; } }
    .people-container .people-grid .person {
      position: relative;
      width: 50%;
      line-height: 0;
      float: left;
      backface-visibility: hidden;
      z-index: 1; }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person:nth-child(5n + 1) .description {
          border-top: 20px solid #e01c5f; } }
      .people-container .people-grid .person:nth-child(5n + 1) .description h1 {
        color: #e01c5f; }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person:nth-child(5n + 2) .description {
          border-top: 20px solid #ff5085; } }
      .people-container .people-grid .person:nth-child(5n + 2) .description h1 {
        color: #ff5085; }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person:nth-child(5n + 3) .description {
          border-top: 20px solid #ff8013; } }
      .people-container .people-grid .person:nth-child(5n + 3) .description h1 {
        color: #ff8013; }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person:nth-child(5n + 4) .description {
          border-top: 20px solid #e01c5f; } }
      .people-container .people-grid .person:nth-child(5n + 4) .description h1 {
        color: #e01c5f; }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person:nth-child(5n + 5) .description {
          border-top: 20px solid #e576cf; } }
      .people-container .people-grid .person:nth-child(5n + 5) .description h1 {
        color: #e576cf; }
      .people-container .people-grid .person:hover {
        cursor: pointer; }
      .people-container .people-grid .person.current {
        z-index: 2; }
      .people-container .people-grid .person .portrait-container {
        position: relative;
        width: 100%;
        padding-bottom: 100%;
        margin: 0;
        line-height: 0; }
        .people-container .people-grid .person .portrait-container div {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .people-container .people-grid .person .portrait-container div.frame-1 {
            background-position: 0% 0%; }
          .people-container .people-grid .person .portrait-container div.frame-2 {
            background-position: -100% 0%; }
          .people-container .people-grid .person .portrait-container div.frame-3 {
            background-position: -200% 0%; }
          .people-container .people-grid .person .portrait-container div.frame-4 {
            background-position: -300% 0%; }
          .people-container .people-grid .person .portrait-container div.frame-5 {
            background-position: 0% -100%; }
          .people-container .people-grid .person .portrait-container div.frame-6 {
            background-position: -100% -100%; }
          .people-container .people-grid .person .portrait-container div.frame-7 {
            background-position: -200% -100%; }
          .people-container .people-grid .person .portrait-container div.frame-8 {
            background-position: -300% -100%; }
          .people-container .people-grid .person .portrait-container div.frame-9 {
            background-position: 0% -200%; }
          .people-container .people-grid .person .portrait-container div.frame-10 {
            background-position: -100% -200%; }
          .people-container .people-grid .person .portrait-container div.frame-11 {
            background-position: -200% -200%; }
          .people-container .people-grid .person .portrait-container div.frame-12 {
            background-position: -300% -200%; }
        .people-container .people-grid .person .portrait-container.fill div {
          background-size: 100% 100%; }
        .people-container .people-grid .person .portrait-container.rows-2 div {
          background-size: 400% 200%; }
        .people-container .people-grid .person .portrait-container.rows-3 div {
          background-size: 400% 300%; }
        .people-container .people-grid .person .portrait-container.small div {
          background-size: 700% 100%; }
        .people-container .people-grid .person .portrait-container.doug div {
          background-image: url(../images/people/doug_small.jpg); }
        .people-container .people-grid .person .portrait-container.jane div {
          background-image: url(../images/people/jane_small.jpg); }
        .people-container .people-grid .person .portrait-container.rick div {
          background-image: url(../images/people/rick_small.jpg); }
        .people-container .people-grid .person .portrait-container.steve div {
          background-image: url(../images/people/steve_small.jpg); }
        .people-container .people-grid .person .portrait-container.ashley div {
          background-image: url(../images/people/ashley_small.jpg); }
        .people-container .people-grid .person .portrait-container.bixby div {
          background-image: url(../images/people/bixby_small.jpg); }
        .people-container .people-grid .person .portrait-container.dakota div {
          background-image: url(../images/people/dakota_small.jpg); }
        .people-container .people-grid .person .portrait-container.donald div {
          background-image: url(../images/people/donald_small.jpg); }
        .people-container .people-grid .person .portrait-container.dougtobin div {
          background-image: url(../images/people/dougtobin_small.jpg); }
        .people-container .people-grid .person .portrait-container.fumi div {
          background-image: url(../images/people/fumi_small.jpg); }
        .people-container .people-grid .person .portrait-container.giulia div {
          background-image: url(../images/people/giulia_small.jpg); }
        .people-container .people-grid .person .portrait-container.jeremy div {
          background-image: url(../images/people/jeremy_small.jpg); }
        .people-container .people-grid .person .portrait-container.joe div {
          background-image: url(../images/people/joe_small.jpg); }
        .people-container .people-grid .person .portrait-container.kelcey div {
          background-image: url(../images/people/kelcey_small.jpg); }
        .people-container .people-grid .person .portrait-container.laura div {
          background-image: url(../images/people/laura_small.jpg); }
        .people-container .people-grid .person .portrait-container.patrice div {
          background-image: url(../images/people/patrice_small.jpg); }
        .people-container .people-grid .person .portrait-container.shepps div {
          background-image: url(../images/people/shepps_small.jpg); }
        .people-container .people-grid .person .portrait-container.vegas div {
          background-image: url(../images/people/vegas_small.jpg); }
        .people-container .people-grid .person .portrait-container.shane div {
          background-image: url(../images/people/shane_small.jpg); }
        .people-container .people-grid .person .portrait-container.stella div {
          background-image: url(../images/people/stella_small.jpg); }
        .people-container .people-grid .person .portrait-container.kathleen div {
          background-image: url(../images/people/kathleen_small.jpg); }
        .people-container .people-grid .person .portrait-container.jalysa div {
          background-image: url(../images/people/jalysa_small.jpg); }
        .people-container .people-grid .person .portrait-container.mikejones div {
          background-image: url(../images/people/mikejones_small.jpg); }
        .people-container .people-grid .person .portrait-container.fatimah div {
          background-image: url(../images/people/fatimah_small.jpg); }
        .people-container .people-grid .person .portrait-container.akil div {
          background-image: url(../images/people/akil_small.jpg); }
        .people-container .people-grid .person .portrait-container.brandon div {
          background-image: url(../images/people/brandon_small.jpg); }
        .people-container .people-grid .person .portrait-container.nick div {
          background-image: url(../images/people/nick_small.jpg); }
        .people-container .people-grid .person .portrait-container.linsey div {
          background-image: url(../images/people/linsey_small.jpg); }
        .people-container .people-grid .person .portrait-container.robin div {
          background-image: url(../images/people/robin_small.jpg); }
        .people-container .people-grid .person .portrait-container.jessica div {
          background-image: url(../images/people/jessica_small.jpg); }
        .people-container .people-grid .person .portrait-container.charlotte div {
          background-image: url(../images/people/charlotte_small.jpg); }
        .people-container .people-grid .person .portrait-container.wilkes div {
          background-image: url(../images/people/wilkes_small.jpg); }
        .people-container .people-grid .person .portrait-container.haiting div {
          background-image: url(../images/people/haiting_small.jpg); }
      .people-container .people-grid .person .info {
        background: #e01c5f;
        padding: 5px; }
        .people-container .people-grid .person .info h4 {
          display: block;
          font-size: 14px;
          margin: 0;
          font-family: 'roboto-light';
          line-height: 16px; }
      .people-container .people-grid .person:nth-child(5n + 1) .info {
        background: #e01c5f; }
      .people-container .people-grid .person:nth-child(5n + 2) .info {
        background: #ff5085; }
      .people-container .people-grid .person:nth-child(5n + 3) .info {
        background: #ff8013; }
      .people-container .people-grid .person:nth-child(5n + 4) .info {
        background: #e01c5f; }
      .people-container .people-grid .person:nth-child(5n + 5) .info {
        background: #e576cf; }
      .people-container .people-grid .person h3,
      .people-container .people-grid .person p {
        -webkit-font-smoothing: subpixel-antialiased; }
      .people-container .people-grid .person h3 {
        line-height: 17px;
        margin: 0;
        color: black;
        font-family: "roboto-medium";
        font-size: 15px; }
        @media only screen and (min-width: 480px) {
          .people-container .people-grid .person h3 {
            font-size: 20px;
            line-height: 22px; } }
      .people-container .people-grid .person p {
        line-height: 1.1rem;
        margin: 0; }
      @media only screen and (min-width: 640px) {
        .people-container .people-grid .person {
          width: calc(100% / 3); } }
      @media only screen and (min-width: 768px) {
        .people-container .people-grid .person {
          width: 25%; } }
      @media only screen and (min-width: 1080px) {
        .people-container .people-grid .person {
          width: 20%; } }
    @media only screen and (min-width: 768px) {
      .people-container .people-grid .person.last .description {
        border-top: 20px solid #e576cf; } }
    .people-container .people-grid .person.last .description h1 {
      color: #e576cf; }
    .people-container .people-grid .person.last .info {
      background: #e576cf; }
    .people-container .people-grid .description {
      position: absolute;
      opacity: 0;
      background: white;
      width: 200%;
      padding: 25px;
      pointer-events: none; }
      @media only screen and (min-width: 640px) {
        .people-container .people-grid .description {
          padding: 36px; } }
      @media only screen and (min-width: 1080px) {
        .people-container .people-grid .description {
          padding: 42px; } }
      .people-container .people-grid .description.current {
        pointer-events: all; }
        .people-container .people-grid .description.current h1,
        .people-container .people-grid .description.current h3,
        .people-container .people-grid .description.current p,
        .people-container .people-grid .description.current img,
        .people-container .people-grid .description.current .sprite {
          transform: translateY(0);
          opacity: 1; }
        .people-container .people-grid .description.current h3 {
          transition-delay: 0.1s;
          margin-bottom: 5px; }
          @media only screen and (min-width: 480px) {
            .people-container .people-grid .description.current h3 {
              margin-bottom: 7px; } }
          @media only screen and (min-width: 640px) {
            .people-container .people-grid .description.current h3 {
              margin-bottom: 10px; } }
          @media only screen and (min-width: 1080px) {
            .people-container .people-grid .description.current h3 {
              margin-bottom: 12px; } }
        .people-container .people-grid .description.current p {
          transition-delay: 0.15s; }
        .people-container .people-grid .description.current img:nth-of-type(1),
        .people-container .people-grid .description.current .sprite:nth-of-type(1) {
          transition-delay: 0.2s; }
        .people-container .people-grid .description.current img:nth-of-type(2),
        .people-container .people-grid .description.current .sprite:nth-of-type(2) {
          transition-delay: 0.25s; }
        .people-container .people-grid .description.current img:nth-of-type(3),
        .people-container .people-grid .description.current .sprite:nth-of-type(3) {
          transition-delay: 0.3s; }
      .people-container .people-grid .description .close-button {
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        margin: 10px;
        position: absolute;
        display: block;
        z-index: 1; }
        .people-container .people-grid .description .close-button:before, .people-container .people-grid .description .close-button:after {
          content: "";
          width: 3px;
          height: 40px;
          background: grey;
          position: absolute;
          right: 20px;
          border-radius: 10px;
          transform: rotate(90deg);
          transition-duration: 0.3s; }
        .people-container .people-grid .description .close-button:before, .people-container .people-grid .description .close-button:after {
          content: "";
          width: 2px;
          height: 35px;
          background: grey;
          position: absolute;
          transform: rotate(90deg);
          transition-duration: 0.3s; }
          @media only screen and (min-width: 768px) {
            .people-container .people-grid .description .close-button:before, .people-container .people-grid .description .close-button:after {
              width: 3px;
              height: 40px; } }
        .people-container .people-grid .description .close-button:hover:before, .people-container .people-grid .description .close-button:hover:after {
          background: #e01c5f; }
        .people-container .people-grid .description .close-button.in:before {
          transform: rotate(-135deg); }
        .people-container .people-grid .description .close-button.in:after {
          transform: rotate(-225deg); }
      .people-container .people-grid .description h1 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 5px 0; }
        @media only screen and (min-width: 640px) {
          .people-container .people-grid .description h1 {
            font-size: 22px;
            line-height: 28px; } }
        @media only screen and (min-width: 768px) {
          .people-container .people-grid .description h1 {
            font-size: 28px;
            line-height: 36px; } }
      .people-container .people-grid .description p {
        font-size: 13px;
        line-height: 21px; }
        @media only screen and (min-width: 375px) {
          .people-container .people-grid .description p {
            font-size: 14px;
            line-height: 24px; } }
        @media only screen and (min-width: 480px) {
          .people-container .people-grid .description p {
            font-size: 16px;
            line-height: 26px; } }
      .people-container .people-grid .description h1,
      .people-container .people-grid .description h3,
      .people-container .people-grid .description p,
      .people-container .people-grid .description img,
      .people-container .people-grid .description .sprite {
        transform: translateY(20px);
        transition: transform 0.2s, opacity 0.2s;
        opacity: 0; }

@keyframes pulse {
  0%, 70%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-8px); }
  80% {
    transform: translateY(-1px); } }
      .people-container .people-grid .description .people-icons {
        position: relative;
        height: 40px;
        margin: 5px auto; }
        .people-container .people-grid .description .people-icons .sprite {
          width: 80px;
          height: 80px;
          float: left;
          margin: 5px;
          zoom: 0.5; }
          .people-container .people-grid .description .people-icons .sprite.pulsing {
            animation-duration: 0.7s;
            animation-name: pulse; }
          .people-container .people-grid .description .people-icons .sprite:hover {
            transition-delay: 0s;
            transform: translateY(-8px); }
          .people-container .people-grid .description .people-icons .sprite.unhovering {
            transition-delay: 0s; }
          @media only screen and (min-width: 768px) {
            .people-container .people-grid .description .people-icons .sprite {
              zoom: 1; } }
        @media only screen and (min-width: 768px) {
          .people-container .people-grid .description .people-icons {
            height: 70px; }
            .people-container .people-grid .description .people-icons img,
            .people-container .people-grid .description .people-icons .sprite {
              width: 60px;
              height: 60px; } }
        @media only screen and (min-width: 1080px) {
          .people-container .people-grid .description .people-icons {
            height: 100px; }
            .people-container .people-grid .description .people-icons img,
            .people-container .people-grid .description .people-icons .sprite {
              width: 90px;
              height: 90px; } }
      .people-container .people-grid .description .people-icon-text {
        position: relative; }
        .people-container .people-grid .description .people-icon-text p {
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          transform: translateY(20px);
          transition: transform 0.2s, opacity 0.2s;
          opacity: 0;
          margin-top: 10px; }
          .people-container .people-grid .description .people-icon-text p.current {
            transform: translateY(0);
            opacity: 1; }

.clients {
  background-color: #982380; }
  .clients .clients-header {
    grid-column: 1 / span 6; }
  .clients .clients-list {
    grid-column: 1 / span 6;
    column-count: 2;
    column-gap: 12px;
    font-size: 17px;
    font-style: italic;
    font-family: "roboto-light"; }
    .clients .clients-list li {
      line-height: 27px;
      color: white; }
    @media only screen and (min-width: 640px) {
      .clients .clients-list {
        grid-column: 1 / span 12; } }
    @media only screen and (min-width: 768px) {
      .clients .clients-list {
        font-size: 21px;
        column-count: 3;
        column-gap: 20px; }
        .clients .clients-list li {
          line-height: 36px; } }
    @media only screen and (min-width: 1080px) {
      .clients .clients-list {
        column-count: 4;
        column-gap: 28px; } }

.careers {
  position: relative;
  background-color: white; }
  .careers #careers-anchor {
    position: absolute;
    top: -50px; }
  .careers .careers-header {
    display: flex;
    flex-direction: column;
    grid-column: 1 / span 6; }
    @media only screen and (min-width: 640px) {
      .careers .careers-header {
        grid-column: 1 / span 5; } }
    @media only screen and (min-width: 768px) {
      .careers .careers-header {
        grid-column: 1 / span 4; } }
    @media only screen and (min-width: 1440px) {
      .careers .careers-header {
        display: flex; } }
  .careers .careers-listings {
    grid-column: 1 / span 6; }
    @media only screen and (min-width: 640px) {
      .careers .careers-listings {
        grid-column: 6 / span 7; } }
    @media only screen and (min-width: 768px) {
      .careers .careers-listings {
        grid-column: 5 / span 8; } }
    @media only screen and (min-width: 1440px) {
      .careers .careers-listings {
        display: flex;
        flex-direction: column;
        justify-content: center; } }
    .careers .careers-listings .careers-intro {
      display: inline-block; }
      .careers .careers-listings .careers-intro p {
        display: inline; }
    .careers .careers-listings .listing {
      margin: 20px 0; }
    .careers .careers-listings a {
      font-size: 16px;
      font-family: "roboto-bold";
      white-space: nowrap; }

.person-block {
  float: left;
  width: 50%; }
  @media only screen and (min-width: 640px) {
    .person-block {
      width: calc(100% / 3); } }
  @media only screen and (min-width: 768px) {
    .person-block {
      width: 25%; } }
  @media only screen and (min-width: 1080px) {
    .person-block {
      width: 20%; } }

.carousel-container {
  height: 100vw;
  margin-bottom: -1px;
  overflow: hidden;
  will-change: content;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .carousel-container {
      height: auto;
      position: relative; }
      .carousel-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%; }
      .carousel-container > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
  .carousel-container .content {
    height: 100%; }
    .carousel-container .content div {
      height: 100%;
      position: absolute;
      width: 100%;
      display: flex;
      justify-content: center; }
      .carousel-container .content div a {
        height: 100%; }
      @media only screen and (min-width: 768px) {
        .carousel-container .content div {
          justify-content: start; } }
      .carousel-container .content div video {
        height: 100%; }
      .carousel-container .content div img {
        height: 100%; }
      .carousel-container .content div .arrow {
        top: 50%;
        transform: translateY(-50%);
        height: 20%;
        width: 3%;
        position: absolute;
        cursor: pointer; }
      .carousel-container .content div #rightarrow {
        right: 2%; }
      .carousel-container .content div #leftarrow {
        left: 2%; }

.slider-wrapper {
  position: relative;
  padding: 0;
  height: 100%; }
  .slider-wrapper .show {
    pointer-events: auto;
    opacity: 1;
    transition: opacity 1s ease-in-out; }
  .slider-wrapper .hide {
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease-in-out; }

.highlightArrow {
  opacity: 1;
  transition: opacity 0.5s ease-in-out; }

.showArrow {
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out; }

.hideArrow {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }

.featured-section,
#gallery-section {
  position: relative;
  background: #982380;
  margin: 0;
  clear: both; }
  .featured-section h2,
  .featured-section h3,
  #gallery-section h2,
  #gallery-section h3 {
    font-weight: 100;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: 0; }
  .featured-section h2,
  #gallery-section h2 {
    color: white;
    font-size: 22px;
    font-family: roboto-bold; }
  .featured-section h3,
  #gallery-section h3 {
    color: white;
    letter-spacing: 0.4px;
    font-size: 21px;
    margin-top: 5px;
    font-family: roboto-light; }

#gallery-section {
  margin-top: 60px; }
  @media only screen and (min-width: 640px) {
    #gallery-section {
      margin-top: 58px; } }

.gallery-load-more.hidden {
  display: none; }

.gallery-load-more .gallery-load-more-band {
  background-color: #e01c5f;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer; }
  .gallery-load-more .gallery-load-more-band.loading .load-more-text {
    display: none; }
  .gallery-load-more .gallery-load-more-band.loading .gallery-spinner {
    opacity: 1; }
  .gallery-load-more .gallery-load-more-band .gallery-spinner {
    opacity: 0;
    margin: 0;
    transform: scale(0.8); }
  .gallery-load-more .gallery-load-more-band .load-more-text {
    color: white;
    transition-duration: 0.3s; }
  .gallery-load-more .gallery-load-more-band:hover .load-more-text {
    color: black;
    transform: translateY(-2px); }
  @media only screen and (min-width: 768px) {
    .gallery-load-more .gallery-load-more-band {
      height: 65px;
      font-size: 20px; } }
  @media only screen and (min-width: 1080px) {
    .gallery-load-more .gallery-load-more-band {
      font-size: 23px;
      height: 74px; } }

.featured-grid-item {
  opacity: 0;
  transform: scale(0.8) translate(10px, 20px);
  transition-duration: 0.3s; }
  .featured-grid-item.loaded {
    opacity: 1;
    transform: scale(1) translate(0px, 0px); }

.featured-grid-item,
.gallery-grid-item {
  position: relative;
  width: 100%;
  float: left;
  backface-visibility: hidden;
  cursor: pointer;
  overflow: hidden; }
  .featured-grid-item:hover .featured-grid-image,
  .featured-grid-item:hover .gallery-grid-image, .featured-grid-item.hover .featured-grid-image,
  .featured-grid-item.hover .gallery-grid-image,
  .gallery-grid-item:hover .featured-grid-image,
  .gallery-grid-item:hover .gallery-grid-image,
  .gallery-grid-item.hover .featured-grid-image,
  .gallery-grid-item.hover .gallery-grid-image {
    transform: scale(1); }
  .featured-grid-item:hover .featured-grid-image.moving, .featured-grid-item.hover .featured-grid-image.moving,
  .gallery-grid-item:hover .featured-grid-image.moving,
  .gallery-grid-item.hover .featured-grid-image.moving {
    opacity: 1; }
  .featured-grid-item .featured-grid-image,
  .featured-grid-item .gallery-grid-image,
  .gallery-grid-item .featured-grid-image,
  .gallery-grid-item .gallery-grid-image {
    width: 100%;
    display: block;
    transition-delay: 0.05s;
    transition-duration: 0.5s;
    transition-property: transform, -webkit-transform;
    transform: scale(1.05); }
    .featured-grid-item .featured-grid-image.moving,
    .featured-grid-item .gallery-grid-image.moving,
    .gallery-grid-item .featured-grid-image.moving,
    .gallery-grid-item .gallery-grid-image.moving {
      opacity: 0;
      position: absolute;
      top: 0; }
  .featured-grid-item .featured-grid-info,
  .featured-grid-item .gallery-grid-info,
  .gallery-grid-item .featured-grid-info,
  .gallery-grid-item .gallery-grid-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(24, 24, 62, 0.75);
    transition: opacity 0.2s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10%; }
    .featured-grid-item .featured-grid-info h2,
    .featured-grid-item .featured-grid-info h3,
    .featured-grid-item .gallery-grid-info h2,
    .featured-grid-item .gallery-grid-info h3,
    .gallery-grid-item .featured-grid-info h2,
    .gallery-grid-item .featured-grid-info h3,
    .gallery-grid-item .gallery-grid-info h2,
    .gallery-grid-item .gallery-grid-info h3 {
      transform: translateY(10px) scale(0.95);
      transform-origin: top center;
      opacity: 0;
      transition-property: opacity, transform, -webkit-transform;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
    .featured-grid-item .featured-grid-info:hover, .featured-grid-item .featured-grid-info.hover,
    .featured-grid-item .gallery-grid-info:hover,
    .featured-grid-item .gallery-grid-info.hover,
    .gallery-grid-item .featured-grid-info:hover,
    .gallery-grid-item .featured-grid-info.hover,
    .gallery-grid-item .gallery-grid-info:hover,
    .gallery-grid-item .gallery-grid-info.hover {
      opacity: 1; }
      .featured-grid-item .featured-grid-info:hover h2,
      .featured-grid-item .featured-grid-info:hover h3, .featured-grid-item .featured-grid-info.hover h2,
      .featured-grid-item .featured-grid-info.hover h3,
      .featured-grid-item .gallery-grid-info:hover h2,
      .featured-grid-item .gallery-grid-info:hover h3,
      .featured-grid-item .gallery-grid-info.hover h2,
      .featured-grid-item .gallery-grid-info.hover h3,
      .gallery-grid-item .featured-grid-info:hover h2,
      .gallery-grid-item .featured-grid-info:hover h3,
      .gallery-grid-item .featured-grid-info.hover h2,
      .gallery-grid-item .featured-grid-info.hover h3,
      .gallery-grid-item .gallery-grid-info:hover h2,
      .gallery-grid-item .gallery-grid-info:hover h3,
      .gallery-grid-item .gallery-grid-info.hover h2,
      .gallery-grid-item .gallery-grid-info.hover h3 {
        transform: translateY(0);
        opacity: 1; }
      .featured-grid-item .featured-grid-info:hover h3, .featured-grid-item .featured-grid-info.hover h3,
      .featured-grid-item .gallery-grid-info:hover h3,
      .featured-grid-item .gallery-grid-info.hover h3,
      .gallery-grid-item .featured-grid-info:hover h3,
      .gallery-grid-item .featured-grid-info.hover h3,
      .gallery-grid-item .gallery-grid-info:hover h3,
      .gallery-grid-item .gallery-grid-info.hover h3 {
        transition-delay: 0.05s;
        transition-duration: 0.25s; }
    @media only screen and (min-width: 1080px) {
      .featured-grid-item .featured-grid-info,
      .featured-grid-item .gallery-grid-info,
      .gallery-grid-item .featured-grid-info,
      .gallery-grid-item .gallery-grid-info {
        background: rgba(24, 24, 62, 0.75); } }
  @media only screen and (min-width: 640px) {
    .featured-grid-item,
    .gallery-grid-item {
      width: 50%; } }
  .featured-grid-item .major-feature-description,
  .gallery-grid-item .major-feature-description {
    padding: 0 10%;
    line-height: initial;
    text-align: center; }

.featured-grid-item.major-feature,
.featured-grid-item.unique-feature {
  width: 100%;
  background: black;
  background-size: 200%; }
  .featured-grid-item.major-feature:hover img, .featured-grid-item.major-feature.hover img,
  .featured-grid-item.unique-feature:hover img,
  .featured-grid-item.unique-feature.hover img {
    transform: scale(1); }
  .featured-grid-item.major-feature > img,
  .featured-grid-item.unique-feature > img {
    width: 100%;
    display: block;
    transition-delay: 0.05s;
    transition-duration: 0.5s;
    transition-property: transform, -webkit-transform;
    transform: scale(1.05); }
  .featured-grid-item.major-feature .major-feature-description,
  .featured-grid-item.unique-feature .major-feature-description {
    overflow-y: visible;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(24, 24, 62, 0.75);
    transition: opacity 0.2s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .featured-grid-item.major-feature .major-feature-description h2,
    .featured-grid-item.major-feature .major-feature-description h3,
    .featured-grid-item.unique-feature .major-feature-description h2,
    .featured-grid-item.unique-feature .major-feature-description h3 {
      transform: translateY(10px) scale(0.95);
      transform-origin: top center;
      opacity: 0;
      transition-property: opacity, transform, -webkit-transform;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
    .featured-grid-item.major-feature .major-feature-description:hover, .featured-grid-item.major-feature .major-feature-description.hover,
    .featured-grid-item.unique-feature .major-feature-description:hover,
    .featured-grid-item.unique-feature .major-feature-description.hover {
      opacity: 1; }
      .featured-grid-item.major-feature .major-feature-description:hover h2,
      .featured-grid-item.major-feature .major-feature-description:hover h3, .featured-grid-item.major-feature .major-feature-description.hover h2,
      .featured-grid-item.major-feature .major-feature-description.hover h3,
      .featured-grid-item.unique-feature .major-feature-description:hover h2,
      .featured-grid-item.unique-feature .major-feature-description:hover h3,
      .featured-grid-item.unique-feature .major-feature-description.hover h2,
      .featured-grid-item.unique-feature .major-feature-description.hover h3 {
        transform: translateY(0);
        opacity: 1; }
      .featured-grid-item.major-feature .major-feature-description:hover h3, .featured-grid-item.major-feature .major-feature-description.hover h3,
      .featured-grid-item.unique-feature .major-feature-description:hover h3,
      .featured-grid-item.unique-feature .major-feature-description.hover h3 {
        transition-delay: 0.05s;
        transition-duration: 0.25s; }

.gallery-grid-item {
  position: relative;
  transition: opacity 0.2s; }
  .gallery-grid-item:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .gallery-grid-item > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  @media only screen and (min-width: 1440px) {
    .gallery-grid-item {
      width: 33.33333%; } }

.gallery-sort {
  position: fixed;
  top: 50px;
  z-index: 1;
  background: white;
  transition: 0.5s ease-out 0.1s;
  background-color: #af1690;
  text-align: center;
  display: flex;
  width: 100%; }
  @media only screen and (min-width: 640px) {
    .gallery-sort {
      top: 60px; } }
  @media only screen and (min-width: 1080px) {
    .gallery-sort {
      top: 70px; } }
  .gallery-sort.mobile-nav-open {
    pointer-events: none; }
  .gallery-sort .gallery-sort-outer {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 10px 0;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    @media only screen and (min-width: 1080px) {
      .gallery-sort .gallery-sort-outer {
        display: flex;
        justify-content: center; } }
    .gallery-sort .gallery-sort-outer .gallery-sort-inner {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      width: 1120px;
      justify-content: space-around; }
  .gallery-sort .gallery-sort-outer::-webkit-scrollbar {
    display: none; }
  .gallery-sort .gallery-sort-arrow {
    width: 25px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    border-radius: 3px;
    transform: rotate(135deg);
    margin: 20px;
    cursor: pointer; }
    .gallery-sort .gallery-sort-arrow.hidden {
      opacity: 0.2;
      cursor: auto; }
    @media only screen and (min-width: 1080px) {
      .gallery-sort .gallery-sort-arrow {
        display: none; } }
  .gallery-sort .gallery-sort-arrow:hover {
    border: solid #ff8013;
    border-width: 0 3px 3px 0;
    border-radius: 3px; }
    .gallery-sort .gallery-sort-arrow:hover.hidden {
      border: solid white;
      border-width: 0 3px 3px 0;
      border-radius: 3px; }
  .gallery-sort .gallery-sort-arrow-right {
    transform: rotate(-45deg); }
  .gallery-sort .gallery-sort-category {
    color: #7c716e;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
    transition: color 0.1s, opacity 0.4s;
    color: white;
    white-space: nowrap; }
    .gallery-sort .gallery-sort-category:hover, .gallery-sort .gallery-sort-category.hover, .gallery-sort .gallery-sort-category.current-category {
      color: orange; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 1) {
      transition-delay: 0s, 0.6s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 2) {
      transition-delay: 0s, 0.7s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 3) {
      transition-delay: 0s, 0.8s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 4) {
      transition-delay: 0s, 0.9s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 5) {
      transition-delay: 0s, 1s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 6) {
      transition-delay: 0s, 1.1s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 7) {
      transition-delay: 0s, 1.2s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 8) {
      transition-delay: 0s, 1.3s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 9) {
      transition-delay: 0s, 1.4s; }
    .gallery-sort .gallery-sort-category:nth-child(10n + 10) {
      transition-delay: 0s, 1.5s; }
  .in-transition .gallery-sort {
    transform: translateY(-100%); }
    .in-transition .gallery-sort .gallery-sort-category {
      opacity: 0; }

.gallery-top-spinner {
  top: 150px; }

#gallery-section.in-transition .gallery-grid-item {
  opacity: 0; }

#gallery-section.in-transition .gallery-top-spinner {
  opacity: 1; }

#gallery-section.loading .gallery-load-more {
  opacity: 0; }

#gallery-section.loading .gallery-spinner {
  opacity: 1; }

@media only screen and (min-width: 1080px) {
  .featured-section.paginated {
    overflow: hidden;
    width: 100%;
    height: 38vw; }
    .featured-section.paginated .featured-grid-item {
      position: absolute;
      top: 0;
      left: 0; }
    .featured-section.paginated .featured-grid-item.transitioning {
      transition: transform 0.3s ease-out; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 1) {
        transition-delay: 0.05s; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 2) {
        transition-delay: 0.1s; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 3) {
        transition-delay: 0.15s; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 4) {
        transition-delay: 0.2s; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 5) {
        transition-delay: 0.25s; }
      .featured-section.paginated .featured-grid-item.transitioning:nth-child(6n + 6) {
        transition-delay: 0.3s; }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 1) {
      transform: translate3d(-300%, 0, 0); }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 2) {
      transform: translate3d(-200%, 0, 0); }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 3) {
      transform: translate3d(-100%, 0, 0); }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 4) {
      transform: translate3d(-300%, 100%, 0); }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 5) {
      transform: translate3d(-200%, 100%, 0); }
    .featured-section.paginated .featured-grid-item.previous:nth-child(6n + 6) {
      transform: translate3d(-100%, 100%, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 1),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 1) {
      transform: translate3d(300%, 0, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 2),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 2) {
      transform: translate3d(400%, 0, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 3),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 3) {
      transform: translate3d(500%, 0, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 4),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 4) {
      transform: translate3d(300%, 100%, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 5),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 5) {
      transform: translate3d(400%, 100%, 0); }
    .featured-section.paginated .featured-grid-item:nth-child(6n + 6),
    .featured-section.paginated .featured-grid-item.next:nth-child(6n + 6) {
      transform: translate3d(500%, 100%, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 1) {
      transform: translate3d(0, 0, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 2) {
      transform: translate3d(100%, 0, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 3) {
      transform: translate3d(200%, 0, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 4) {
      transform: translate3d(0, 100%, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 5) {
      transform: translate3d(100%, 100%, 0); }
    .featured-section.paginated .featured-grid-item.current:nth-child(6n + 6) {
      transform: translate3d(200%, 100%, 0); } }

.project-video {
  position: relative; }
  .project-video img {
    width: 100%;
    display: block; }

.project-content-container {
  background: white;
  width: 100%;
  min-height: 200px; }
  .project-content-container .project-content-top,
  .project-content-container .project-content-bottom {
    margin: 0 auto;
    text-align: left; }
  .project-content-container .project-content-top {
    padding: 43px 20px 20px 20px;
    max-width: 640px;
    clear: both; }
    .project-content-container .project-content-top .project-video-title {
      font-size: 32px;
      font-family: "roboto-bold"; }
    .project-content-container .project-content-top .project-video-description {
      line-height: 1.6;
      font-family: "roboto-light"; }
  .project-content-container .project-content-bottom {
    padding: 10px;
    max-width: 1000px; }
    .project-content-container .project-content-bottom .col-left,
    .project-content-container .project-content-bottom .col-right,
    .project-content-container .project-content-bottom .col-center {
      width: 100%; }
    .project-content-container .project-content-bottom .col-left,
    .project-content-container .project-content-bottom .col-right {
      float: left; }
    @media only screen and (min-width: 640px) {
      .project-content-container .project-content-bottom .col-left {
        width: 66.66667%;
        padding: 0 40px 0 0; }
      .project-content-container .project-content-bottom .col-right {
        width: 33.33333%; }
      .project-content-container .project-content-bottom .col-center {
        width: 66.66667%;
        padding: 0 40px 0 0;
        margin: 0 auto; } }
  .project-content-container h1 {
    color: #e01c5f;
    margin: 0;
    font-size: 32px; }
  .project-content-container h2 {
    font-weight: 300;
    color: #222222;
    margin: 0; }
  .project-content-container h3 {
    margin: 0; }

.scroll-button {
  height: 20px;
  border: solid #7c716e;
  border-width: 0 0 3px 3px;
  transform: rotate(45deg);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 20px;
  display: none;
  -webkit-transition: opacity 0.5s ease-in, transform 0.2s linear;
  -moz-transition: opacity 0.5s ease-in, transform 0.2s linear;
  -o-transition: opacity 0.5s ease-in, transform 0.2s linear;
  transition: opacity 0.5s ease-in, transform 0.2s linear; }
  .scroll-button.hidden {
    opacity: 0.2;
    cursor: auto; }
  .scroll-button.show {
    display: flex; }
  @media only screen and (min-width: 640px) {
    .scroll-button {
      height: 30px;
      flex: 0 0 30px; } }
  @media only screen and (min-width: 1080px) {
    .scroll-button {
      height: 40px;
      flex: 0 0 40px; } }

.scroll-button:hover {
  border: solid #e01c5f;
  border-width: 0 0 3px 3px;
  border-radius: 3px; }
  .scroll-button:hover.hidden {
    border: solid #7c716e;
    border-width: 0 0 3px 3px;
    border-radius: 3px; }

.scroll-button-right {
  transform: rotate(-135deg); }

.scroll-button-right:hover {
  transform: scale(1.2) rotate(-135deg); }
  .scroll-button-right:hover.hidden {
    transform: rotate(-135deg); }

.scroll-button-left:hover {
  transform: scale(1.2) rotate(45deg); }
  .scroll-button-left:hover.hidden {
    transform: rotate(45deg); }

.additional-videos {
  width: 100%;
  height: 85px;
  background: #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px; }
  @media only screen and (min-width: 640px) {
    .additional-videos {
      padding: 20px;
      height: 130px; } }
  @media only screen and (min-width: 1080px) {
    .additional-videos {
      padding: 25px;
      height: 165px; } }
  .additional-videos .videos-container::-webkit-scrollbar {
    height: 8px; }
    @media only screen and (min-width: 768px) {
      .additional-videos .videos-container::-webkit-scrollbar {
        height: 10px; } }
  .additional-videos .videos-container::-webkit-scrollbar-track {
    background: #cccccc;
    border-radius: 10px; }
  .additional-videos .videos-container::-webkit-scrollbar-thumb {
    background: #e01c5f;
    border-radius: 10px; }
    .additional-videos .videos-container::-webkit-scrollbar-thumb:hover {
      background: #b6174f; }
  .additional-videos .videos-container {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .additional-videos .videos-container.showBar {
      padding-bottom: 6px; }
      @media only screen and (min-width: 768px) {
        .additional-videos .videos-container.showBar {
          padding-bottom: 8px; } }
    .additional-videos .videos-container a {
      position: relative; }
      .additional-videos .videos-container a .thumbnail-container {
        height: 100%;
        width: 95px;
        overflow: hidden;
        display: flex;
        align-items: center; }
        @media only screen and (min-width: 640px) {
          .additional-videos .videos-container a .thumbnail-container {
            width: 130px; } }
        @media only screen and (min-width: 1080px) {
          .additional-videos .videos-container a .thumbnail-container {
            width: 200px; } }
        .additional-videos .videos-container a .thumbnail-container img {
          transition: opacity 0.2s;
          transition-delay: 0.05s;
          transition-duration: 0.5s;
          transition-property: transform, -webkit-transform;
          transform: scale(1.05);
          width: 100%; }
        .additional-videos .videos-container a .thumbnail-container .thumbnail-info {
          height: 100%;
          width: 95px;
          transition: opacity 0.2s;
          background-color: rgba(0, 0, 0, 0);
          position: absolute;
          top: 0;
          opacity: 0;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 20px;
          text-align: center; }
          @media only screen and (min-width: 640px) {
            .additional-videos .videos-container a .thumbnail-container .thumbnail-info {
              width: 130px; } }
          @media only screen and (min-width: 1080px) {
            .additional-videos .videos-container a .thumbnail-container .thumbnail-info {
              width: 200px; } }
          .additional-videos .videos-container a .thumbnail-container .thumbnail-info h3 {
            transform: translateY(10px) scale(0.95);
            transform-origin: top center;
            opacity: 0;
            transition-property: opacity, transform, -webkit-transform;
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
            margin: 0;
            color: white;
            font-size: 13px;
            line-height: 13px; }
            @media only screen and (min-width: 640px) {
              .additional-videos .videos-container a .thumbnail-container .thumbnail-info h3 {
                font-size: 16px;
                line-height: 16px; } }
            @media only screen and (min-width: 1080px) {
              .additional-videos .videos-container a .thumbnail-container .thumbnail-info h3 {
                font-size: 17px;
                line-height: 17px; } }
      .additional-videos .videos-container a:hover .thumbnail-container img, .additional-videos .videos-container a.active .thumbnail-container img {
        transform: scale(1); }
      .additional-videos .videos-container a:hover .thumbnail-container .thumbnail-info, .additional-videos .videos-container a.active .thumbnail-container .thumbnail-info {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5); }
        .additional-videos .videos-container a:hover .thumbnail-container .thumbnail-info h3, .additional-videos .videos-container a.active .thumbnail-container .thumbnail-info h3 {
          transform: translateY(0);
          opacity: 1;
          transition-delay: 0.05s;
          transition-duration: 0.25s; }
      .additional-videos .videos-container a.active .thumbnail-container img {
        transform: scale(1); }
      .additional-videos .videos-container a.active .thumbnail-container .thumbnail-info {
        opacity: 1;
        background-color: rgba(152, 35, 128, 0.8); }
        .additional-videos .videos-container a.active .thumbnail-container .thumbnail-info h3 {
          transform: translateY(0);
          opacity: 1;
          transition-delay: 0.05s;
          transition-duration: 0.25s; }

.case-study-container .partition-line {
  grid-column: 1 / span 4;
  height: 1.5px;
  background-color: #bababa;
  margin-bottom: 13px; }
  @media only screen and (min-width: 480px) {
    .case-study-container .partition-line {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .partition-line {
      grid-column: 1 / span 12; } }

.case-study-container .case-study-block {
  letter-spacing: 0.2px;
  display: grid;
  background-color: white;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 16px;
  text-align: left;
  padding: 40px 25px;
  position: relative; }
  @media only screen and (min-width: 480px) {
    .case-study-container .case-study-block {
      grid-template-columns: repeat(6, 1fr); } }
  @media only screen and (min-width: 640px) {
    .case-study-container .case-study-block {
      grid-template-columns: repeat(12, 1fr);
      column-gap: 24px;
      padding: 62px 58px; } }
  @media only screen and (min-width: 1080px) {
    .case-study-container .case-study-block {
      padding: 62px 81px; } }
  @media only screen and (min-width: 1440px) {
    .case-study-container .case-study-block {
      padding: 62px 15%; } }
  .case-study-container .case-study-block.reduce-padding {
    padding: 40px 25px 0px 25px; }
    @media only screen and (min-width: 640px) {
      .case-study-container .case-study-block.reduce-padding {
        padding: 62px 58px 0px 58px; } }
    @media only screen and (min-width: 1080px) {
      .case-study-container .case-study-block.reduce-padding {
        padding: 81px 81px 0px 81px; } }
    @media only screen and (min-width: 1440px) {
      .case-study-container .case-study-block.reduce-padding {
        padding: 81px 15% 0px 15%; } }
  .case-study-container .case-study-block.media-only {
    padding: 0; }

@media only screen and (min-width: 480px) and (min-width: 640px) {
  .case-study-container .case-study-block.reverse .text-block-title,
  .case-study-container .case-study-block.reverse .media-and-text-heading,
  .case-study-container .case-study-block.reverse .media-and-text-image {
    grid-column: 8 / span 5; } }

@media only screen and (min-width: 480px) and (min-width: 640px) {
  .case-study-container .case-study-block.reverse .text-block-description,
  .case-study-container .case-study-block.reverse .media-and-text-description {
    grid-column: 1 / span 7;
    grid-row: 1; } }
  .case-study-container .case-study-block p {
    margin: 0; }
  .case-study-container .case-study-block h1 {
    font-family: "roboto-black";
    font-size: 28px;
    line-height: 33px;
    margin: 0;
    margin-bottom: 6px;
    color: #e01c5f; }
    @media only screen and (min-width: 640px) {
      .case-study-container .case-study-block h1 {
        font-size: 33px;
        margin-bottom: 7px;
        line-height: 38px; } }
    @media only screen and (min-width: 1080px) {
      .case-study-container .case-study-block h1 {
        font-size: 39px;
        line-height: 45px; } }
  .case-study-container .case-study-block h2 {
    font-family: "roboto";
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px; }
    @media only screen and (min-width: 640px) {
      .case-study-container .case-study-block h2 {
        font-size: 20px; } }
    @media only screen and (min-width: 1080px) {
      .case-study-container .case-study-block h2 {
        font-size: 22px; } }
  .case-study-container .case-study-block .case-study-description {
    max-width: 670px;
    font-family: "roboto-light";
    font-size: 17px;
    line-height: 28px; }
    .case-study-container .case-study-block .case-study-description p {
      max-width: 670px;
      font-family: "roboto-light";
      font-size: 17px;
      line-height: 28px; }
      @media only screen and (min-width: 640px) {
        .case-study-container .case-study-block .case-study-description p {
          font-size: 18px;
          line-height: 31px; } }
      @media only screen and (min-width: 1080px) {
        .case-study-container .case-study-block .case-study-description p {
          font-size: 19px;
          line-height: 33px; } }
    .case-study-container .case-study-block .case-study-description strong {
      font-family: 'roboto-bold'; }
  .case-study-container .case-study-block .caption {
    position: absolute;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 7px;
    font-size: 12px;
    font-family: 'roboto-light'; }
    .case-study-container .case-study-block .caption .bold {
      font-family: 'roboto-bold'; }
    @media only screen and (min-width: 480px) {
      .case-study-container .case-study-block .caption {
        font-size: 14px; } }
    @media only screen and (min-width: 640px) {
      .case-study-container .case-study-block .caption {
        font-size: 16px;
        padding: 8px; } }
    @media only screen and (min-width: 1080px) {
      .case-study-container .case-study-block .caption {
        font-size: 18px;
        padding: 10px; } }

.case-study-container .heading-and-text .text-block-title {
  grid-column: 1 / span 4; }
  @media only screen and (min-width: 480px) {
    .case-study-container .heading-and-text .text-block-title {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .heading-and-text .text-block-title {
      grid-column: 1 / span 5; } }

.case-study-container .heading-and-text .text-block-description {
  grid-column: 1 / span 4; }
  @media only screen and (min-width: 480px) {
    .case-study-container .heading-and-text .text-block-description {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .heading-and-text .text-block-description {
      grid-column: 6 / span 7; } }

.case-study-container .heading-and-text .open-link {
  margin-top: 10px;
  color: #e01c5f;
  cursor: pointer; }
  .case-study-container .heading-and-text .open-link:hover {
    text-decoration: underline; }
  @media only screen and (min-width: 640px) {
    .case-study-container .heading-and-text .open-link {
      grid-column: 6 / span 7; } }

.case-study-container .media-full-row.vimeo-embed {
  position: relative;
  padding: 56.25% 0 0 0; }

.case-study-container .media-full-row .media-block-image {
  grid-column: 1 / span 4;
  width: 100%; }
  @media only screen and (min-width: 480px) {
    .case-study-container .media-full-row .media-block-image {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .media-full-row .media-block-image {
      grid-column: 1 / span 12; } }

.case-study-container .media-full-row .media-block-vimeo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.case-study-container .media-half-row {
  column-gap: 0; }
  .case-study-container .media-half-row .media-block-image {
    grid-column: 1 / span 4;
    width: 100%; }
    @media only screen and (max-width: 479px) {
      .case-study-container .media-half-row .media-block-image.noStack.image1 {
        grid-column: 1 / span 2; }
      .case-study-container .media-half-row .media-block-image.noStack.image2 {
        grid-column: 3 / span 4; } }
    @media only screen and (min-width: 480px) {
      .case-study-container .media-half-row .media-block-image.image1 {
        grid-column: 1 / span 3; }
      .case-study-container .media-half-row .media-block-image.image2 {
        grid-column: 4 / span 6; } }
    @media only screen and (min-width: 640px) {
      .case-study-container .media-half-row .media-block-image.image1 {
        grid-column: 1 / span 6; }
      .case-study-container .media-half-row .media-block-image.image2 {
        grid-column: 7 / span 12; } }

.case-study-container .media-and-text .media-and-text-image {
  grid-column: 1 / span 4;
  display: flex;
  align-items: center;
  flex-grow: 1; }
  .case-study-container .media-and-text .media-and-text-image img {
    width: 100%; }
    @media only screen and (min-width: 1080px) {
      .case-study-container .media-and-text .media-and-text-image img {
        width: 80%; } }
  .case-study-container .media-and-text .media-and-text-image video {
    width: 100%; }
    @media only screen and (min-width: 1080px) {
      .case-study-container .media-and-text .media-and-text-image video {
        width: 80%; } }
  @media only screen and (min-width: 480px) {
    .case-study-container .media-and-text .media-and-text-image {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .media-and-text .media-and-text-image {
      grid-column: 1 / span 3; } }
  @media only screen and (min-width: 1080px) {
    .case-study-container .media-and-text .media-and-text-image {
      grid-column: 1 / span 4; } }

.case-study-container .media-and-text .media-and-text-heading {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .case-study-container .media-and-text .media-and-text-heading {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .media-and-text .media-and-text-heading {
      grid-column: 1 / span 4; } }

.case-study-container .media-and-text .media-and-text-description {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .case-study-container .media-and-text .media-and-text-description {
      grid-column: 1 / span 6; } }
  @media only screen and (min-width: 640px) {
    .case-study-container .media-and-text .media-and-text-description {
      grid-column: 5 / span 8; } }

@media only screen and (min-width: 1080px) {
  .more-case-studies {
    margin-top: -1px; } }

.more-case-studies .case-studies-band {
  background-color: #e01c5f;
  width: 100%;
  height: 60px;
  color: white;
  padding-left: 25px;
  display: flex;
  align-items: center;
  font-size: 18px; }
  @media only screen and (min-width: 768px) {
    .more-case-studies .case-studies-band {
      height: 65px;
      padding-left: 58px;
      font-size: 20px; } }
  @media only screen and (min-width: 1080px) {
    .more-case-studies .case-studies-band {
      font-size: 23px;
      height: 74px;
      padding-left: 81px; } }
  @media only screen and (min-width: 1440px) {
    .more-case-studies .case-studies-band {
      padding-left: 15%; } }

.more-case-studies .case-studies-thumbs {
  display: flex;
  flex-direction: column;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .more-case-studies .case-studies-thumbs {
      flex-direction: row; } }
  .more-case-studies .case-studies-thumbs a {
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 640px) {
      .more-case-studies .case-studies-thumbs a {
        width: 50%; } }
    .more-case-studies .case-studies-thumbs a:hover .thumbnail, .more-case-studies .case-studies-thumbs a.hover .thumbnail {
      transform: scale(1); }
  .more-case-studies .case-studies-thumbs .thumbnail {
    width: 100%;
    margin-bottom: -5px;
    transition-delay: 0.05s;
    transition-duration: 0.5s;
    transition-property: transform, -webkit-transform;
    transform: scale(1.05); }
  .more-case-studies .case-studies-thumbs .thumbnail-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(24, 24, 62, 0.75);
    transition: opacity 0.2s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .more-case-studies .case-studies-thumbs .thumbnail-info h2 {
      font-size: 22px;
      font-family: roboto-bold; }
    .more-case-studies .case-studies-thumbs .thumbnail-info h3 {
      font-size: 21px;
      margin-top: 5px;
      font-family: roboto-light; }
    .more-case-studies .case-studies-thumbs .thumbnail-info h2,
    .more-case-studies .case-studies-thumbs .thumbnail-info h3 {
      transform: translateY(10px) scale(0.95);
      transform-origin: top center;
      opacity: 0;
      transition-property: opacity, transform, -webkit-transform;
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      margin: 0;
      color: white; }
    .more-case-studies .case-studies-thumbs .thumbnail-info:hover, .more-case-studies .case-studies-thumbs .thumbnail-info.hover {
      opacity: 1; }
      .more-case-studies .case-studies-thumbs .thumbnail-info:hover h2,
      .more-case-studies .case-studies-thumbs .thumbnail-info:hover h3, .more-case-studies .case-studies-thumbs .thumbnail-info.hover h2,
      .more-case-studies .case-studies-thumbs .thumbnail-info.hover h3 {
        transform: translateY(0);
        opacity: 1; }
      .more-case-studies .case-studies-thumbs .thumbnail-info:hover h3, .more-case-studies .case-studies-thumbs .thumbnail-info.hover h3 {
        transition-delay: 0.05s;
        transition-duration: 0.25s; }

.related-works .related-works-band {
  background-color: #e01c5f;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: white; }
  @media only screen and (min-width: 768px) {
    .related-works .related-works-band {
      height: 65px;
      font-size: 20px; } }
  @media only screen and (min-width: 1080px) {
    .related-works .related-works-band {
      font-size: 23px;
      height: 74px; } }

.related-works .related-work-item {
  position: relative;
  width: 100%;
  float: left;
  backface-visibility: hidden;
  cursor: pointer;
  overflow: hidden; }
  .related-works .related-work-item:hover img, .related-works .related-work-item.hover img {
    transform: scale(1); }
  .related-works .related-work-item h2,
  .related-works .related-work-item h3 {
    font-weight: 100;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: 0; }
  .related-works .related-work-item h2 {
    color: white;
    font-size: 22px;
    font-family: roboto-bold; }
  .related-works .related-work-item h3 {
    color: white;
    letter-spacing: 0.4px;
    font-size: 21px;
    margin-top: 5px;
    font-family: roboto-light; }
  .related-works .related-work-item img {
    width: 100%;
    display: block;
    transition-delay: 0.05s;
    transition-duration: 0.5s;
    transition-property: transform, -webkit-transform;
    transform: scale(1.05); }
  .related-works .related-work-item .related-work-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(24, 24, 62, 0.75);
    transition: opacity 0.2s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10%; }
    .related-works .related-work-item .related-work-link h2,
    .related-works .related-work-item .related-work-link h3 {
      transform: translateY(10px) scale(0.95);
      transform-origin: top center;
      opacity: 0;
      transition-property: opacity, transform, -webkit-transform;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
    .related-works .related-work-item .related-work-link:hover, .related-works .related-work-item .related-work-link.hover {
      opacity: 1; }
      .related-works .related-work-item .related-work-link:hover h2,
      .related-works .related-work-item .related-work-link:hover h3, .related-works .related-work-item .related-work-link.hover h2,
      .related-works .related-work-item .related-work-link.hover h3 {
        transform: translateY(0);
        opacity: 1; }
      .related-works .related-work-item .related-work-link:hover h3, .related-works .related-work-item .related-work-link.hover h3 {
        transition-delay: 0.05s;
        transition-duration: 0.25s; }
    @media only screen and (min-width: 1080px) {
      .related-works .related-work-item .related-work-link {
        background: rgba(24, 24, 62, 0.75); } }
  @media only screen and (min-width: 640px) {
    .related-works .related-work-item {
      width: 50%; } }

/****************************

	MAIN CONTENT

****************************/
#support-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  overflow: hidden;
  transition: background 0.6s; }
  #support-background > div {
    position: absolute;
    display: block;
    top: -25px;
    right: -25px;
    bottom: -25px;
    left: -25px;
    background-size: cover;
    background-attachment: 50% 0;
    background-position: center center;
    transition: opacity 0.6s ease 0.1s;
    opacity: 0;
    visibility: visible;
    transform: translate(0);
    /*@include breakpoint($bp-med) {
			transition: opacity 0.6s ease 0.1s, transform 10s;

			&:nth-child(4n + 1) {
				transform: translate(-25px, -25px);
			}
			&:nth-child(4n + 2) {
				transform: translate(25px, -25px);
			}
			&:nth-child(4n + 3) {
				transform: translate(-25px, 25px);
			}
			&:nth-child(4n + 4) {
				transform: translate(25px, 25px);
			}
		}*/ }
    #support-background > div.current {
      opacity: 1;
      /*@include breakpoint($bp-med) {
				&:nth-child(4n + 1) {
					transform: translate(25px, 25px);
				}
				&:nth-child(4n + 2) {
					transform: translate(-25px, 25px);
				}
				&:nth-child(4n + 3) {
					transform: translate(25px, -25px);
				}
				&:nth-child(4n + 4) {
					transform: translate(-25px, -25px);
				}
			}*/ }
  #support-background.people-background {
    background: white; }
    #support-background.people-background > div, #support-background.people-background > div.current {
      visibility: hidden;
      opacity: 0; }

#support-container {
  position: relative;
  padding: 0;
  overflow: auto;
  transition: 0.2s; }
  #support-container.in-transition .about-main {
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transition-delay: 0.2s; }
    #support-container.in-transition .about-main > * {
      transition-delay: 0s;
      opacity: 0; }
  #support-container.in-transition .about-people {
    opacity: 0;
    transition-delay: 0.2s; }

.support-main {
  position: relative;
  background: #ffffff;
  max-width: 850px;
  margin: 0 auto;
  padding: 20px 20px 40px;
  transition: transform 0.3s, -webkit-transform 0.3s;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1); }
  .support-main > * {
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-delay: 0.3s;
    opacity: 1; }
  .support-main .span-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #e01c5f; }
  .support-main h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.5em; }
  .support-main h2 {
    color: #e01c5f;
    margin: 10px 0 10px; }
  .support-main h3 {
    color: #e01c5f;
    text-transform: uppercase;
    margin: 10px 0 0;
    margin-top: 0px; }
  .support-main h4 {
    color: #6c615e;
    text-transform: uppercase;
    margin: 5px 0; }
  .support-main p {
    font-weight: 300;
    line-height: 1.2rem;
    margin: 10px auto;
    color: #222222; }
  .support-main p.supportSubtitle {
    font-size: 1.1em;
    font-style: italic; }
  .support-main p.supportCenter {
    max-width: 540px; }
  .support-main strong {
    color: #e01c5f; }
  .support-main div.supportGame {
    clear: both;
    height: 160px;
    padding: 30px 0;
    max-width: 600px; }
    .support-main div.supportGame h2 {
      margin-top: 0px; }
  .support-main .appIcon {
    display: inline-block;
    position: relative;
    float: left;
    width: 10%;
    padding: 10%;
    box-sizing: border-box;
    margin-right: 20px; }
  .support-main .appIcon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .support-main .appInfo {
    display: block;
    float: left;
    width: 70%; }
  .support-main .appStore {
    width: 130px; }
  .support-main .col-3-5, .support-main .col-2-5, .support-main .col-1-2 {
    float: left;
    padding: 5% 5% 0;
    width: 100%; }
  .support-main iframe {
    float: left;
    width: 100%;
    height: 400px; }
    @media only screen and (min-width: 640px) {
      .support-main iframe {
        width: 60%;
        padding: 5% 0 0 5%; } }
  @media only screen and (min-width: 640px) {
    .support-main {
      margin: 8% auto;
      width: 84%; }
      .support-main .col-2-5 {
        width: 40%;
        padding: 5%; }
      .support-main .col-3-5 {
        width: 60%;
        padding: 5% 0 5% 5%; }
      .support-main .col-1-2 {
        width: 50%;
        padding: 5%; } }
  .support-main .support-header {
    width: 100%;
    padding-bottom: 30px; }

.search-container .search-results-text {
  color: white;
  background-color: #982380;
  margin: 0;
  font-size: 18px;
  font-family: "roboto-bold";
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 28px; }
  @media only screen and (min-width: 480px) {
    .search-container .search-results-text {
      padding-left: 48px; } }
  @media only screen and (min-width: 768px) {
    .search-container .search-results-text {
      height: 60px;
      font-size: 20px;
      padding-left: 60px; } }
  @media only screen and (min-width: 1080px) {
    .search-container .search-results-text {
      height: 70px;
      font-size: 22px; } }

.search-container .search-result {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px; }
  @media only screen and (min-width: 1080px) {
    .search-container .search-result {
      padding-bottom: 70px; } }
  .search-container .search-result .search-image-container {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative; }
    .search-container .search-result .search-image-container img {
      width: 100%;
      margin-top: -15%;
      transition-delay: 0.05s;
      transition-duration: 0.5s;
      transition-property: transform, -webkit-transform;
      transform: scale(1.05); }
    .search-container .search-result .search-image-container .search-result-read-more {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(24, 24, 62, 0.75);
      transition: opacity 0.2s;
      opacity: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .search-container .search-result .search-image-container .search-result-read-more h2 {
        transform: translateY(10px) scale(0.95);
        transform-origin: top center;
        opacity: 0;
        transition-property: opacity, transform, -webkit-transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        color: white;
        font-size: 22px;
        font-family: roboto-bold; }
      .search-container .search-result .search-image-container .search-result-read-more:hover {
        opacity: 1; }
        .search-container .search-result .search-image-container .search-result-read-more:hover h2 {
          transform: translateY(0);
          opacity: 1; }
    .search-container .search-result .search-image-container:hover img {
      transform: scale(1); }
    @media only screen and (min-width: 480px) {
      .search-container .search-result .search-image-container {
        height: 160px; } }
    @media only screen and (min-width: 640px) {
      .search-container .search-result .search-image-container {
        height: 200px; } }
    @media only screen and (min-width: 768px) {
      .search-container .search-result .search-image-container {
        height: 230px; } }
    @media only screen and (min-width: 1080px) {
      .search-container .search-result .search-image-container {
        height: 265px; } }
  .search-container .search-result h2 {
    font-size: 20px;
    font-family: "roboto-black";
    margin: 0;
    margin-top: 13px;
    color: #982380;
    transition-duration: 0.3s; }
    @media only screen and (min-width: 768px) {
      .search-container .search-result h2 {
        margin-top: 17px;
        font-size: 26px; } }
    @media only screen and (min-width: 1080px) {
      .search-container .search-result h2 {
        margin-top: 23px;
        font-size: 32px; } }
    .search-container .search-result h2:hover {
      color: #e01c5f;
      transform: translateY(-2px); }
  .search-container .search-result h3 {
    font-size: 16px;
    color: black;
    font-family: "roboto";
    margin: 5px; }
    @media only screen and (min-width: 768px) {
      .search-container .search-result h3 {
        font-size: 18px; } }
    @media only screen and (min-width: 1080px) {
      .search-container .search-result h3 {
        font-size: 20px; } }

#more-results-link.hidden {
  display: none; }

.more-results-band {
  background-color: #e01c5f;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer; }
  .more-results-band.loading h3 {
    display: none; }
  .more-results-band.loading .search-spinner {
    opacity: 1; }
  .more-results-band .search-spinner {
    opacity: 0;
    margin: 0;
    transform: scale(0.8); }
  .more-results-band h3 {
    color: white;
    transition-duration: 0.3s; }
  .more-results-band:hover h3 {
    color: black;
    transform: translateY(-2px); }
  @media only screen and (min-width: 768px) {
    .more-results-band {
      height: 65px;
      font-size: 20px; } }
  @media only screen and (min-width: 1080px) {
    .more-results-band {
      font-size: 23px;
      height: 74px; } }

#scroll-arrow-container {
  bottom: 0;
  right: 10px;
  z-index: 100;
  position: fixed;
  display: flex;
  height: 60px;
  width: 70px;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.5s ease-in, transform 0.2s linear;
  -moz-transition: opacity 0.5s ease-in, transform 0.2s linear;
  -o-transition: opacity 0.5s ease-in, transform 0.2s linear;
  transition: opacity 0.5s ease-in, transform 0.2s linear; }
  #scroll-arrow-container .scroll-arrow {
    width: 40px;
    height: 40px;
    border: solid white;
    border-width: 0 3px 3px 0;
    border-radius: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
    #scroll-arrow-container .scroll-arrow.grey-mobile {
      border: solid #6c6c6c;
      border-width: 0 3px 3px 0; }
      @media only screen and (min-width: 1080px) {
        #scroll-arrow-container .scroll-arrow.grey-mobile {
          border: solid white;
          border-width: 0 3px 3px 0; } }
    #scroll-arrow-container .scroll-arrow.grey {
      border: solid #6c6c6c;
      border-width: 0 3px 3px 0; }
  #scroll-arrow-container.show {
    opacity: 1; }
  #scroll-arrow-container:hover {
    transform: scale(1.2); }
    #scroll-arrow-container:hover .scroll-arrow {
      border: solid #e01c5f;
      border-width: 0 3px 3px 0; }

.footer-new {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 16px;
  width: 100%;
  background-color: black;
  padding: 30px 25px 30px 25px; }
  @media only screen and (min-width: 640px) {
    .footer-new {
      padding: 30px 61px 30px 61px; } }
  @media only screen and (min-width: 768px) {
    .footer-new {
      grid-template-columns: repeat(12, 1fr); } }
  @media only screen and (min-width: 1080px) {
    .footer-new {
      padding: 30px 81px;
      padding: 30px 80px 30px 80px; } }
  .footer-new .footer-column {
    grid-column: 1 / span 6; }
  @media only screen and (min-width: 768px) {
    .footer-new .left-column {
      grid-column: 1 / span 7; } }
  @media only screen and (min-width: 1080px) {
    .footer-new .left-column {
      grid-column: 1 / span 6; } }
  .footer-new .left-column h2 {
    font-size: 18px; }
  .footer-new .left-column div:last-child {
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .footer-new .left-column div:last-child {
        margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .footer-new .right-column {
      grid-column: 8 / span 12;
      align-self: end; } }
  @media only screen and (min-width: 1080px) {
    .footer-new .right-column {
      grid-column: 7 / span 12;
      margin-left: 45px; } }
  .footer-new .right-column h2 {
    font-size: 16px; }
  .footer-new .right-column div:last-child {
    margin-bottom: 0; }
  .footer-new .footer-info {
    margin-bottom: 30px; }
    .footer-new .footer-info.careers {
      margin-bottom: 60px;
      background: black; }
      @media only screen and (min-width: 768px) {
        .footer-new .footer-info.careers {
          margin-bottom: 87px; } }
    .footer-new .footer-info.social {
      margin-bottom: 10px;
      display: flex; }
    .footer-new .footer-info .social-icon {
      margin: 15px; }
      .footer-new .footer-info .social-icon div {
        height: 30px;
        width: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: transform 0.3s; }
        .footer-new .footer-info .social-icon div.twitter {
          background-image: url("../../assets/images/home/twitter.svg"); }
        .footer-new .footer-info .social-icon div.facebook {
          background-image: url("../../assets/images/home/facebook.svg"); }
        .footer-new .footer-info .social-icon div.instagram {
          background-image: url("../../assets/images/home/instagram.svg"); }
        .footer-new .footer-info .social-icon div.linkedin {
          background-image: url("../../assets/images/home/linkedin.svg"); }
      .footer-new .footer-info .social-icon div:hover {
        transform: translateY(-3px); }
        .footer-new .footer-info .social-icon div:hover.twitter {
          background-image: url("../../assets/images/home/twitter_pink.svg"); }
        .footer-new .footer-info .social-icon div:hover.facebook {
          background-image: url("../../assets/images/home/facebook_pink.svg"); }
        .footer-new .footer-info .social-icon div:hover.instagram {
          background-image: url("../../assets/images/home/instagram_pink.svg"); }
        .footer-new .footer-info .social-icon div:hover.linkedin {
          background-image: url("../../assets/images/home/linkedin_pink.svg"); }
    .footer-new .footer-info a:first-child {
      margin-left: 0; }
    .footer-new .footer-info h3,
    .footer-new .footer-info h4 {
      font-size: 16px;
      color: white; }
    .footer-new .footer-info h4 {
      font-family: "roboto-light"; }
    .footer-new .footer-info p {
      font-size: 14px;
      color: white;
      font-family: "roboto"; }

.footer-text {
  margin: 0;
  line-height: 25px;
  transition-duration: 0.3s; }

.footer-text:hover.link-text {
  text-decoration: underline;
  transform: translateY(-2px); }

.footer-text:hover.link-orange {
  color: #ff8013; }

.footer-text:hover.link-pink {
  color: #e01c5f; }

h2 {
  color: #e01c5f; }
  h2.header-right {
    color: #ff8013; }