@charset "UTF-8";
/* CSS Document */
/* 
Typography:48

*/
body, html {
    height: 100%;
}
body {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: "proxima-nova", sans-serif;
    color: #939598;
    font-size: 13px;
    line-height: 1.42858em;
    background-color: #ffffff;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
    /*    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}
.img, img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
/***************** Typography *********************/
/*** Icons ***/
@font-face {
    font-family: 'icomoon';
    src: url('/assets/fonts/icomoon.eot?uxi63c');
    src: url('/assets/fonts/icomoon.eot?uxi63c#iefix') format('embedded-opentype'), url('/assets/fonts/icomoon.ttf?uxi63c') format('truetype'), url('/assets/fonts/icomoon.woff?uxi63c') format('woff'), url('/assets/fonts/icomoon.svg?uxi63c#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-medium:before {
  content: "\e914";
}
.icon-ziq:before {
  content: "\e913";
}
.icon-bignumbers-1:before {
  content: "\e90f";
}
.icon-bignumbers-2:before {
  content: "\e910";
}
.icon-bignumbers-3:before {
  content: "\e911";
}
.icon-bignumbers-4:before {
  content: "\e912";
}
.icon-check:before {
  content: "\e90e";
}
.icon-arrow-l:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e90d";
}
.icon-reports:before {
  content: "\e909";
}
.icon-senior-analyst:before {
  content: "\e90a";
}
.icon-storytelling:before {
  content: "\e90b";
}
.icon-arrow-r:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-googleplus:before {
  content: "\e902";
}
.icon-instagram:before {
  content: "\e903";
}
.icon-linkedin:before {
  content: "\e904";
}
.icon-pinterest:before {
  content: "\e905";
}
.icon-snapchat:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e907";
}
.icon-youtube:before {
  content: "\e908";
}
/*** Text ***/
h1, h2, h3, p, a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
a:hover, a:active, a:focus, a:visited {
    outline: 0 !important;
    text-decoration: none;
    cursor: pointer;
}
a {
    color: #f06f58;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
a:hover {
    color: #999999;
}
p {
    font-size: 18px;
    margin: 0 0 20px 0;
    font-weight: 400;
    width: 100%;
    color: #939598;
    line-height: 1.5;
    text-align: left;
}
h1 {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    line-height: 1;
    padding: 0;
    margin-bottom: 10px;
}
h1.hg {
    font-size: calc(1em + 4vw);
    font-weight: 100;
    margin-bottom: 30px;
    line-height: .85;
}
.section h1 {
    font-size: 20px;
    text-align: center;
    color: black;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 700;
    margin: 0;
}
h2 {
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
    color: #000000;
    font-size: 20px;
}

ul.bullets{
  margin-left: 50px;
}
.bullets li {
    list-style: disc;
    margin-bottom: 20px;
    
}
.bullets li p {
    margin: 0;
}

.clr-dark h1 {
    color: #ffffff;
}
.clr-dark h2 {
    color: #6a6a6a;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
}
.hero .clr-dark h2 {
    text-transform: none;
}
.menu h2 {
    color: #f06f58;
}
p.hg {
    font-size: calc(1em + 2vw);
    font-weight: 200;
    color: black;
}
p.lg {
    font-size: 25px;
    line-height: 1.5;
}
.shrink {
    max-width: 85%;
}
.txt-center {
    text-align: center
}
.txt-white {
    color: #ffffff !important;
}
.txt-grey {
    color: #6a6a6a !important
}
.txt-orange {
    color: #f06f58 !important;
}
.clr-dark {
    background-color: #191717;
}
/***************** Global Menu *********************/
/*Main Navigation*/
.overlay {
    background-color: #111;
    position: fixed;
    z-index: 3;
}
.overlay.board_1 {
    width: 66.667%;
    height: 0%;
    left: 0;
}
.overlay.board_2 {
    width: 33.333%;
    height: 0%;
    right: 0;
}
#nav-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    visibility: hidden;
    z-index: 4;
}
#nav-wrap.open {
    visibility: visible;
}
.menu-p {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 10% 0px 30% 0px 60%;
    grid-template-columns: 10% 30% 60%;
    -ms-grid-rows: 30% 0px 50% 0px 20%;
    grid-template-rows: 30% 50% 20%;
    height: 100%;
    width: 100%;
    grid-gap: 0px 0px;
}
.menu-p > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.menu-p > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.menu-p > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.menu-p > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.menu-p > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.menu-p > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.menu-p > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.menu-p > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.menu-p > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}
.menu-p .menu li a {
    font-size: calc(1em + 4vw);
}
.menu-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu-c p {
    color: #ffffff;
}
.menu-c.contact {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 0;
    grid-column-end: 2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.menu-c.socials {
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 0;
    grid-column-end: 2;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}
.menu-c.socials li {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
}
.socials [class^="icon-"] {
    color: #ffffff;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.socials [class^="icon-"]:hover {
    color: #f06f58;
}
.menu-c.socials .auto {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.menu-c.menu-box {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 0;
    grid-column-end: 3;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
p i {
    margin-bottom: 20px;
}
#burger {
    width: auto;
    height: auto;
    position: fixed;
    right: 55px;
    top: 55px;
    cursor: pointer;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#burger .text {
    font-size: 18px;
    font-weight: 800;
    color: #f06f58;
    margin-right: 10px;
}
#burger .lines div {
    width: 30px;
    height: 2px;
    background: #f06f58;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#burger .lines div:first-child {
    margin-bottom: 5px;
}
#burger:hover .lines div:first-child {
    width: 50%;
}
#burger.isOpen .lines div:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100% !important;
}
#burger.isOpen .lines div:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -6px 0 0 0;
}
/*All Menus*/
.product-menu {
    padding-top: 20vh;
    padding-bottom: 20vh;
}
.flx-menu {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    -ms-grid-columns: auto 10% auto;
    grid-template-columns: auto auto;
    gap: 40px 10%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.aside-menu.flx-menu {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    width: auto;
}
.aside-menu .menu li a {
    color: #000000;
    font-size: 25px;
    font-weight: 400;
}
.menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    font-size: calc(1em + 2vw);
    line-height: 1.2;
    font-weight: 100;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu li a:hover {
    color: #FD8568;
}
.menu li a::before {
    position: absolute;
    font-family: "icomoon";
    content: "\e900";
    font-size: 20px;
    opacity: 0;
    -webkit-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    transform: translateX(-65px);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.menu li a:hover::before, .menu li a.active::before {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 1;
}
.menu li a.active {
    color: #FD8568;
}
.menu li a.inactive {
    opacity: .25;
    color: #ffffff;
    cursor: not-allowed;
}
.menu li a.inactive::before {
    display: none;
}
.menu h1 {
    color: #ffffff;
    margin: 0px 0 10px 0;
}
.logo {
    position: fixed;
    top: 55px;
    left: 55px;
    width: calc(2rem + 6vw);
    height: auto;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.logo-fill {
    fill: #f06f58;
}
/***************** Grid Systems *********************/
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap:before, .wrap:after, .wrap-inner:before, .wrap-inner:after {
    content: " ";
    display: table;
}
.wrap {
    height: auto;
    width: 100%;
    display: block;
    position: relative;
    float: left;
}
.wrap-inner {
    width: 100%;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
}
#main {
    width: 100%;
}
/***Flx Auto ***/
.auto {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    gap: 50px 100px;
    justify-items: stretch;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.auto.cols-1 {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    justify-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
gap: 0;    
}

.auto.cols-2 {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto
}
.auto.cols-3 {
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto
}
.auto.cols-4 {
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto
}
.clients .auto {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    padding: 12.5%;
}
.hero .bg-tile {
    height: 90vh;
}
.pad-lg {
    padding-left: 100px;
    padding-right: 100px;
}
.wrap.section {
    padding: 150px 0;
}
.wrap.spacer {
    height: 150px
}
/*Big Numbers */
.wrap.big-numbers {
    padding: 100px 0;
}
.big-numbers h1 {
    font-size: calc(1em + 20vw);
    line-height: 1;
}
.big-numbers h1.odd {
    font-size: calc(1em + 10vw);
}
.big-numbers .icon.flx-p {
    height: auto;
    font-size: calc(1em + 6vw);
    margin-bottom: 100px;
    color: #000000;
}
/*Biography*/
.bio {
    grid-gap: 10px !important;
    -webkit-box-pack: normal !important;
    -ms-flex-pack: normal !important;
    justify-content: normal !important;
}
#bios h1 {
    margin-bottom: 50px;
}
/*Pricing Table*/
.flx-table {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    grid-gap: 0px;
    -ms-grid-columns: 50% 0px 25% 0px 25%;
    grid-template-columns: 50% 25% 25%;
}
.flx-table .header {
    color: black;
    text-align: left;
    border-bottom: 4px solid black;
    padding: 0px 20px 10px 0;
    text-transform: uppercase;
}
.flx-table .cell {
    padding: 20px 20px 20px 0;
    font-size: calc(1em + .5vw);
    color: black;
    font-weight: 500;
    border-bottom: solid .5px black;
}
.flx-table .cell:nth-last-child(-n+3) {
    border-bottom: none;
}
/*****************  Detail Pages *********************/
/*** Grid ***/
.product .hero {
    margin-bottom: 15vh;
}
.product .hero h1 {
    font-size: calc(1em + 4vw);
    line-height: calc(.6em + 1vw);
    text-align: right;
    text-transform: uppercase;
    font-weight: 800;
    width: auto;
}
.product .hero h1:before {
    content: "\e913";
    display: block;
    font-family: 'icomoon' !important;
    color: #f06f58;
    position: relative;
    right: -20%;
    font-weight: 100;
}
.product .vh:nth-child(2) h1 {
    font-size: calc(.5em + 1vw);
    line-height: calc(.6em + .5vw);
}
.product .hero .pad-lg {
    width: 50%;
}
.product .vh:nth-child(1), .case-study .vh:nth-child(1) {
    height: 75vh;
}
.product .vh:nth-child(2), .case-study .vh:nth-child(2) {
    height: 50vh;
}
.flx-product, .flx-section {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 100%;
    -ms-grid-columns: 20% 10% 70%;
    grid-template-columns: 20% 70%;
    grid-column-gap: 10%;
    grid-row-gap: 0;
    -ms-flex-line-pack: center;
    align-content: center;
}
.flx-product {
    grid-row-gap: 50px;
}
.flx-section > div {
    border-bottom: .25px solid #d2d2d2;
    margin: 15vh 0 100px 0;
}
.flx-product.three {
    -ms-grid-columns: 20% 30% 30%;
    grid-template-columns: 20% 30% 30%;
    grid-row-gap: 50px;
}
/***************** Popup Window *********************/
.popup .auto {
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
.popup .wrap-inner {
    padding: 150px 0 150px 0;
}
.popup .pop-benefits, .popup .pop-menu {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 15px;
    display: -ms-inline-grid;
    display: inline-grid;
}
.popup .flx-section:first-of-type > div {
    margin-top: 0;
}
.pop-benefits {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px 0px;
    display: -ms-inline-grid;
    display: inline-grid;
    justify-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}
h1.popup-label {
    color: white;
    font-size: 50px;
}
.popup p {
    color: #6a6a6a;
}
.pop-benefits h1 {
    font-size: 23px;
    margin: 0;
    color: white;
}
.pop-benefits .symbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop-benefits .symbol h2 {
    margin: 0;
}
.pop-benefits .symbol .icon {
    font-size: 12px;
    color: #000;
    margin-right: 20px;
}
.pop-menu li a {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px
}
.pop-menu li a::before {
    -webkit-transform: translate(-65px, 0px);
    -ms-transform: translate(-65px, 0px);
    transform: translate(-65px, 0px);
}
.pop-menu li a:hover::before, .pop-menu li a.active::before {
    -webkit-transform: translate(-30px, 0px);
    -ms-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
}
.pop-menu li a:hover {
    color: #FD8568;
}
.popup .flx-section {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}
.flx-section h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #6a6a6a;
}
.popup .flx-section > div {
    margin: 50px 0 25px 0;
    border-bottom: .25px solid #3c3c3c;
}
.global.capabilities, .global.bios {
    background: #191717;
}
#popup-prev, #popup-esc {
    position: fixed;
    right: 55px;
    top: 55px;
    z-index: 6;
    opacity: 0;
    margin: 0;
    visibility: hidden;
}
._visible#popup-prev, ._visible#popup-esc {
    visibility: visible;
}
#popup-esc {
    top: 55px;
    right: auto;
    left: 55px;
}
#popup-esc span {
    -webkit-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
}
#popup-prev span {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
}
@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@keyframes mymove {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
.no-scroll {
    overflow: hidden;
}

.blur {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
/***************** Image Tiles w/Hover Effect *********************/
.tile-wrap {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    background-color: transparent;
    cursor: pointer;
    z-index: 0;
}
.tile-wrap::before {
    content: '' !important;
    display: block;
    padding-top: 100%;
}
.tile-wrap-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    background: #191717;
}
.tile-image-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 9;
}
.tile-wrap:hover .tile-copy {
    opacity: 1;
}
.tile-wrap:hover .tile-image {
    opacity: .125;
}
.tile-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1);
    -o-transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1);
    transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1);
}
.tile-copy {
    width: 100%;
    height: 100%;
    padding: 15% 10%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .5s .1s cubic-bezier(.48, 0, .12, 1);
    -o-transition: opacity .5s .1s cubic-bezier(.48, 0, .12, 1);
    transition: opacity .5s .1s cubic-bezier(.48, 0, .12, 1);
}
.tile-copy .eyebrow {
    width: 100%;
    font-weight: 600;
    font-size: 1.25em;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: normal;
    color: #f06f58;
    margin-bottom: .5em;
}
.tile-copy .headline {
    width: 100%;
    font-weight: 600;
    font-size: 3em;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: block;
}
.simple {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    gap: 5px 5px;
    float: left;
}
.simple .tile-wrap::before {
    padding-top: 50vh;
}
.simple .tile-copy {
    padding: 10% 10%;
    opacity: 1;
}
.simple .tile-wrap .tile-image {
    opacity: .125;
}
.simple .tile-wrap:hover .tile-image {
    opacity: .85;
}
/***************** Schedule an Appointment *********************/
.schedule {
    height: 75vh;
}
.schedule h1 {
    color: #ffffff;
    text-align: center;
    font-weight: 300;
}
/***************** Slideshow *********************/
#slides {
    position: relative;
    height: auto;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all 1s cubic-bezier(.48, 0, .12, 1);
    transition: all 1s cubic-bezier(.48, 0, .12, 1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;

}
#slides.border {
border: 1px solid rgb(196, 196, 196);
}


.slide {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: -2;
    -webkit-transition: all 1s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all 1s cubic-bezier(.48, 0, .12, 1);
    transition: all 1s cubic-bezier(.48, 0, .12, 1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -ms-inline-grid;
    display: inline-grid;
}
.showing {
    position: relative;
    opacity: 1;
    z-index: -1;
}
.slide .copy-wrap {
    width: 50%;
}
.slide .bg-tile {
    height: 350px;
}
.slideshow .btn-wrap {
    z-index: 0;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 75px;
}
.slideshow .btn-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    height: 75px;
    padding: 0 25px;
}
.slideshow .btn.next {
    position: absolute;
    margin: 0;
    right: 0;
    top: -50px;
}
.slideshow .btn.prev {
    position: absolute;
    margin: 0;
    left: 0;
    top: -50px;
}
.slideshow .btn.prev span {
    margin-left: 0px;
    margin-right: 20px;
}
.slideshow .btn.prev span, .slideshow .btn.next span {
    font-size: 16px;
}
.slideshow .btn.prev:hover span {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}
.slideshow .btn-wrap div {
gap: 20px 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.slideshow h1 {
    margin-bottom: 20px;
}
.slideshow h2 {
    color: #f06f58;
    font-size: 17px;
    margin: 0px 0 0px 33px;
}
.slideshow h3 {
    color: #000000;
    margin: 50px 0 2px 25px;
}
.slideshow .dot {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    width: 50px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    margin-bottom: 25px;
}
.slideshow .dot:hover {
    font-size: 50px;
    color: #f06f58;
}
.dot.active {
    font-size: 50px;
    color: #f06f58;
}
#btn-prev, #btn-next {
    margin: 0;
}
/***************** Buttons *********************/
.btn, button {
    width: auto;
    color: #f06f58;
    padding: 5px;
    background: transparent;
    text-align: center;
    float: left;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    margin: 50px 10px 0 0;
    -webkit-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    transition: all .65s cubic-bezier(.48, 0, .12, 1);
    cursor: pointer;
}
.btn span {
    margin-left: 20px;
    font-size: 30px;
    -webkit-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    transition: all .65s cubic-bezier(.48, 0, .12, 1);
}
#btn-prev.btn span {
    margin-left: 0;
    margin-right: 20px;
}
.btn:hover span {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.btn span {
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite;
}

.btn:hover span.none, .btn span.none  {
    -webkit-animation:none;
    animation: none;
        -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.modal-wrap .btn.modal-close{
margin: 0;
position: absolute;
right: 0;
top: 0;
background: #221e1e;
border-radius: 0;
padding: 25px;
}
/***************** Next/Back Buttons *********************/
#next, #back {
    position: fixed;
    right: 15px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    padding: 15px;
    background: #191717;
    opacity: 0;
    visibility: hidden;
    border-radius: 50px;
}
#back, #next, #back .c-btn, #next .c-btn {
    -webkit-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    -o-transition: all .65s cubic-bezier(.48, 0, .12, 1);
    transition: all .65s cubic-bezier(.48, 0, .12, 1);
}
.control-wrap .icon {
    font-size: 20px;
    color: #f06f58;
}
#next .c-btn:hover, #back .c-btn:hover {
    color: #f06f58;
}
#next {
    bottom: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#back {
    left: 15px;
    bottom: 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#back .c-btn, #next .c-btn {
    margin: 0 20px 0 0;
    padding: 0;
    color: #ffffff;
}
#next .c-btn {
    text-align: right;
}
#back .c-btn {
    text-align: left;
}
#back .c-btn {
    margin: 0 0px 0 20px;
    padding: 0;
}
/***************** Images *********************/
.bg-tile {
    background-size: cover;
    background-position: 25% top;
    background-repeat: no-repeat;
    background-color: #000000;
}
.bg-tile.hero1 {
    background-image: url(/assets/images/hero-1.jpg);
}
.bg-tile.hero2 {
    background-image: url(/assets/images/hero-2.jpg);
}
.bg-tile.hero3 {
    background-image: url(/assets/images/hero-3.jpg);
}
.bg-tile.hero4 {
    background-image: url(/assets/images/hero-4.jpg);
    background-position: center;
}
.bg-tile.hero5 {
    background-image: url(/assets/images/hero-5.jpg);
}
.bg-tile.hero6, .hero6 {
    background-image: url(/assets/images/hero-6.jpg);
}
.bg-tile.hero7 {
    background-image: url(/assets/images/hero-7.jpg);
    background-position: center;
}
.bg-tile.hero8 {
    background-image: url(/assets/images/hero-8.jpg);
    background-position: center;
}
.bg-tile.hero9 {
    background-image: url(/assets/images/hero-9.jpg);
    background-position: center;
}
.bg-tile.hero10 {
    background-image: url(/assets/images/hero-10.jpg);
    background-position: center;
}
.bg-tile.hero11 {
    background-image: url(/assets/images/hero-11.jpg);
    background-position: center;
}

.bg-tile.hero12 {
    background-image: url(/assets/images/hero-12.jpg);
    background-position: center;
}


.bg-tile.cvs {
    background-image: url("/assets/images/show-cvs.jpg");
}
.cvs {
    background-image: url("/assets/images/show-cvs.jpg");
}
.bg-tile.linkedin {
    background-image: url("/assets/images/show-linked.jpg");
}
.linkedin {
    background-image: url("/assets/images/show-linked.jpg");
}
.bg-tile.alaska {
    background-image: url("/assets/images/show-alaska.jpg");
}
.alaska {
    background-image: url("/assets/images/show-alaska.jpg");
}
.bg-tile.parenthood {
    background-image: url("/assets/images/show-parenthood.jpg");
}
.bg-tile.jcrew {
    background-image: url("/assets/images/show-jcrew.jpg");
}
.bg-tile.case-persona, .case-persona {
    background-image: url("/assets/images/case-persona.jpg");
}
.bg-tile.case-ad-concept, .case-ad-concept {
    background-image: url("/assets/images/case-ad-testing.jpg");
}
.bg-tile.case-aau, .case-aau {
    background-image: url("/assets/images/case-aau.jpg");
}

.bg-tile.case-xcel, .bg-tile.xcel{
    background-image: url("/assets/images/show-xcel.jpg");
}
/*list used for left column messege testing*/
.ul-list {
    width: 100%;
    list-style: disc;
}
ul ::marker {
    color: #b5b5b5;
}
.ul-list li {
    font-size: 20px;
    margin: 15px 0;
    color: black;
    font-weight: 600;
}
/***************** Footer *********************/
.foot {
    margin-top: 150px
}
.foot.flx-p {
    height: 50vh;
}
.foot .menu li a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}
.foot .menu li a:hover {
    color: #FD8568;
}
.foot li a::before {
    font-size: 20px;
    -webkit-transform: translate(-65px, 0px);
    -ms-transform: translate(-65px, 0px);
    transform: translate(-65px, 0px);
}
.foot .menu li a:hover::before {
    -webkit-transform: translate(-30px, 0px);
    -ms-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
}
/***************** Modal Popup *********************/
.modal-wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background:transparent;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.modal-wrap.isOpen {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.modal-wrap .inner {
    width: 75vw;
    height: 75vh;
    background: #221e1e;
    -webkit-box-shadow: 10px 10px 33px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 33px 0px rgba(0, 0, 0, 0.75);
}