@charset "UTF-8";

:root {
  --light-gray: #cbcbcb;
  --medium-gray: #808080;
  --yellow: #e4c400;
  --orange: #e27f24;
  --red: #d95057;
  --purple: #773384;
  --indigo: #36246b;
  --blue: #079c99;
  --green: #8bb434;
  font-size: 62.5% ;
}

#mobile-detector { display: none; }

.mobile { display: none; }

html { display: none; }

body, html { padding: 0px; margin: 0px; color: var(--indigo); font-size: 1.6rem; font-family: 'Roboto', sans-serif; font-weight: 300; scroll-behavior: smooth; }
.cmx-content { width: 80vw; margin: auto; }

.current-menu-item { font-weight: 700; }


h1 { font-size: 5rem; }
h2 { font-size: 4rem; }
h3 { font-size: 3rem; }
h4 { font-size: 2rem; }
h5 { font-size: 1.8rem; }
p { font-size: 1.6rem; }

p b { font-weight: 600; }

a:link { color: var(--indigo); }
a:hover { color: var(--indigo); }
a:active { color: var(--indigo); }
a:visited { color: var(--indigo); }

.press-top { height: 50px; background-color: #ebebeb; width: 100%; color: #FFF; overflow: hidden; position: relative; z-index: 6; }
.press-top .press-top-text { width: 100%; }
.press-top p { float: left; width: 100%; box-sizing: border-box; padding-left: 13px; padding-right: 100px; margin: 0px; font-size: 1.4rem; line-height: 1.4rem; }
.press-top a:link { color: #FFF; text-decoration: none; }
.press-top a:hover { color: #FFF; }
.press-top a:active { color: #FFF; }
.press-top a:visited { color: #FFF; }
.press-top .press-top-entry { width: calc(50% - 1px); position: relative; float: right; background-color: #a0a2a5; height: 50px; border-left: 1px solid #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.press-top .press-top-image { width: 75px; height: 50px; background-color: var(--light-gray); border-left: 1px solid #FFF; position: absolute; top: 0px; right: 0px; }
.press-top .press-top-image img { max-width: 80%; max-height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }



.home .main-nav-subpage { display: none; }

.main-nav-home { position: absolute; top: 4.5vh; right: 60px; z-index: 6; left: 60px; text-align: right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.show-press-top .main-nav-home { margin-top: 50px; }

.main-nav-home .demo a:link, .main-nav-subpage .demo a:link { color: var(--indigo) !important; }
.main-nav-home .demo a:hover, .main-nav-subpage .demo a:hover { color: var(--indigo) !important; }
.main-nav-home .demo a:active, .main-nav-subpage .demo a:active { color: var(--indigo) !important; }
.main-nav-home .demo a:visited, .main-nav-subpage .demo a:visited { color: var(--indigo) !important; }

.main-nav-home .demo, .main-nav-subpage .demo { display: inline-block; vertical-align: middle; border: 2px solid var(--indigo); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.main-nav-home .demo a:link, .main-nav-subpage .demo a:link {  text-decoration: none; color: var(--indigo) !important; display: inline-block; padding: 10px 15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.main-nav-home .demo a:hover, .main-nav-subpage .demo a:hover { background-color: var(--indigo); color: #FFF !important; }



.main-nav-home .menu-top-navigation-container { display: none; }
.main-nav-home ul, .main-nav-subpage ul { vertical-align: middle; list-style: none; padding: 0px; margin: 0px; }
.main-nav-home ul li, .main-nav-subpage ul li { float: left; margin-right: 30px; }
.main-nav-home ul li:last-child, .main-nav-subpage ul li:last-child { margin-right: 0px; }
.main-nav-home ul li a:link, .main-nav-subpage ul li a:link { color: var(--indigo); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.main-nav-home ul li a:hover, .main-nav-subpage ul li a:hover { color: var(--indigo); text-decoration: none; opacity: 0.7; }
.main-nav-home ul li a:active, .main-nav-subpage ul li a:active { color: var(--indigo); text-decoration: none; }
.main-nav-home ul li a:visited, .main-nav-subpage ul li a:visited { color: var(--indigo); text-decoration: none; }

.main-nav-home .open, .main-nav-subpage .open { display: inline-block; vertical-align: middle; height: 38px; width: 27px; margin-right: 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.main-nav-home .open .line, .main-nav-subpage .open .line { width: 100%; height: 2px; background-color: var(--indigo); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.main-nav-home .open .line:nth-child(1), .main-nav-subpage .open .line:nth-child(1) { margin-top: 8px; }
.main-nav-home .open .line:nth-child(2), .main-nav-subpage .open .line:nth-child(2) { margin-top: 8px; }
.main-nav-home .open .line:nth-child(3), .main-nav-subpage .open .line:nth-child(3) { margin-top: 8px; }

.main-nav-home .open:hover .line:nth-child(1), .main-nav-subpage .open:hover .line:nth-child(1) { margin-top: 6px; }
.main-nav-home .open:hover .line:nth-child(2), .main-nav-subpage .open:hover .line:nth-child(2) { margin-top: 10px; }
.main-nav-home .open:hover .line:nth-child(3), .main-nav-subpage .open:hover .line:nth-child(3) { margin-top: 10px; }

.main-nav-white a:link { color: #FFF; text-decoration: none; }
.main-nav-white a:hover { color: #FFF; text-decoration: none; }
.main-nav-white a:active { color: #FFF; text-decoration: none; }
.main-nav-white a:visited { color: #FFF; text-decoration: none; }

.main-nav-white .demo { display: inline-block; vertical-align: middle; border: 2px solid #FFF; }
.main-nav-white .demo a:link { color: #FFF !important; }
.main-nav-white .demo a:active { color: #FFF !important; }
.main-nav-white .demo a:visited { color: #FFF !important; }
.main-nav-white .demo a:hover { background-color: #FFF; color: var(--indigo) !important; }

.main-nav-white ul li a:link { color: #FFF; text-decoration: none; }
.main-nav-white ul li a:hover { color: #FFF; text-decoration: none; }
.main-nav-white ul li a:active { color: #FFF; text-decoration: none; }
.main-nav-white ul li a:visited { color: #FFF; text-decoration: none; }
.main-nav-white .open .line { background-color: #FFF; }

.main-nav-opened .open { width: 0; }
.main-nav-opened .menu-top-navigation-container { display: inline-block; vertical-align: middle; }

.main-nav-home .logo-small { float: left; height: 42px; width: 42px; position: relative; }
.main-nav-home .logo-small img { cursor: pointer; width: 60px; left: 0; position: absolute; opacity: 0; top: 50%; transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); -webkit-transform: translateY(-50%) scale(0.8); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.main-nav-small { top: 30px !important; left: 25px !important; right: 30px !important; position: fixed !important; margin-top: 0 !important; }
.main-nav-logo-symbol img { opacity: 1 !important; transform: translateY(-50%) scale(1) !important; -ms-transform: translateY(-50%) scale(1) !important; -webkit-transform: translateY(-50%) scale(1) !important; }

.main-nav-home .logo-small:hover img { transform: translateY(-50%) scale(1.1) !important; -ms-transform: translateY(-50%) scale(1.1) !important; -webkit-transform: translateY(-50%) scale(1.1) !important; }

.home { width: 100%; margin: 0; padding: 0; }

.home .home-content { width: 100%; overflow: hidden; }

.home .side-nav { position: fixed; z-index: 5; font-size: 1.4rem; width: 100px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .side-nav ul { list-style: none; padding: 0px; margin: 0px; width: fit-content; height: fit-content; margin: auto; position: relative; }
.home .side-nav li { width: 100%; float: left; font-weight: 900; cursor: pointer; }
.home .side-nav li .marker { height: 4vh; width: 2px; background-color: var(--indigo); padding-left: 0px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home .side-nav li a { opacity: 0; padding: 2.5vh 0px; padding-left: 0.4vw; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.home .side-nav li.selected .marker { width: 5px; }
.home .side-nav li.selected a { opacity: 1; padding-left: 10px; }
.home .side-nav li:hover .marker { width: 5px; }
.home .side-nav li:hover a { opacity: 1; padding-left: 10px; }

.home .side-nav a:link { color: var(--indigo); text-decoration: none; display: inline-block; }
.home .side-nav a:hover { color: var(--indigo); }
.home .side-nav a:active { color: var(--indigo); }
.home .side-nav a:visited { color: var(--indigo); }


.home .side-nav-white li .marker { background-color: #FFF !important; }
.home .side-nav-white a:link { color: #FFF !important; }
.home .side-nav-white a:hover { color: #FFF !important; }
.home .side-nav-white a:active { color: #FFF !important; }
.home .side-nav-white a:visited { color: #FFF !important; }


.home .header { position: relative; z-index: 1; width: 100vw; background-color: #FFF; height: 90vh; border-bottom: 10vh solid var(--light-gray); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.show-press-top .header { height: calc(90vh - 50px); }
.home .header .cmx-content { position: relative; padding-top: 70px; }
.home .header .logo { position: absolute; top: 2.5vh; left: 60px; width: 250px;  }
.home .header h1 { width: 38vw; max-width: 700px; margin: 0px 0px 20px 0px; padding: 0px; }
.home .header h4 { width: 38vw; max-width: 470px; font-weight: 300; line-height: 160%; margin: 0px; padding: 0px; }

.home .header .individual { position: absolute; bottom: -8vh; left: 50vw; height: 86vh; z-index: 2; }
.home .header .group { position: absolute; top: 17vh; right: 6vw; width: 25vw; z-index: 1; }
.individual-fade-out { bottom: 45vh !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.group-fade-out { top: -15vh !important; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.text-fade-out { padding-bottom: 60vh; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; }


.home .how-it-works { position: relative; overflow: hidden; z-index: 1; width: 100vw; height: 100vh; background-color: var(--light-gray); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;  }
.home .how-it-works .cmx-content { }
.home .how-it-works h3 { margin: 0px 0px 50px 0px; font-weight: 300; width: 100%; }
.home .how-it-works h4 { margin: 0px 0px 0px 0px; font-weight: 300; width: 100%; }

.home .how-it-works .video-component { width: 100%; box-sizing: border-box; overflow: hidden; position: relative; }
.home .how-it-works .video-component h2 { margin: 0px 0px 20px 0px; }

.home .how-it-works .left-panel { position: absolute; height: 100%; width: 35%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .how-it-works .left-panel .left-panel-content { width: 100%; }
.home .how-it-works .video-navigation { width: 100%; box-sizing: border-box; list-style: none; padding: 0px; margin: 0px; }
.home .how-it-works .video-navigation .video-content { width: 100%; }
.home .how-it-works .video-navigation li { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding: 30px 50px 30px 60px; cursor: pointer; position: relative; line-height: 150%; width: 100%; margin-bottom: 1px; box-sizing: border-box; background-color: rgba(255,255,255,0.25); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home .how-it-works .video-navigation li h3 { margin: 0; }

.home .how-it-works .video-navigation li p { margin: 0; opacity: 0; max-height: 0px; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.home .how-it-works .video-navigation li.selected p { max-height: 100px; opacity: 1; margin-top: 10px; }

.home .how-it-works .video-navigation li:hover { background-color: var(--indigo); color: #FFF; }
.home .how-it-works .video-navigation li.selected { background-color: var(--indigo); color: #FFF; }
.home .how-it-works .video-navigation li span { position: absolute; left: 22px; top: 32px; font-size: 3.6rem; text-decoration: underline; }
.home .how-it-works .video-container { width: 65%; float: left; margin-left: 35%; }
.home .how-it-works .video-container .video {  overflow: hidden; height: 0; padding-top: 56.25%; position: relative; background-color: #FFF; }
.home .how-it-works .video-container video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.home .how-it-works .video-container #video-component { opacity: 0; display: none; animation-name: video-fade-in; animation-duration: 1.5s; animation-fill-mode: forwards; }

@keyframes video-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}



.home .how-it-helps { position: relative; overflow: hidden; z-index: 1; width: 100vw; height: 100vh; background-color: #37296b; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .how-it-helps h2 { margin: 20px 0px; color: #FFF; }
.home .how-it-helps h3 { margin: 0px; font-weight: 300; width: 100%; color: #FFF; }
.home .how-it-helps p { margin: 0px; color: #FFF; line-height: 150%; max-width: 700px; }

.home .how-it-helps a:link { color: #FFF; }
.home .how-it-helps a:hover { color: #FFF; }
.home .how-it-helps a:active { color: #FFF; }
.home .how-it-helps a:visited { color: #FFF; }

.home .how-it-helps .our-services { font-size: 2.4rem; margin-top: 20px; float: left; }

.how-it-helps-main { width: calc(100vw - 330px) !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: relative; top: -12vh; z-index: 2; }

.home .how-it-helps .services-close { position: absolute; right: 0vw; top: 0px; width: 50vw; height: 100vh; display: none; z-index: 2; }
.home .how-it-helps .services { position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; left: calc(-50vw + 110px); top: 0px; width: 50vw; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; color: #FFF; font-weight: 300; line-height: 150%; background-color: rgba(36,27,82,0.8); box-sizing: border-box; padding-right: 150px; }


.home .how-it-helps .services .arrow { position: absolute; height: 32px; width: 16px; top: 50%; right: -16px; margin-top: -16px; }
.home .how-it-helps .services .arrow-top-border { position: absolute; height: calc(50% - 15px); width: 1px; background-color: #FFF; top: 0; right: 0; }
.home .how-it-helps .services .arrow-bottom-border { position: absolute; height: calc(50% - 15px); width: 1px; background-color: #FFF; bottom: 0; right: 0; }
.home .how-it-helps .service-full-arrow { position: absolute; height: 32px; width: 16px; top: 50%; left: -1px; margin-top: -16px; }

.home .how-it-helps .services-visible { left: 0 !important; }
.home .how-it-helps .services .services-container { width: 100%; padding-left: 10vw; box-sizing: border-box; }
.home .how-it-helps .services ul { list-style: none; padding: 0px; margin: 30px 0px 0px -10px; width: 100%; }
.home .how-it-helps .services ul li { padding: 10px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home .how-it-helps .services ul li:hover { background-color: rgba(0,0,0,0.25); }
.home .how-it-helps .services ul li h5 { font-weight: 400; border-bottom: 1px solid #FFF; margin: 0; display: inline-block; }
.home .how-it-helps .services ul li p { margin-top: 5px; }
.home .how-it-helps .services h2 { margin: 10px 0px 50px 0px; }


.home .how-it-helps .services-full { width: calc(100vw - 110px); border-left: 1px solid #FFF; position: absolute; right: 100vw; top: 0; height: 100vh; z-index: 4; color: #FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.home .services-full-visible { right: 0vw !important; }
.home .how-it-helps .services-full h2 { width: 100%; margin: 10px 0px 20px 0px; }
.home .how-it-helps .services-full ul { list-style: none; padding: 0px; margin: 0px; }
.home .how-it-helps .services-full ul li { background-color: var(--indigo); width: calc(100vw - 110px); padding-left: 5vw; box-sizing: border-box; height: 100vh; background-size: cover; background-position: top left; }
.home .how-it-helps .services-full ul li.service-visible { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .how-it-helps .services-full ul li .services-full-description { width: 100%; box-sizing: border-box; padding-right: 50vw; }
.home .how-it-helps .services-full ul li .services-full-description p { margin-bottom: 20px; }
.home .how-it-helps .services-full .mobile-bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--indigo); opacity: 0.7; display: none; }

.home .how-it-helps .services-full .mobile-header { display: none; width: 100%; height: 55vw; background-size: cover; background-position: top right; }

.home .how-it-helps .services-full-close { width: 110px; position: absolute; left: 0; top: 0; height: 100vh; z-index: 4; display: none; }
.open-services-list { display: block !important; }

.home .how-it-helps .background-circles { position: absolute; width: 100vw; height: 100vh; top: 65vh; z-index: 1; }
.home .how-it-helps .background-circles img { position: absolute; width: 120vw; left: -10vw; height: auto; opacity: 0.5; }

.home .how-it-helps .background-circles img:nth-child(1) { animation-name: how-it-helps-first-rotation; animation-duration: 20s; animation-iteration-count: infinite; }
.home .how-it-helps .background-circles img:nth-child(2) { animation-name: how-it-helps-second-rotation; animation-duration: 25s; animation-iteration-count: infinite; }
.home .how-it-helps .background-circles img:nth-child(3) { animation-name: how-it-helps-third-rotation; animation-duration: 30s; animation-iteration-count: infinite; }


@keyframes how-it-helps-first-rotation {
  from { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); animation-timing-function: linear; }
  to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
@keyframes how-it-helps-second-rotation {
  from { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation-timing-function: linear; }
  to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}
@keyframes how-it-helps-third-rotation {
  from { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation-timing-function: linear; }
  to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}


.home .select-use-cases { position: relative; overflow: hidden; z-index: 1; width: 100vw; height: 100vh; }

.home .select-use-cases-header { height: 200px; background-color: rgba(0,0,0,0.05); box-sizing: border-box; padding-top: 120px; }
.home .select-use-cases-header h2 { margin: 0px; padding: 0px; display: inline-block; font-size: 3.6rem; }
.home .select-use-cases-header h3 { margin: 0px; padding: 0px; display: inline-block; font-size: 3.6rem; font-weight: 300; }

.home .select-use-cases-header > .cmx-content { width: calc(100vw - 330px); }
.home .select-use-cases .use-cases .cmx-content { width: calc(100vw - 330px); }

.home .select-use-cases .use-cases { height: calc(100vh - 200px); color: #FFF; }
.home .select-use-cases .use-cases .slick-list { height: calc(100vh - 200px) }
.home .select-use-cases .use-cases .slick-track { height: calc(100vh - 200px); }
.home .select-use-cases .use-cases .slick-slide { height: calc(100vh - 200px); }
.home .select-use-cases .use-cases .use-case { background-size: cover; background-position: 40% top; background-color: var(--orange); }
.home .select-use-cases .use-cases .slide-content { width: 100%; }
.home .select-use-cases .use-cases h2 { width: 100vw; box-sizing: border-box; padding-right: 40vw; margin-top: 0; }

.home .select-use-cases .use-cases .learn-more { color: #FFF; border: 2px solid #FFF; padding: 10px 15px; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.home .select-use-cases .use-cases .learn-more:hover { background-color: #FFF; color: var(--orange); }

.home .select-use-cases .use-cases .cmx-content { height: calc(100vh - 400px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .select-use-cases .use-cases .use-case-white-bar { height: 200px; width: 100%; background-color: #FFF; position: relative; }
.home .select-use-cases .use-cases .use-case-white-bar img { position: absolute; right: 10vw; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 40%; max-width: 20vw; }

.home .use-cases-side-nav { padding: 0; position: absolute; top: 0; flex-direction: column-reverse; margin: 0; left: calc(-40vw + 110px); width: 40vw; height: 100vh; z-index: 6; background-color: rgba(36,27,82,0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home .use-cases .slick-list { height: 100vh !important; }
.home .use-cases-side-nav-entry { background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15vw !important; height: 10vw !important; margin: 1vh 0; display: inline-block; }

.home .use-cases-side-nav-opened { left: 0 !important; }

.home .use-cases-side-nav .arrow { position: absolute; height: 32px; width: 16px; top: 50%; right: -16px; margin-top: -16px; }
.home .use-cases-side-nav .arrow-top-border { position: absolute; height: calc(50% - 15px); width: 1px; background-color: #FFF; top: 0; right: 0; }
.home .use-cases-side-nav .arrow-bottom-border { position: absolute; height: calc(50% - 15px); width: 1px; background-color: #FFF; bottom: 0; right: 0; }




.home .select-recognition { position: relative; z-index: 1; width: 100vw; height: calc(100vh - 80px); overflow: hidden; }
.home .select-recognition h2 { margin-top: 0px; font-size: 3.6rem; margin-bottom: 20px; }
.home .select-recognition-content { width: 100vw; height: calc(100vh - 25vh - 80px); background-color: #ebebeb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.home .select-recognition .press-content .press-items { margin-bottom: 0px; width: 100%; }
.home .select-recognition .press-content .press-items .graphic { height: 10vw; background-size: cover; background-position: center center; }
.home .select-recognition h4 { font-size: 1.5rem; font-weight: 400; line-height: 130%; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.home .select-recognition a.more span { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home .select-recognition a.more:link { color: var(--indigo); font-weight: 400; text-decoration: none; border-bottom: 1px solid var(--indigo); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.home .select-recognition a.more:hover { color: var(--medium-gray) !important; }
.home .select-recognition a.more:active { color: var(--indigo); }
.home .select-recognition a.more:visited { color: var(--indigo); }
.home .select-recognition a.more:hover span { margin-left: 5px; }

.home .select-recognition .press-item { padding: 0px 50px; }
.home .select-recognition .press-item a:link { color: var(--indigo); font-weight: 400; text-decoration: none; }
.home .select-recognition .press-item a:hover { color: var(--indigo); text-decoration: none; }
.home .select-recognition .press-item a:active { color: var(--indigo); text-decoration: none; }
.home .select-recognition .press-item a:visited { color: var(--indigo); text-decoration: none; }

.home .select-recognition .press-item:hover h4 { color: var(--medium-gray); }

.recognition { width: 100%; height: 25vh; background-color: #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.recognition .cmx-content { text-align: center; }
.recognition .cmx-content h4 { font-size: 1.4rem; margin: 20px 0px 0px 0px; }
.recognition .recognition-logo { height: 10vh; position: relative; }
.recognition .recognition-logo img { max-height: 10vh; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.recognition .recognition-entry:hover img  { margin-top: -4px; }

.recognition .recognition-entry a:link { color: var(--medium-gray); text-decoration: none; }
.recognition .recognition-entry a:hover { color: var(--medium-gray); text-decoration: underline; }
.recognition .recognition-entry a:active { color: var(--medium-gray); text-decoration: none; }
.recognition .recognition-entry a:visited { color: var(--medium-gray); text-decoration: none; }


.footer { background-color: #ebebeb; height: 80px; width: 100%; position: relative; }
.footer .menu-footer-navigation-container { float: left; }
.footer .menu-footer-navigation-container ul { list-style: none; padding: 0px; margin: 16px 0px 0px 0px; float: left; font-size: 1.4rem; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.footer .menu-footer-navigation-container ul li { float: left; margin-right: 30px; }

.footer .menu-footer-navigation-container ul a:link { color: var(--indigo); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.footer .menu-footer-navigation-container ul a:hover { color: var(--medium-gray) !important; }
.footer .menu-footer-navigation-container ul a:active { color: var(--indigo); }
.footer .menu-footer-navigation-container ul a:visited { color: var(--indigo); }

.footer .copyright { width: 100%; float: left; font-size: 1.2rem; color: var(--medium-gray); margin-top: 10px; }
.footer .cmx-content { position: relative; }
.social-icons { position: absolute; right: 0px; top: 23px; }
.footer .social-icon { float: left; margin-left: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.footer .social-icon img { width: 30px; height: 30px; }
.footer .social-icon:hover { opacity: 0.75; }



h5.post-date { color: var(--medium-gray); font-weight: 300; margin-top: -10px; }



.page_header { padding: 15px 0px; background-color: var(--indigo); color: #FFF; float: left; width: 100%; display: none; }
.page_content { min-height: calc(100vh - 265px); float: left; width: 100%; padding: 30px 0px 50px 0px; }

.sub-page h1 { font-weight: 600; }
.sub-page .cmx-content { max-width: 1600px; }
.sub-page .cmx-content p { line-height: 150%; }
.sub-page .main-nav-home { display: none; }
.sub-page .logo-cmx { float: left; width: 250px; margin: -15px 0px 20px 0px;  }
.sub-page .main-nav-subpage { width: 100%; float: left; text-align: right; margin-top: 38px; }
.sub-page .footer { float: left; }



.all-press-items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; margin-bottom: 20px; margin-top: 20px;  }
.all-press-items .graphic { height: 200px; background-size: cover; background-position: center center; }

.all-press-items .press-item a:link { color: var(--indigo); font-weight: 400; text-decoration: none; }
.all-press-items .press-item a:hover { color: var(--indigo); text-decoration: none; }
.all-press-items .press-item a:active { color: var(--indigo); text-decoration: none; }
.all-press-items .press-item a:visited { color: var(--indigo); text-decoration: none; }

.all-press-items h4 { font-size: 1.7rem; font-weight: 400; line-height: 130%; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.all-press-items .press-item:hover h4 { color: var(--medium-gray); }

.press-graphic-single { height: 300px; width: 500px; background-size: cover; background-position: center center; display: inline-block; float: right; margin-left: 30px; margin-bottom: 30px; }

.more-news { float: left; width: 100%; margin: 20px 0px; }
.more-news a span { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.more-news a:link { color: var(--indigo); font-weight: 400; text-decoration: none; border-bottom: 1px solid var(--indigo); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.more-news a:hover { color: var(--medium-gray) !important; }
.more-news a:active { color: var(--indigo); }
.more-news a:visited { color: var(--indigo); }
.more-news a:hover span { margin-left: 5px; }


.use-cases-graphic-single { height: 450px; width: 600px; background-size: cover; background-position: top right; display: inline-block; float: right; margin-left: 30px; margin-bottom: 30px; }


.testimonial { width: 100%; margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(0,0,0,0.1); padding-bottom: 50px; margin-bottom: 30px; position: relative; float: left; padding-left: 180px; box-sizing: border-box; }
.testimonial .quote { margin-top: 0px; font-weight: 600; font-style: italic; }
.testimonial-author-photo { width: 150px; height: 150px; background-size: cover; background-position: top center; background-repeat: no-repeat; float: left; position: absolute; left: 0; top: 50px; }
.testimonial-logos { height: 40px; width: auto; position: absolute; bottom: 0; right: 0; }



.solutions-main { position: relative; overflow: hidden; }


.solutions-titles { display: grid; grid-template-columns: 350px 350px 1fr; border-bottom: 1px solid var(--indigo); padding-bottom: 20px; margin-top: 10px; }
.solutions-titles h3 { display: inline-block; list-style: none; padding: 0px; margin: 0px; }
.solutions-titles h3:last-child { padding-left: 40px; }
.solutions-titles a:link { color: var(--indigo); text-decoration: none; }
.solutions-titles a:hover { color: var(--indigo); text-decoration: none; }
.solutions-titles a:active { color: var(--indigo); text-decoration: none; }
.solutions-titles a:visited { color: var(--indigo); text-decoration: none; }


.solutions-lists { display: grid; grid-template-columns: 350px 350px 1fr; position: relative; z-index: 6; }

.solutions-list { display: inline-block; list-style: none; padding: 20px 0px 0px 0px; margin: 0px; vertical-align: top; }
.solutions-list li h4 { font-weight: 400; }
.solutions-list li:last-child h4 { margin-bottom: 0px; padding-bottom: 0px; }
.solutions-list:first-child { border-right: 1px solid var(--indigo); }
.solutions-list:last-child { padding-left: 50px; }
.solutions-list a:link { color: var(--indigo); text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }
.solutions-list a:hover { color: var(--medium-gray) !important; }
.solutions-list a:active { color: var(--indigo); }
.solutions-list a:visited { color: var(--indigo); }


.solutions-background-circles { position: absolute; width: 100vw; height: 100vh; bottom: -70vh; z-index: 1; }
.solutions-background-circles img { position: absolute; width: 100vw; left: 0vw; height: auto; opacity: 0.5; }

.solutions-background-circles img:nth-child(1) { animation-name: solutions-first-rotation; animation-duration: 20s; animation-iteration-count: infinite; }
.solutions-background-circles img:nth-child(2) { animation-name: solutions-second-rotation; animation-duration: 25s; animation-iteration-count: infinite; }
.solutions-background-circles img:nth-child(3) { animation-name: solutions-third-rotation; animation-duration: 30s; animation-iteration-count: infinite; }

@keyframes solutions-first-rotation {
  from { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); animation-timing-function: linear; }
  to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
@keyframes solutions-second-rotation {
  from { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation-timing-function: linear; }
  to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}
@keyframes solutions-third-rotation {
  from { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); animation-timing-function: linear; }
  to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}

.solution-grid { display: grid; grid-template-columns: 280px 1fr; }
.solution-content { padding-left: 40px; padding-top: 20px; }
.solutions-single { position: relative; overflow: hidden; }
.solutions-single .cmx-content { position: relative; z-index: 6; }
.solutions-single .solutions-titles h3:last-child { font-weight: 300 !important; }

.solution-content h3.title { display: inline-block; margin-bottom: 10px; }
.solution-content .subtitle { font-weight: 300; }
.solution-content .divider { display: inline-block; vertical-align: middle; width: 1px; height: 30px; background-color: #FFF; margin: 0px 10px; }

.product-solution-content { padding: 0px !important; border-right: 1px solid var(--indigo); }
.product-content { background-color: var(--indigo); color: #FFF; padding: 60px 45% 60px 60px; background-size: cover; background-position: top right; }
.product-content-text { padding: 20px 40px 60px 40px; border-bottom: 1px solid var(--indigo); }

.product-testimonial { padding: 40px; }
.product-testimonial .testimonial { margin-top: 0px; padding-top: 0px; border-top: 0px solid rgba(0,0,0,0.1); margin-bottom: 50px; }
.product-testimonial .testimonial-author-photo { top: 0 !important; }

.product-single { padding-bottom: 0px !important; min-height: calc(100vh - 215px) !important; }

.testimonials .testimonial:first-child { border: 0; margin-top: 0; }

.audience-solutions { min-height: calc(100vh - 185px); padding-bottom: 20vw; box-sizing: border-box; }
.solutions-main { min-height: calc(100vh - 185px); padding-bottom: 20vw; box-sizing: border-box; }

.product-single .solution-grid { grid-template-columns: 280px 1fr; }
.product-single .solutions-titles { grid-template-columns: 280px 320px 1fr; }
.product-single .product-content-text { border: 0px !important; }
.product-single .solutions-list:first-child { border: 0px !important; }
.product-single .product-solution-content { border: 0px !important; }

.audience-solutions .solutions-titles { grid-template-columns: 280px 320px 1fr; }
.audience-solutions .solution-grid { grid-template-columns: 280px 1fr; }

.product-single .product-content-text { padding: 40px 60px 40px 60px; }

.product-solution-content h3 { font-weight: 300; margin: 10px 0px; }
.product-solution-content h3 strong { font-weight: 600; }

.product-text-over-graphic-mobile { display: none; }




.demo-page .demo-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; }
.connect-page .connect-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; }
.demo-content ul { padding-left: 20px; }
.demo-content li { margin-bottom: 10px; }

.gform_button { background-color: var(--indigo); -webkit-appearance: none; border: 0; padding: 15px 25px; color: #FFF; font-family: 'Roboto', sans-serif; }
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 8px 6px; font-family: 'Roboto', sans-serif; }
.gform_wrapper select { padding: 8px 6px !important; font-family: 'Roboto', sans-serif; }
.gform_wrapper label { font-family: 'Roboto', sans-serif; font-weight: 600 !important; color: var(--indigo); }
.gform_wrapper .ginput_container label { color: var(--medium-gray); font-family: 'Roboto', sans-serif; font-weight: 400 !important; }


.mobile-nav .demo { display: inline-block; border: 2px solid #FFF; margin-left: 5vw; margin-top: 5vw; }
.mobile-nav .demo a:link { text-decoration: none; color: #FFF; display: inline-block; padding: 10px 25px; width: 100%; box-sizing: border-box; font-size: 2rem; }
.mobile-nav .demo a:visited { color: #FFF; }
.mobile-nav .demo a:hover { color: #FFF; }
.mobile-nav .demo a:active { color: #FFF; }

.mobile-nav { display: none; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; background-color: rgba(0,0,0,0); }
.mobile-nav .toggle-button { width: 22px; height: 27px; position: relative; }
.mobile-nav .toggle-button .line { width: 100%; height: 2px; background-color: var(--indigo); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.mobile-nav-closed .logo-cmx-mobile-nav { display: none; }
.mobile-nav-closed .toggle-button { position: absolute; top: 8px; right: 20px; display: inline-block; vertical-align: middle; height: 38px; width: 27px; margin-right: 0px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.mobile-nav-closed .toggle-button .line:nth-child(1) { margin-top: 0; }
.mobile-nav-closed .toggle-button .line:nth-child(2) { margin-top: 8px; }
.mobile-nav-closed .toggle-button .line:nth-child(3) { margin-top: 8px; }

.mobile-nav-closed { position: absolute; right: 0; top: 30px; z-index: 10; }
.mobile-nav-closed .menu-mobile-navigation-container { display: none; }
.mobile-nav-closed .demo { display: none; }

.show-press-top .mobile-nav-closed { top: 80px; }
.show-press-top .mobile-nav-opened { height: calc(100vh - 50px); top: 50px; }

.mobile-nav-opened .logo-cmx-mobile-nav { display: block; position: absolute; left: 5vw; top: 15px; width: 200px; }
.mobile-nav-opened { position: fixed; width: 100vw; height: 100vh; background-color: var(--indigo); z-index: 10; }
.mobile-nav-opened .toggle-button { top: 36px; right: 20px; position: absolute; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.mobile-nav-opened .toggle-button .line { width: 30px; position: absolute; left: 50%; top: 50%; background-color: #FFF !important; }
.mobile-nav-opened .toggle-button .line:nth-child(1) { margin: 0px; transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); }
.mobile-nav-opened .toggle-button .line:nth-child(2) { display: none;}
.mobile-nav-opened .toggle-button .line:nth-child(3) { margin: 0px; transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); }



.menu-mobile-navigation-container ul { list-style: none; margin: 80px 0 0 0; padding: 0; }
.menu-mobile-navigation-container ul li { float: left; width: 100%; padding: 20px 5vw; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.1); }

.menu-mobile-navigation-container ul li a:link { color: #FFF; font-size: 2rem; text-decoration: none; }
.menu-mobile-navigation-container ul li a:hover { color: #FFF; }
.menu-mobile-navigation-container ul li a:active { color: #FFF; }
.menu-mobile-navigation-container ul li a:visited { color: #FFF; }


.solutions-main .mobile-titles { display: none; }
.audience-solutions .mobile-titles { display: none; }
.product-single .mobile-titles { display: none; }


.about-intro { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 200px; border-top: 1px solid rgba(0,0,0,0.1); }
.about-intro h3 { margin: 0; }
.about-intro > div { padding: 50px 0; }
.about-alt-one { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px; }
.about-alt-two { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px; }
.about-graphic { background-size: cover; background-position: center center; }
.about-alt-one .about-graphic { background-color: var(--indigo); background-image: url(../images/about-graphic-1.jpg); }
.about-alt-one .about-content { border-top: 1px solid rgba(0,0,0,0.1); }
.about-alt-two .about-graphic { background-color: var(--orange); background-image: url(../images/about-graphic-2.jpg); }
.about-alt-two .about-graphic { order: 2; }
.about-content { padding: 100px; }
.page-about { padding-bottom: 150px; }



.services-x { position: absolute; top: 30px; right: 30px; width: 22px; height: 27px; z-index: 1; }
.services-x .line { width: 30px; position: absolute; left: 50%; top: 50%; background-color: #FFF !important; height: 3px; }
.services-x .line:nth-child(1) { margin: 0px; transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); }
.services-x .line:nth-child(2) { margin: 0px; transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); }




.press-content .slick-arrow { opacity: 0.35 !important; width: 30px; height: 30px; top: 5vw; border-radius: 50%; overflow: hidden; z-index: 1; left: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.press-content .slick-arrow:hover { opacity: 0.2 !important; }
.press-content .slick-prev { left: 0px; background-image: url("../images/arrow-left.svg") !important; background-size: contain; background-repeat: no-repeat; }
.press-content .slick-next { right: 0px; background-image: url("../images/arrow-right.svg") !important; background-size: contain; background-repeat: no-repeat; }

.press-content .slick-prev:before, .press-content .slick-next:before { display: none !important; }


.use-cases .slick-arrow { opacity: 0.35 !important; width: 30px; height: 30px; overflow: hidden; top: -75px; transform: none; bottom: auto; z-index: 1; left: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.use-cases .slick-arrow:hover { opacity: 0.2 !important; }
.use-cases .slick-prev { right: 80px; background-image: url("../images/arrow-left.svg") !important; background-size: contain; background-repeat: no-repeat; }
.use-cases .slick-next { right: 45px; background-image: url("../images/arrow-right.svg") !important; background-size: contain; background-repeat: no-repeat; }

.use-cases .slick-prev:before, .use-cases .slick-next:before { display: none !important; }




.careers a:link { color: var(--indigo) !important; text-decoration: none; }
.careers a:hover { color: var(--indigo) !important; }
.careers a:active { color: var(--indigo) !important; }
.careers a:visited { color: var(--indigo) !important; }

.careers h3 { margin: 0 0 5px 0; font-weight: 400; }
.careers .subtitle { margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgba(0,0,0,0.1); display: inline-block; font-weight: 400; color: var(--medium-gray) !important; }

.career h1 { margin-bottom: 10px; }


.careers hr { border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 25px 0; }

.careers hr:last-child { display: none; }



.team-members { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 70px; margin-bottom: 100px; margin-top: 100px; }
.team-member { cursor: pointer; }
.team-member .photo { width: 100%; height: 200px; background-size: cover; background-position: top center; background-repeat: no-repeat; border-bottom: 6px solid #FFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.team-members h3 { margin-bottom: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.team-members h5 { margin: 5px 0px; font-weight: normal; color: var(--medium-gray) !important; }
.team-members p { margin-bottom: 0; }

.team-member:hover h3 { margin-top: 20px; }
.team-member:hover .photo { border-bottom: 6px solid var(--indigo); }

.team-member-popup { background-color: rgba(0,0,0,0.4); position: fixed; z-index: 999; width: 100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: none; }
.team-member-popup-content { width: 1000px; max-width: 70vw; max-height: 70vh; background-color: #FFF; padding: 50px; padding-left: 300px; box-sizing: border-box; position: relative;}

.team-member-popup-content .photo { position: absolute; width: 200px; height: 300px; left: 50px; top: 50px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.team-member-popup-content h3 { margin-bottom: 0px; margin-top: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.team-member-popup-content h5 { margin: 5px 0px; font-weight: normal; color: var(--medium-gray) !important; }
.team-member-popup-content p { margin-bottom: 0; line-height: 150%; }
.full-bio { max-height: calc(70vh - 300px); overflow: auto; width: 100%; }


.team-member-popup-content .close { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 25px; height: 25px; }
.team-member-popup-content .close .line { width: 30px; height: 3px; position: absolute; left: 50%; top: 50%; background-color: var(--indigo) !important; cursor: pointer; }
.team-member-popup-content .close .line:nth-child(1) { margin: 0px; transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); }
.team-member-popup-content .close .line:nth-child(2) { margin: 0px; transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); }


.pagination_btns { width: 100%; float: left; clear: both; display: inline-block; }
.pagination_btns .page-numbers { padding: 6px 10px; border: 1px solid rgba(0,0,0,0.25); text-decoration: none !important; color: var(--indigo) !important; margin: 3px 3px; font-size: 1.3rem; display: inline-block; font-weight: 400; }
.pagination_btns .current { border: 1px solid var(--indigo) !important; color: var(--indigo) !important; }






.whitepapers-graphic-single { height: 300px; width: 500px; background-size: cover; background-position: center center; display: inline-block; float: right; margin-bottom: 30px; }
.whitepapers-float-container { width: 500px; display: inline-block; float: right; margin-left: 60px; margin-bottom: 30px; }
.whitepapers-float-container h3 { margin-bottom: 10px; width: 100%; display: block; float: left; margin-top: 0; }
.whitepapers-float-container a { width: 100%; margin-bottom: 10px; display: block; }




@media only screen and (max-width: 1800px) {
  .home .how-it-works .video-navigation li { padding-right: 30px; }
    .home .how-it-works .video-navigation li p { font-size: 1.5rem; line-height: 140%; }
}

@media only screen and (max-width: 1600px) {
  .home .how-it-works .video-navigation li p { font-size: 1.4rem; }
}

@media only screen and (max-width: 1500px) {
  .all-press-items { grid-template-columns: 1fr 1fr; }
  .all-press-items .graphic { height: 25vw; }

  .about-alt-one { display: grid; grid-template-columns: 1fr; grid-gap: 0px; }
  .about-alt-two { display: grid; grid-template-columns: 1fr; grid-gap: 0px; }
  .about-alt-two .about-graphic { order: 1; }
  .about-alt-two .about-content { order: 2; }
  .about-graphic { height: 30vw; }
  .about-content { padding: 30px 0px 60px 0px; }
  .about-content h2 { margin-top: 0; }
  .about-intro { grid-gap: 10vw; }
}

@media only screen and (max-width: 1400px) {
  .team-members { grid-template-columns: 1fr 1fr 1fr; }
}


@media only screen and (max-width: 1300px) {
  .home .how-it-works .video-navigation li { padding: 20px 20px 20px 40px; }
  .home .how-it-works .video-navigation li p { font-size: 1.3rem; }
  .home .how-it-works .video-navigation li h3 { font-size: 2.4rem; }
  .home .header h4 { line-height: 140%; }
  .home .how-it-works .video-navigation li span { left: 15px; top: 19px; font-size: 2rem; }

  .home .select-recognition h4 { font-size: 1.5rem; }
  .home .select-recognition .press-content .press-items { margin-bottom: 0px; }

  .home .side-nav { font-size: 1.3rem; width: 100px; }
  .home .side-nav li a { padding-left: 5px; }
  .home .side-nav li.selected a { padding-left: 5px; }
}

@media only screen and (max-width: 1250px) {

  .home .select-recognition h4 { font-size: 1.3rem; margin-top: 1vh; margin-bottom: 0px; }
  .home .select-recognition .more { margin-top: 1vh; float: left; }
  .home .select-recognition h2 { margin-bottom: 20px; }
  .home .select-recognition .press-content .press-items { margin-bottom: 10px; }
  .recognition { height: 25vh; }
  .home .select-recognition-content { height: calc(100vh - 25vh - 80px); }
  .recognition .cmx-content h4 { font-size: 1.2rem !important; margin: 10px 0px 0px 0px; }
  .press-content { margin-top: 20px; }
  .recognition .recognition-logo { height: 10vh; }
  .recognition .recognition-logo img { max-height: 10vh; }


  .home .header .individual { height: 80vh; }
}

@media only screen and (max-width: 1200px) {

  h1 { font-size: 4.5rem; }
  h2 { font-size: 3.5rem; }
  h3 { font-size: 2.8rem; }
  h4 { font-size: 1.9rem; }
  h5 { font-size: 1.7rem; }
  p { font-size: 1.6rem; }

  .cmx-content { width: 90vw; }
  .home .header .logo { left: 5vw; }
  .main-nav-home { left: 5vw; right: 5vw; }
  .home .how-it-helps .services .services-container { padding-left: 10vw; }

  .home .header .cmx-content { padding-top: 50px; }

  .home .select-use-cases .cmx-content { width: 80vw; }
  .home .select-use-cases-header { padding-top: 90px; height: 150px; }
  .home .select-use-cases .use-cases .use-case-white-bar { height: 150px; }
  .home .select-use-cases .use-cases .cmx-content { height: calc(100vh - 300px); }

  .home .side-nav a:link { display: none; }
  .home .side-nav li .marker { margin: 10px 0px; width: 5px; }
  .home .side-nav { width: 30px; }
  .home .side-nav li.selected .marker { background: rgba(0,0,0,0); border: 1px solid var(--indigo); box-sizing: border-box; opacity: 0.5; }
  .home .side-nav-white li.selected .marker { border: 1px solid #FFF !important; background: rgba(255,255,255,0) !important; }
  .home .side-nav-white li .marker { background-color: #FFF; }

  .home .side-nav li.selected a { padding-left: 0px !important; }
  .home .side-nav li:hover a { padding-left: 0px !important; }

  .use-cases .slick-arrow { top: -55px; }

  .team-member .photo { height: 200px; }
}



@media only screen and (max-width: 1100px) {
  .home .how-it-works .video-navigation li { padding: 15px 15px 15px 30px; }
  .home .how-it-works .video-navigation li h3 { margin: 0; }
  .home .how-it-works .video-navigation li span { left: 11px; top: 12px; font-size: 1.4rem; }

  .home .select-recognition h4 { font-size: 1.4rem; }

  .main-nav-home .logo-small img { width: 40px; }
  .main-nav-small { top: 10px !important; left: 10px !important; right: 10px !important; }
  .home .use-cases-side-nav { left: calc(-40vw + 62px); }
  .home .how-it-helps .services { left: calc(-50vw + 62px); padding-right: 62px; }

  .home .select-use-cases .use-cases .cmx-content { width: calc(100vw - 230px); }
  .home .select-use-cases-header > .cmx-content { width: calc(100vw - 230px); }
  .how-it-helps-main { width: calc(100vw - 230px) !important; }

  .home .how-it-helps .services-full { width: calc(100vw - 60px); }
  .home .how-it-helps .services-full ul li { width: calc(100vw - 60px); }

  .home .how-it-helps .services h2 { margin: 10px 0px 20px 0px; }
  .home .how-it-helps .services .services-container { padding-left: 62px; }
  .home .how-it-helps .services-full-close { width: 62px; }

  .use-cases .slick-prev { right: 70px; }
  .use-cases .slick-next { right: 40px; }
}


@media only screen and (max-width: 1000px) {

  h1 { font-size: 3.7rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.4rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 1.6rem; }
  p { font-size: 1.5rem; }

  .home .select-use-cases-header h3 { font-size: 2.4rem; }

  .home .select-recognition h2 { font-size: 2.4rem; }

  .home .select-use-cases-header h2 { font-size: 2.4rem; }
  .home .how-it-works h2 { font-size: 2.4rem; }
  .home .how-it-helps h2 { font-size: 2.4rem; }

  .demo-page .demo-grid { grid-template-columns: 1fr; }
  .connect-page .connect-grid { grid-template-columns: 1fr; }

  .home .how-it-helps .services { width: 70vw; left: calc(-70vw + 62px); }

  .home .header .individual { height: 75vh; }

  .home .select-use-cases .use-cases .use-case-white-bar { height: 100px; }
  .home .select-use-cases .use-cases .cmx-content { height: calc(100vh - 250px); }

  .home .recognition-entry p { font-size: 1.2rem !important; }

  .home .select-recognition .press-item { padding: 0 35px; }

  .home .select-use-cases-header { height: 120px; padding-top: 60px; }
  .home .select-use-cases .use-cases { height: calc(100vh - 120px); }
  .home .select-use-cases .use-cases .cmx-content { height: calc(100vh - 220px); }

  .home .header .logo { top: 2.75vh; width: 200px; }
  .sub-page .logo-cmx { width: 200px; }

  .home .select-recognition .press-content .press-items .graphic { height: 18vw; }
  .press-content .slick-arrow { top: 9vw; }

  .team-members { margin-top: 50px; }
  .team-member-popup-content h5 { margin-bottom: 0; }

  .team-member-popup-content .photo { position: static; width: 100%; height: 40vh; margin-bottom: 20px; }
  .team-member-popup-content { max-width: 100vw; max-height: 100vh; padding: 30px; width: calc(100vw - 20px); height: calc(100vh - 20px); z-index: 99; padding-left: 30px; }
  .team-member-popup-content .close { top: 5px; right: 5px; }
  .full-bio { max-height: calc(100vh - 20px - 40vh); }

}

@media only screen and (max-width: 950px) {

  .home .how-it-works .video-navigation li.selected p { display: none; }
  .team-members { grid-template-columns: 1fr 1fr; grid-gap: 50px; }

}


@media only screen and (max-width: 850px) {

  #mobile-detector { display: block; }
  body, html { scroll-behavior: initial; }

  .home { height: auto !important; position: static !important; overflow-y: scroll !important; }
  .home .home-content { height: auto !important; position: static; }

  .home .side-nav { display: none; }

  .main-nav-home .menu-top-navigation-container { display: none; }
  .main-nav-home .open { display: none; }
  .main-nav-home .demo { display: none; }

  .main-nav-subpage .menu-top-navigation-container { display: none; }
  .main-nav-subpage .open { display: none; }
  .main-nav-subpage .demo { display: none; }

  .main-nav-home { display: none; }

  .home .how-it-works { height: auto; padding: 100px 0 50px 0; text-align: left; margin-top: -100px; }
  .home .how-it-works h3 { margin-bottom: 20px; }

  .home .header { height: auto; padding: 70px 0 50px 0; display: inline-block; border: 0; text-align: left; overflow: hidden; background: none !important; z-index: 5; }
  .home .header .individual { height: 500px; left: 50%; bottom: 0; position: relative; margin-left: -150px; transform: none !important; }
  .home .header .group { top: auto; bottom: 470px; right: auto; width: 170px; left: 50%; }
  .home .header h1 { width: 100% !important; display: inline-block; font-size: 3rem; margin-bottom: 10px; margin-top: 10px; }
  .page-about h1 { font-size: 3rem; }
  .home .header h4 { width: 100% !important; max-width: none !important; }

  .video-component { display: flex; flex-direction: column; }
  .home .how-it-works .video-component h2 { display: none; }
  .home .how-it-works .left-panel { order: 2; }

  .footer { position: static !important; height: auto; overflow: hidden; text-align: center; }
  .footer .social-icon { float: none; display: inline-block; }
  .footer .social-icons { position: static; width: 100%; float: left; margin-bottom: 10px; }
  .footer .menu-footer-navigation-container ul li { float: none; display: inline-block; }
  .footer .menu-footer-navigation-container, .footer .menu-footer-navigation-container ul { width: 100%; }
  .footer .copyright { margin: 10px 0px; }

  .home .how-it-helps .cmx-content { left: 30px; right: 30px; width: calc(100vw - 60px) !important; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -120px; }
  .home .how-it-helps .services { position: relative; left: calc(-90vw - 1px); width: 80vw; height: auto; padding: 20vw 0; text-align: left; }
  .home .how-it-helps .services-visible { left: 0vw !important; }
  .home .how-it-helps { height: auto; text-align: left; display: block !important; }
  .home .how-it-helps .services ul { width: 100%; padding-right: 20px; }
  .home .how-it-helps .our-services { float: none; }
  .home .how-it-helps p { margin-bottom: 21px; }
  .home .how-it-helps .services p { margin-bottom: 0; }

  .home .how-it-helps .services-full { height: auto; position: static; width: 100vw; }
  .home .how-it-helps .services-full ul { height: 100%; }
  .home .how-it-helps .services-full ul li { display: none; background-position: center top; height: auto; width: 100vw; grid-template-columns: 1fr; grid-gap: 0px; padding: 0; }
  .home .how-it-helps .services-full ul li.service-visible { display: grid !important; }
  .home .how-it-helps .services-close { display: none !important; }
  .home .how-it-helps .services-full ul li .services-full-description { padding: 30px; position: relative; text-align: left; }
  .home .how-it-helps .services-full .mobile-header { display: block; }
  .home .how-it-helps .services .services-container { padding-left: 30px; }
  .home .view-a-service .how-it-helps-main { display: none; }
  .home .view-a-service .services { display: none; }
  .showing-full-service .services-full ul li { background: none !important; }
  .showing-full-service .services { display: none !important; }
  .showing-full-service .how-it-helps-main { display: none !important; }
  .showing-full-service .background-circles { display: none !important; }
  .service-visible { display: grid !important; }
  .showing-full-service .services-full-close { display: none !important; }
  .home .how-it-helps:not(.showing-full-service) .services-full ul li { display: none !important; }

  .home .select-use-cases { height: auto; }
  .home .select-use-cases-header { height: auto; padding-top: 60px; padding-bottom: 20px; text-align: left; }
  .home .select-use-cases .use-cases { height: 500px; }
  .home .select-use-cases .use-cases .slick-track { height: 500px; }
  .home .select-use-cases .use-cases .cmx-content { height: 400px; position: relative; width: calc(100vw - 60px); }
  .home .select-use-cases .use-cases .slide-content { position: absolute; bottom: 50px; left: 0; }
  .home .use-cases-side-nav { width: 80vw; left: calc(-80vw + 62px); height: 100%; display: none; }
  .home .use-cases-side-nav-entry { width: calc(100% - 130px) !important; height: 20vw !important; }
  .home .select-use-cases .use-cases h2 { margin-top: 100px; }
  .home .select-use-cases-header h2 { display: block; }
  .home .select-use-cases-header > .cmx-content { width: calc(100vw - 60px); }

  .home .select-use-cases .use-cases .use-case { background-position: 50% top; }

  .home .select-recognition-content { padding: 50px 0; height: auto; text-align: left; }
  .home .select-recognition { height: auto; }
  .home .recognition { height: auto; padding: 5vw 0; }

  .press-top p { font-size: 1.2rem;}

  .home .select-use-cases .use-cases .use-case-white-bar img { max-width: 40vw; }

  .home .select-recognition .press-content .press-items .graphic { height: 150px; }
  .press-content .slick-arrow { top: 75px; }
  .press-content { margin: 0; }

  .mobile-nav { display: block; }
  .home .header .logo { top: 15px; left: 30px; }

  .show-press-top .main-nav-home { display: none; }

  .home .header .cmx-content { padding-top: 30px; padding-left: 30px; padding-right: 30px; width: calc(100vw - 60px); }

  .home .how-it-works .video-navigation li p { display: block !important; }

  .mobile { display: block; }

  .sub-page .logo-cmx { margin: -23px 0px 20px 0px; }

  .solutions-titles { grid-template-columns: 1fr 1fr; }
  .solutions-lists { grid-template-columns: 1fr 1fr; }

  .home .how-it-helps .services h2 { margin-bottom: 30px; }

  .press-top .press-top-entry { width: 100%; border: 0; }
  .home .how-it-works .video-container { width: 100%; margin-left: 0; }
  .home .how-it-works .left-panel { position: static; width: 100% !important; text-align: left; }


  .audience-solutions .solutions-titles { display: none; }
  .audience-solutions .solution-grid { grid-template-columns: 1fr; }
  .audience-solutions .mobile-titles h3 { margin-top: 0; }
  .audience-solutions .mobile-titles { display: block; }
  .audience-solutions .solution-content { padding: 0; }
  .audience-solutions .solutions-list { order: 2; border-radius: 0 !important}


  .product-single .solutions-titles { display: none; }
  .product-single .solution-grid { grid-template-columns: 1fr; }
  .product-single .mobile-titles h3 { margin-top: 0; }
  .product-single .mobile-titles { display: block; }
  .product-single .solution-content { padding: 0; }
  .product-single .solutions-list { order: 2; border-radius: 0 !important}
  .product-single .product-content-text { padding: 20px 0px 20px 0px; }

  .product-text-over-graphic-mobile { display: block; }
  .product-text-over-graphic-desktop { display: none; }
  .product-content { height: 300px; box-sizing: border-box; }

  .all-press-items { grid-template-columns: 1fr; grid-gap: 20px; }
  .all-press-items .graphic { height: 45vw; }
  .all-press-items h4 { margin-top: 10px; }

  .testimonial-author-photo { position: static; float: none; margin-bottom: 20px; }
  .testimonial { padding-left: 0; }
  .product-testimonial { padding: 0; }

  .page_content { padding: 0px 0px 50px 0px; }

  .product-content { margin-top: 20px; }

  .press-graphic-single { width: 100%; }

  .solutions-main { padding-bottom: 100px; }

  .about-intro { grid-template-columns: 1fr; grid-gap: 0vw; }
  .about-intro > div { padding: 30px 0; }
  .about-intro > div:first-child { border-bottom: 1px solid rgba(0,0,0,0.1); }

  .about-graphic { height: 40vw; }

  .use-cases-graphic-single { width: 100%; height: 300px; }

  .product-single { margin-bottom: 3px; }

  .how-it-helps-main { width: 90vw !important; }

  .home .select-recognition .more { float: none; display: inline-block; }

  .use-cases .slick-prev { right: 60px; }
  .use-cases .slick-next { right: 20px; }


  .home .how-it-helps .services .arrow-top-border { display: none; }
  .home .how-it-helps .services .arrow-bottom-border { display: none; }
  .home .how-it-helps .services .arrow { display: none; }
  .home .how-it-helps .service-full-arrow { display: none; }
  .home .how-it-helps .services { border-right: 1px solid #FFF; }

  .pagination_btns { text-align: center; }

  .press-content .slick-arrow { width: 30px; height: 30px; }
  .press-content .slick-next { right: 0px; }
  .press-content .slick-prev { left: 0px; }

  .footer .cmx-content { display: flex; flex-direction: column; }
  .footer .menu-footer-navigation-container { order: 2; }
  .footer .copyright { order: 3; }
  .footer .social-icons { order: 1; margin-top: 30px; }
  .footer .menu-footer-navigation-container ul { margin-top: 0; }

  .home .how-it-helps .background-circles img { width: 230vw; left: -70vw; }
  .home .how-it-helps .background-circles { top: auto; bottom: -78vh; }

  .use-cases .slick-arrow { top: -67px; }

  .cmx-content { width: calc(100vw - 60px); }

  .press-content .cmx-content { width: 100vw !important; }
  .press-content .cmx-content h2 { padding-left: 30px; }
  .press-content .cmx-content .more { margin-left: 30px; }

  .home .select-recognition .press-item { padding: 0 30px; }

  .mobile-nav-opened .logo-cmx-mobile-nav { left: 30px; }
  .menu-mobile-navigation-container ul li { padding: 20px 30px; }
  .mobile-nav .demo { margin-left: 30px; }
  .about-alt-two .about-content { padding: 30px 0px 0px 0px; }
  .home .how-it-helps .our-services { font-size: 2rem; }

  .whitepapers-graphic-single { width: 100%; }
  .whitepapers-float-container { width: 100%; }
}


@media only screen and (max-width: 600px) {
  .team-member-popup-content .photo { height: 30vh; }
  .full-bio { max-height: calc(100vh - 30vh - 100px); }
}


@media only screen and (max-width: 600px) {

  .press-top .press-top-entry { width: 100%; border: 0; }

  .home .select-use-cases .use-cases { height: 500px; }
  .home .select-use-cases .use-cases .slick-track { height: 500px; }
  .home .select-use-cases .use-cases .cmx-content { height: 400px; }
  .home .select-use-cases .use-cases h2 { font-size: 2.4rem; padding-right: 20vw; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); }

  .home .select-use-cases-header { padding-top: 40px; }

  .home .select-recognition .press-content .press-items .graphic { height: 200px; }
  .press-content .slick-arrow { top: 100px; }

  .solutions-titles { display: none; }
  .solutions-lists { grid-template-columns: 1fr; }
  .solutions-list:first-child { border: 0; }
  .solutions-list { padding-left: 0 !important; margin-bottom: 30px; }
  .solutions-main { padding-top: 10px; }

  .solutions-main .mobile-titles { display: block; }

  .solutions-background-circles { bottom: -90vh; }
  .solutions-main .mobile-titles h3 { margin-top: 0; }

  .product-content { height: 200px; }

  .press-graphic-single { height: 200px; }

  .team-members { grid-template-columns: 1fr; }
  .team-member .photo { height: 400px; }

  .whitepapers-graphic-single { height: 200px; }

}

@media only screen and (max-width: 520px) {

  .footer .menu-footer-navigation-container ul li { width: 100%; margin: 5px 0px; }
  .home .header h1 { font-size: 2.6rem; }
  .page-about h1 { font-size: 2.6rem; }
  .team-member .photo { height: 350px; }

}

@media only screen and (max-width: 470px) {
  .use-cases .slick-arrow { top: -65px; }
  .team-member .photo { height: 300px; }
}

@media only screen and (max-width: 400px) {
  .home .select-recognition .press-content .press-items .graphic { height: 150px; }
  .team-member .photo { height: 250px; }
}