body, html {
  min-height:100%;
  height:100%;  /* if not working try vh instead of % */
}
#ewd-landing-page .page-title  {
  line-height: 22px;
  vertical-align: bottom;
  opacity: 1;
}
#landing-alert {
  height: 30px;
  width: 100%;
  background:#5bce6e;
  text-align: center;
  display: block;
  position: relative;
  z-index: 101;
}
#landing-alert .page-title {
  font-size: 12px;
  line-height: 31px;
  color:rgba(0,0,0,.5);
}
#landing-alert .page-title a {
  color: #313C5F;
}
#landing-alert .dc-coin-badge {
  display: inline-block;
  background-color:rgba(255,255,255,.7);
  margin:0 4px -4px 4px;
}
#header.external-header .content {
  background: #fff;
  position: relative;
  display: inline-block;
}
#header.external-header.no-bg-header .content {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#header.external-header  {
  position: relative;
  border-color: #E8EBF2;
}
#header.external-header .notif-status {
  color: #8f96ab;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 1;
  font-size: 12px;
  line-height: 22px;
  margin-left:40px;
  font-weight: 400;
  float: left;
}
#header.external-header .title-container {
  width: 0;
}
#ewd-landing-page .logo {
  background: url('../../img/logo-dark.png') no-repeat;
	height: 22px;
  width: 30px;
  background-size: 46px 22px;
  display: inline-block;
  float: left;
  opacity: 1;
}
#ewd-landing-page .spectrometer-callout {
  display: block;
  background: #1e2433;
  z-index: 101;
  width: 100%;
  position: relative;
  margin-top:-10px;
  text-align: center;
}
#ewd-landing-page .spectrometer-callout  {
  height: 100px;
  padding: 30px 200px;
  width: 100%;
  display: block;
}
/*
#ewd-landing-page .spectrometer-callout span {
  position: relative;
  z-index: 101;
  color:#8e95a9;
  font-size: 24px;
  font-weight: 300;
}
*/
.small-wave {
  background: url('../../img/small-wave.png') no-repeat;
  height:30px;
  width: 90px;
  background-size:90px 30px;
  display: block;
  position: absolute;
  z-index: 100;
  margin: 0px auto 0px;
}
#ewd-landing-page .spectrometer-callout .small-wave {
  position: absolute;
  margin: 0;
  top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0px auto;
    z-index: 100;
}
#ewd-landing-page .spectrometer-menu .logo {
  background: url('../../img/logo-hover.png') no-repeat;
  height: 19px;
  width: 24px;
  background-size: 33px 16px;
  display: block;
  float: left;
  opacity: .7;
  margin: 10px 8px;
}
.spectrometer-logo span {

}
.spectrometer-menu .dc-logo-badge {
  height: 36px;
  width: 36px;
  border-radius: 6px;
  vertical-align: bottom;
  display: inline-block;
  background: #1e2433;
  margin-right: 4px;
  margin-top:0px;
}
#ewd-landing-page .logo-container:hover .logo {
  opacity: 1;
}
#ewd-landing-page .powered-by {
  color:#8f96ab;
  transform: translateX(0%);
}
#ewd-landing-page .dc-mark {
  color:rgba(49, 60, 95, 1);
  transform: translateX(0%);
}
#ewd-landing-page .logo-container:hover .powered-by, .logo-container .active .powered-by {
  color:rgba(49, 60, 95, .7);
}
#ewd-landing-page .logo-container:hover .dc-mark, .logo-container .active .dc-mark {
  color:rgba(49, 60, 95, 1);
}
.pub-profile-header .logo-container span {
  margin-left: 0;
  color:#8e95a9;
}
.full-footer .logo-container {
  width: 100%;
  margin-bottom: 10px;
}
#ewd-landing-page .full-footer .logo {
    background: url(../../img/logo-dark.png) no-repeat;
    height: 22px;
    width: 30px;
    background-size: 46px 22px;
}
.notif-window {
  float: left;
  margin-top:0px;
  margin-right: 0px;
}
.login-link {
  float: right;
  margin:1px 0 0 0px;
  position: relative;
}
#header.external-header .notif-status.login-link {
  margin-left: 1px;
  padding-left: 0;
}
.login-link:hover .login-btn-icon {
  background-color:#C3C7D6;
}
.login-btn-icon {
  background: url('../../img/login-btn-icon.png') no-repeat;
  height: 20px;
  width: 20px;
  background-size: 19px 19px;
  border-radius: 50%;
}
.dark-header .login-link span {
}
.dark-login-btn-icon {
  background: url('../../img/dark-login-btn-icon.png') no-repeat;
  height: 16px;
  width: 16px;
  background-size: 16px 16px;
  border-radius: 50%;
  display: inline-block;
  margin:0px 0 4px 4px;
  vertical-align: bottom;
}
.dark-header .login-link:hover .login-btn-icon {
  background-color: #374265;
}
.menu {
  float: right;
}
.menu-btn-icon-container {
  background: #E8EBF2;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  float: right;
  margin-top:-2px;
}
.menu-btn-icon {
  background: url('../../img/menu-icon-alt-dark.png') no-repeat;
  height: 25px;
  width: 25px;
  background-size: 25px 25px;
  opacity: 1;
}
.notif-circle.inactive {
  background: #e8ebf2;
}
.notif-status {
  color:#bcc4da;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 1;
  font-size: 12px;
  line-height: 26px;
  float: left;
}
#header.external-header .notif-status:hover {
  color:#000;
}
.notif-status-container .dc-coin-unverified-badge {
  background-size: 20px 20px;
  height:20px;
  width: 20px;
  margin: 0;
  background-color: none;
}
.notif-status-container.active  .inner-profile-button {
  background: #e8ebf2;
  -webkit-animation: shimmers 5s ease-in-out 2s infinite alternate;
  -moz-animation: shimmers 5s ease-in-out 2s infinite alternate;
  animation: shimmers 5s ease-in-out 2s infinite alternate;
}
@-webkit-keyframes shimmer {
  0%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(0px, 0px);
  }
  100%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
}
.notif-status-container .user-avi-container {
  display: inline-block;
  float: right;
  border-radius: 50%;
  background:none;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  margin:0 0 0 10px;
}
.notif-status-container .user-avi-container i {
  margin: 0;
}
.notif-status-container .user-avi-container span {
  float: right;
}
.notif-status-container .user-avi-container.active .dc-coin-unverified-badge {
}
.notif-status.active {
  color:#1e2433;
}
.menu a.notif-status:hover {
  color:#1e2433;
}
.notif-avi {
  background: url('../../img/notif-avi.png') no-repeat;
  background-size:25px 25px;
  height:25px;
  width:25px;
}
.lock-icon {
  background: url('../../img/login-icon.png') no-repeat;
  background-size:14px 20px;
  height:20px;
  width:14px;
}
#ewd-landing-page .menu {
  margin-top:-1px;
  position: relative;
  width: auto;
}
.notif-circle-container {
  position: relative;
  z-index: 1;
  display: inline-block;
  float: right;
  margin-right: 24px;
}
.notif-circle {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  position: absolute;
  z-index: 1;
  margin-left:0px;
  text-align: center;
}
.dropdown:hover .notif-circle {
  border-bottom: none !important;
}
.notif-circle span {
  font-size: 16px;
  line-height: 20px;
  vertical-align: top;
  color: #293248;
  font-family: 'Space Mono', monospace;
}
.notif-circle.active {
  background: -o-linear-gradient(45deg,#64E3C6,#5478E2);
  background: -moz-linear-gradient(45deg,#64E3C6,#5478E2);
  background: -webkit-linear-gradient(90deg,#64E3C6,#5478E2);
  background: linear-gradient(90deg,#64E3C6,#5478E2);
}
}
.dropdown:hover .notif-circle.active {
  background:#62d5ca;
}
.notif-circle .notif-close {
  color:rgba(255, 255, 255, 0);
  font-size: 20px;
  line-height: 18px;
  display: none;
}
.dropdown:hover .notif-circle.active .notif-number {
  color:rgba(255, 255, 255, 0);
  display: none;
}
.dropdown:hover .notif-circle .notif-close {
  color:rgba(255, 255, 255, .5);
  display: block;
}
.dropdown {
  position: relative;
  height: 26px;
  padding: 1px 4px;
  width: auto;
  text-align: right;
  cursor: pointer;
  display: block;
  border-radius: 4px;
  margin-left: 40px;
  margin-top: -2px;
}
.dropdown-menu {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 2;
  top:145%;
  right:-4px;
  width:300px;
  height: auto;
  padding: 0px 0px 0;
  border-radius: 0 0 6px 6px !important;
  background:#fff;
  border-radius:0 0 4px 4px;
  z-index: -1;
}
.dropdown:hover .dropdown-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  top:145%;
}
.dropdown .dropdown-menu {
  visibility:hidden; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  top:145%;
  border:6px solid #374266;
  border-top: none;
}
.dropdown:hover  .notif-status {
  position: relative;
  z-index: 1;
}
.notif-dropdown-content a:hover {
  color: #fff;
}
.notif-dropdown-content h5 {
  color:#313C5F;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
.notif-dropdown-content .notif-circle {
  height: 40px;
  width: 40px;
  margin: 0 auto;
  position: relative;
}
.notif-dropdown-content .notif-avi {
  background-size:40px 40px;
  height: 40px;
  width: 40px;
}
.notif-title {
  display: block;
  width: 100%;
  text-align: left;
}
.notif-dropdown-content .landing-button.profile-button {
  float: none;
}
.active-request-number {
    position: absolute;
    opacity: 0;
}
.notif-status-container:hover .active-request-number {
  opacity: 1;
}
.notif-dropdown-title {
  height: 30px;
  display: block;
  width: 100%;
  background: #eee;
}
.notif-dropdown-header {
  background: #283145;
  text-align: center;
}
.notif-dropdown-header ul li {
  display: inline-block;
  width: 50%;
  height: 62px;
  margin: 0;
  background: #293248;
  border-radius: 0;
  float: left;
  border-right: 1px solid rgba(85, 119, 188, .2);
  border-top: 1px solid rgba(85, 119, 188, .2);
}
.notif-dropdown-header .dc-coin-badge {
  background-color: #e8ebf2;
  margin: 0 auto;
}
.notif-dropdown-header a {
  float: right;
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 12px;
  text-transform: uppercase;
  color:#8e95a9;
}
.notif-dropdown-header a:hover {
  color:#313C5F;
}
.notif-dropdown-body {
  padding-bottom:0px;
  background: #e8ebf2;
}
.notif-dropdown-content .landing-button {
  margin:16px auto 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition:none;
  -o-transition: none;
  transition:none;
}
.notif-dropdown-body ul li {
  display: block;
  width:100%;
  margin:0px auto;
  background: #fff;
  text-align: left;
  padding:12px 14px 8px;
  border-radius: 0px;
  border-bottom:1px dashed rgba(41, 50, 72, 0.2);
}
.token-page .notif-dropdown-body ul li {
  display: inline-block;
  width: 100%;
}
.notif-dropdown-content ul li span {
  display: inline-block;
  color: #313C5F;
  text-transform: uppercase;
  vertical-align: top;
  letter-spacing: 1;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  padding: 2px 6px;
}
.notif-dropdown-body ul li:nth-child(3) {
  border-bottom:1px solid rgba(41, 50, 72, 0.2);
}
.notif-dropdown-content ul li.offer-summary {
  background:#e8ebf2;
  border:none;
  height: 34px;
  padding: 9px 0 0;
  text-align: center;
}
.notif-dropdown-content ul li.offer-primary-btn {
  text-align: center;
  padding:3px 0 0;
  border-bottom:none;
  border-radius: 0;
  background: #1f2534;
  border:1px solid rgba(41, 50, 72, 0.2);
  border-top: none;
}
.notif-dropdown-content ul li.offer-primary-btn:hover {
  background: #283145;
}
.notif-dropdown-content ul li.offer-primary-btn span {
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 2px;
  color:#fff;
}
.notif-dropdown-content ul li.inactive .exchange-item {
  opacity: .5;
}
.notif-dropdown-content ul li .pdt-badge {
  background: #e8ebf2;
  float: right;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 2px;
  border-radius: 40px;
}
.dropdown .profile-button  {
  float: right;
  width: 48px;
  margin-left: 6px;
}
.dropdown .profile-button .inner-profile-button {
  border-radius: 50px;
  height: 20px;
  width: 40px;
  display: inline-block;
  float: left;
  margin-right: 3px;
  padding: 1px;
}
.dropdown .profile-button.sample-button .inner-profile-button {
  height:18px;
  width: 54px;
  background-color: #eee;
}
.dropdown .profile-button.base-sample-button {
  width:54px;
  background-color:none;
}
.dropdown .sample-button .dc-coin-unverified-badge {
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
}
.dropdown .profile-button.base-sample-button .inner-profile-button{
  width: 50px;
}
.dropdown .profile-button span {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  display: inline-block;
  float: right;
  padding: 0;
  font-weight: 600;
  padding-right: 2px;
  transition: .3s ease-in-out;
  vertical-align: top;
}
.survey-sample-button:hover .inner-profile-button span {
  color:#E06B7C;
}
.social-sample-button:hover .inner-profile-button span {
  color:#57ABD6;
}
.financial-sample-button:hover .inner-profile-button span {
  color:#5BC8CE;
}
.dropdown .pdt-badge span {
  font-size: 10px;
  font-weight: 800;
  line-height: 18px;
  color: #313C5F;
  padding: 0;
}
.notif-dropdown-content ul .notif-offer h3 {
  display: block;
  color: #313C5F;
  font-size: 34px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
#ewd-landing-page .notif-dropdown-content .data-icon {
  display:inline-block;
  background: url('../../img/data-icons-bright.png') no-repeat;
  height: 34px;
  background-size: 226px 34px;
  opacity: 1;
  margin:0 auto;
}
.notif-status-container {
  display: block;
}
.notif-status-container .dc-coin-unverified-badge {
  float: right;
  margin:2px 0 0 6px;
}
.notif-status-container.active .notif-status.inactive {
  display: none;
}
#header.external-header .notif-status.active {
  color:#242D41;
}
.dark-header .notif-status.active {
  color:#E8EBF2;
}
#ewd-landing-page  .notif-dropdown-content .shopping-icon {
  background-position: -5px 0;
  width: 34px;
}
#ewd-landing-page .notif-dropdown-content .social-icon {
  background-position: -45px 0;
  width: 29px;
}
#ewd-landing-page .notif-dropdown-content .search-icon {
  background-position: -84px 0;
  width: 30px;
}
#ewd-landing-page .notif-dropdown-content .health-icon {
  background-position: -118px 0;
  width: 37px;
}
#ewd-landing-page .notif-dropdown-content .device-icon {
  background-position: -161px 0;
  width: 30px;
}
#ewd-landing-page .notif-dropdown-content .survey-icon {
  background-position: -196px 0;
  width: 26px;
}
#ewd-landing .hero {
  min-height: 660px;
  padding:80px 70px 140px;
  position: relative;
  z-index: 2;
  background-image: url('../../img/wave-bg-light.png') repeat;
  background: -webkit-linear-gradient(#fff, #e8ebf2);
  background: -o-linear-gradient(#fff , #e8ebf2);
  background: -moz-linear-gradient(#fff, #e8ebf2);
  background-image: url(../../img/wave-bg-light.png), linear-gradient(#fff, #fff, #e8ebf2 );
  background-repeat: repeat top left;
}
#ewd-landing .hero .content {
  width: 800px;
  display: inline-block;
  padding-top:10px;
  position: relative;
  z-index: 101;
}
#ewd-landing .hero h1 {
  color: #313C5F;
  font-size: 100px;
  line-height: 112px;
  margin-left: -3px;
  margin-bottom: 30px;
  position: relative;
  z-index: 101;
}
#ewd-landing .hero .secondary-button {
  margin-left: 20px;
}
#ewd-landing p {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 40px;
  color: #313C5F;
  font-family: 'Roboto', sans-serif;
}
#ewd-landing .spectrum-column p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
}
.hero-img-container {
  height: 1000px;
  width: 1000px;
  position: absolute;
  float: right;
  display: inline-block;
  right:-410px;
  top:0px;
  z-index: 2;
}
.hero-img-containe-inner {
  position: relative;
}
.hero-img {
  background: url('../../img/data-avi.svg') no-repeat;
  background-size:691px 658px;
  position: absolute;
  display: none;
  height:658px;
  width:691px;
  top: 60%;
  left: 50%;
      transform: translate(-48%, 15%) rotate(28deg);
  margin: 0 auto;
}
.user-orbit {
  border-radius: 50%;
  border:1px dashed #C2C5D0;
  position: absolute;
  margin: 0 auto;
  -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:orbit;
}
@-webkit-keyframes orbit {
from { -webkit-transform:rotate(0deg) }
to { -webkit-transform:rotate(360deg) }
}
.main-coin-breakdown .orbit-inner {
  position: relative;
  display: block;
  transform: rotate(-90deg);
}
.orbit-8 {
  height: 790px;
  width: 790px;
  top:0;
  left:0;
  -webkit-animation-duration:700s;
}
.orbit-7 {
  height: 720px;
  width: 720px;
  left:36px;
  top:36px;
  -webkit-animation-duration:600s;
  -webkit-animation-direction:reverse;
}
.orbit-6 {
  height: 660px;
  width: 660px;
  top:70px;
  left:70px;
  -webkit-animation-duration:300s;
}
.orbit-5 {
  height: 580px;
  width: 580px;
  top:110px;
  left:110px;
  -webkit-animation-duration:250s;
  -webkit-animation-direction:reverse;
}
.orbit-4 {
  height: 510px;
  width: 510px;
  top:146px;
  left:151px;
  -webkit-animation-duration:200s;

}
.orbit-3 {
  height: 440px;
  width: 440px;
  top:182px;
  left:185px;
  -webkit-animation-duration:150s;
  -webkit-animation-direction:reverse;
}
.orbit-2 {
  height: 370px;
  width: 370px;
  top:218px;
  left:221px;
  -webkit-animation-duration:125s;
}
.orbit-1 {
  height: 300px;
  width:300px;
  top:254px;
  left:254px;
  -webkit-animation-duration:100s;
  -webkit-animation-direction:reverse;
}
.orbit-0 {
  height: 230px;
  width:230px;
  top:290px;
  left:290px;
  -webkit-animation-duration:75s;
}
.orbit-n1 {
  height: 160px;
  width:160px;
  top:326px;
  left:326px;
  -webkit-animation-duration:50s;
  -webkit-animation-direction:reverse;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-6 {
  display: none;
}
.orbit-n2 {
  height: 160px;
  width:160px;
  top:326px;
  left:326px;
  -webkit-animation-duration:none;
  border:none;
  background: none;
}
.orbit-avi {
  background: url('../../img/orbit-avi.png') no-repeat;
  background-size:160px 160px;
  height: 160px;
  width: 160px;
  margin:0 auto;
}
.account-port {
  position: relative;
  color: #fff;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  line-height: 29px;
  font-size: 16px;
  text-align: center;
  z-index:101;
}
.account-port.fb-port {
  background-color: #5F74DD;
  left: 2px;
  top: 150px;
  -webkit-animation: orbit 200s linear infinite 0s reverse;
  -moz-animation: orbit 200s linear infinite 0s reverse;
  animation:orbit 200s linear infinite 0s reverse;
}
.account-port.twtr-port {
  background:#57A3D9;
  left: 0px;
  top:400px;
  -webkit-animation: orbit 300s linear infinite 0s reverse;
  -moz-animation: orbit 300s linear infinite 0s reverse;
  animation:orbit 300s linear infinite 0s reverse;
}
.account-port.shopping-port {
  background: #5BC8CE;
  top:190px;
  left:172px;
  -webkit-animation: orbit 75s linear infinite 0s reverse;
  -moz-animation: orbit 75s linear infinite 0s reverse;
  animation:orbit 75s linear infinite 0s reverse;
}
.account-port.shopping-port i  {
  margin-left: -1px;
}
.account-port.chrome-port {
  background:  #548CDF;
  top:198px;
  -webkit-animation: orbit 100s linear infinite 0s;
  -moz-animation: orbit 100s linear infinite 0s;
  animation:orbit 100s linear infinite 0s;
}
.account-port.linkedin-port {
  background: #FF6867;
  left: 100px;
  top: 44px;
  -webkit-animation: orbit 250s linear infinite 0s;
  -moz-animation: orbit 250s linear infinite 0s;
  animation:orbit 250s linear infinite 0s;
}
.account-port.location-port {
  background: #8C71BC;
  top: 340px;
  left: 34px;
  -webkit-animation: orbit 150s linear infinite 0s;
  -moz-animation: orbit 150s linear infinite 0s;
  animation:orbit 150s linear infinite 0s;
}
.account-port.heart-port {
  background: #ff9167;
  top: -15px;
  left: 182px;
  -webkit-animation: orbit 125s linear infinite 0s reverse;
  -moz-animation: orbit 125s linear infinite 0s reverse;
  animation:orbit 125s linear infinite 0s reverse;
}
.data-bill {
  display: none;
  height: 80px;
  width: 119px;
  border-radius: 4px;
  border: 1px solid #28A499;
  border-top: none;
  box-shadow: 0 7px 0px #28A499;
  background: #64E3C6;
  background-repeat: repeat top left;
  position: absolute;
  transform: rotateX(78deg);
  overflow: hidden;
}
.bill-three {
  top: 186px;
  right: 119px;
}
.bill-two {
  top: 188px;
  right: 119px;
}
.bill-one {
  top: 190px;
  right: 119px;
}
.data-bill-circle {
  height: 54px;
  width: 26px;
  background:#28A499;
  margin: 6px auto 0;
  border-radius: 50%;
  font-size: 28px;
  color:#64E3C6;
  text-align: center;
  line-height: 22px;
}
.data-bill-line {
  position: absolute;
  height:8px;
  width: 25px;
  border-radius: 20px;
  background: #28A499;
  top:30px;
}
.data-bill-circle-small {
  position: absolute;
  background: #28A499;
}
.data-bill-circle-small.top-l {
  height: 9px;
  width: 9px;
  border-top: 0;
  border-left: 0;
  top: 0;
  border-radius: 0 0 40px 0;
}
.data-bill-line.right {
  right:8px;
}
.data-bill-line.left {
  left:8px;
}
.data-bill-circle-small {
  height: 10px;
  width: 10px;
  border:3px solid #28A499;
}
@-webkit-keyframes fadeIn {
  from { opacity:0;}
  to { opacity:1;}
}
@-moz-keyframes fadeIn {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes fadeIn {
  from { opacity:0;}
  to { opacity:1;}
}

.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	 -webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:.3s;
	-moz-animation-duration:.3s;
	animation-duration:.3s;
}

.fade-in.bill-one {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}

.fade-in.bill-two {
-webkit-animation-delay: 2s;
-moz-animation-delay:2s;
animation-delay: 2s;
}

.fade-in.bill-three {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}
.account-button.landing-button {
  background:#374265;
  width: 160px;
  margin:0 10px;
}
.account-button.landing-button:hover {
  background:#364167;
}
.account-button.landing-button.learn-more-button {
  background: #E8EBF2;
  margin-left: 0px;
}
.account-button.landing-button.learn-more-button:hover {
  background: #d9dbe3;
}
.account-button.landing-button.learn-more-button span {
  color:#313C5F;
}
.account-button.landing-button span {
  color:# fffµ;
}

#ewd-landing .long-wave-bg {
  background: url('../../img/long-wave.png') no-repeat;
  background-size:200px 41px;
  height: 41px;
  width: 200px;
  margin:0 auto;
}
#ewd-landing .dollar-billz {
  position: absolute;
  right:0;
  top:-80px;
  background-image: url(../../img/wave-bg-green.png) repeat;
  background: -webkit-linear-gradient(#52ada3, #52ada3);
  background: -o-linear-gradient(#52ada3 , #52ada3);
  background: -moz-linear-gradient(#52ada3, #52ada3);
  background-image: url(../../img/wave-bg-green.png), linear-gradient(#52ada3, #52ada3);
  background-repeat: repeat top left;
  border:6px solid #64E3C6;
  width: 360px;
  border-radius: 6px;
  height: 165px;
  margin: 100px auto 0 auto;
  transform: rotateX(60deg) rotateY(0deg) rotateZ(46deg);
}
#ewd-landing .dollar-billz:nth-child(2) {
  z-index: 101;
}
#ewd-landing .dollar-billz:nth-child(3) {
  margin-top:110px;
  z-index: 100;
}
#ewd-landing .dollar-billz:nth-child(4) {
  margin-top:120px;
  z-index: 99;
}
#ewd-landing .dollar-billz:nth-child(5) {
  margin-top:130px;
  z-index: 98;
}
#ewd-landing .dollar-billz:nth-child(6) {
  margin-top:140px;
  z-index: 97;
}
#ewd-landing #portrait-circle {
  height: 144px;
  width: 120px;
  vertical-align: top;
  background:rgba(100, 227, 198, 0.4);
  border-radius: 50%;
  margin-left: 105px;
  border:6px solid #50A59E;
  margin-top: 4px;
  text-align: center;
}
#ewd-landing #portrait-circle h1 {
  color:rgba(255, 255, 255, 1);
  font-size: 100px;
  line-height: 125px;
}
#ewd-landing .data-grid {
  transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
  position: absolute;
  top:0;
  right: 0;
  z-index: 90;
}
#ewd-landing .data-row {
  height: 600px;
  position: absolute;
  top:600px;
  width: 50px;
  border-left: 3px solid rgba(255, 255, 255, 0.05);
}
#ewd-landing .data-row:nth-child(1) {
  right:-70px;
  height: 1200px;
  border:none;
}
#ewd-landing .data-row:nth-child(2) {
  right:-120px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(3) {
  right:-170px;
  height:1200px;
}
#ewd-landing .data-row:nth-child(4) {
  right:-220px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(5) {
  right:-270px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(6) {
  right:-320px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(7) {
  right:-370px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(8) {
  right:-420px;
  height: 1200px;
}
#ewd-landing .data-row:nth-child(9) {
  right:-470px;
  height: 1200px;
}
.serial-mark {
  height: 10px;
  width: 80px;
  border-radius: 20px;
  border-right:none;
  position: absolute;
  background: rgba(100, 227, 198, 0.4);
}
.serial-mark.left  {
  top:15px;
  left: 15px;
}
.serial-mark.right {
  bottom:15px;
  right: 15px;
}
.watermark {
  text-align: center;
  height: 35px;
  width: 35px;
  background: none;
  position: absolute;
}
.watermark.left  {
  border-radius: 0 50% 0 0;
  bottom:10px;
  left:6px;
}
.watermark.right  {
  border-radius: 0 0 0 50%;
  top:10px;
  right:6px;
}
.watermark span {
  line-height:35px;
  font-size: 40px;
  font-weight: 300;
  color:rgba(100, 227, 198, 0.4);
}
#press {
  height: 100px;
  background:#fff;
  border-top: 1px solid rgba(41, 50, 72, 0.1);
  border-bottom: 1px solid #E8EBF2;
  position: relative;
  z-index: 3;
}
#press .content {
  padding:28px 32px;
}
.press-logos {
  width: 100%;
	margin: 0 auto;
}
.press-logos li {
  width: 14.0%;
	display: inline-block;
  float: left;
}
.press-logos li  {
  opacity: .7;
}
.press-logo {
  background: url('../../img/press-logo.png') no-repeat;
  background-size:651px 45px;
  height: 45px;
  margin:0 auto;
}
.cnbc {
  background-position: -384px 0;
  width: 49px;
}
.mit {
  background-position: 0px 0;
  width: 74px;
}
.forbes {
  background-position: -437px 0;
  width: 91px;
}
.guardian {
  background-position: -185px 0;
  width: 103px;
}
.atlantic {
  background-position: -78px 0;
  width: 103px;
}
.time {
  background-position: -291px 0;
  width: 89px;
}
.badcredit {
  background-position: -533px 0;
  width: 114px;
}
.overview {
  background-image: url('../../img/wave-bg-light.png') repeat;
  background: -webkit-linear-gradient(#e8ebf2, #e8ebf2);
  background: -o-linear-gradient(#e8ebf2 , #e8ebf2);
  background: -moz-linear-gradient(#e8ebf2, #e8ebf2);
  background-image: url(../../img/wave-bg-light.png), linear-gradient(#e8ebf2, #e8ebf2 );
  background-repeat: repeat top left;
  position: relative;
  z-index: 91;
  text-align: center;
}
.overview.info-section {
  background: #fff;
  position: relative;
  display: block;
}
.overview .content {
  padding:40px 70px 90px;
}
.overview.info-section {
}
.profit-demo-container {
  display: inline-block;
  float: left;
  width:50%;
}
.profit-demo-container .bottom-token-frame {
  margin:100px 120px;
}
.capture-placeholder {
  background:url('../../img/capture-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.control-placeholder {
  background:url('../../img/control-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.profit-placeholder {
  background:url('../../img/profit-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.opt-in-placeholder {
  background:url('../../img/opt-in-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.first-party-placeholder {
  background:url('../../img/first-party-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.full-spectrum-placeholder {
  background:url('../../img/full-spectrum-placeholder.png') no-repeat;
  background-size:172px 172px;
  height:172px;
  width:172px;
  margin:0 auto;
}
.avi-placeholder {
  background:url('../../img/orbit-avi-2.png') no-repeat;
  background-size:210px 210px;
  height:210px;
  width:210px;
  margin:-28px auto 0;
}
.avi-placeholder-2 {
  background:url('../../img/orbit-avi-3.png') no-repeat;
  background-size:228px 228px;
  height:228px;
  width:228px;
  margin:0 auto;
  margin-top:0px;
  position: relative;
  z-index: 2;
}
.avi-placeholder-7 {
  background:url('../../img/orbit-avi-7.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  margin-top:0px;
  position: absolute;
  z-index: 0;
  opacity: 0;
}
.avi-placeholder-5 {
  background:url('../../img/avi-placeholder-5.png') no-repeat;
  background-size:150px 150px;
  height:150px;
  width:150px;
  margin:0 auto;
  margin-top:-5px;
  position: relative;
  z-index: 0;
}
.avi-placeholder-6 {
  background:url('../../img/avi-placeholder-6.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:5px auto 0px;
  position: relative;
  z-index: 0;
}
.simple-token-badge {
  background:url('../../img/simple-token-badge.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:5px auto 0px;
  position: relative;
}
.avi-placeholder-4 {
  background: url(../../img/avi-placeholder-4.png) no-repeat;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.small-avi-container {
  position: relative;
  height: 160px;
  background: #e8ebf2;
}
.small-avi-container ul li {
  display: inline-block;
  width:50%;
  height: 54px;
  margin: 0;
  border-radius: 0;
  float: left;
  border-left: 1px solid rgba(85, 119, 188, .1);
  border-bottom: 1px solid #1f2534;
  border-right: 1px solid #1f2534;
  padding: 4px 18px;
}
.small-avi-container ul li .element-symbol {
  font-size: 14px;
  color:#bcc4da;
  line-height: 12px;
}
.small-avi-container ul li .element-name {
  font-size: 10px;
  line-height: 0px;
  color:#8f96ab;
}
.small-avi-container ul li .element-name i {
  margin: 0 4px 0 0;
}
.social-content .element-name i.active {
  color:#57ABD6;
}
.shopping-content .element-name i.active {
  color:#5BC8CE;
}
.survey-content .element-name i.active {
  color:#E06B7C;
}
.small-avi-container ul li:hover .element-name {
  color:#8f96ab;
}
.small-avi-container ul li.active .element-name {
  color:#bcc4da;
}
.small-avi-container ul li:hover {
  background: #1f2534;
}
.small-avi-container ul li.active {
}
.small-avi-container ul li:nth-child(even) {
  border-right: none;
}
.small-avi-container ul li:nth-child(odd) {
  text-align: left;
}
.small-avi-container ul li:nth-child(even) {
  text-align: right;
}
.notif-footer {
  background:#313C5F;
  border-radius: 0 0 4px 4px;
  padding: 10px;
  display: block;
  color:#fff;
  font-family: 'Space Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  text-align: center;
}
.notif-footer:hover {
   background:#242D41;
}
.dismiss-offer-btn {
  font-size: 12px;
  text-transform: uppercase;
  color: #8f96ab;
  padding-top: 10px;
  position: relative;
  display: block;
}
.spectrum-slice {
  position: absolute;
}
.spectrum-slice.inactive {
  display: none;
}
.spectrum-slice.moderate-strong-signal {
  display: block;
  opacity: 1;
}
.spectrum-slice.strong-signal {
  display: block;
  opacity: .8;
}
.spectrum-slice.moderate-weak-signal {
  display: block;
  opacity: 0;
}
.spectrum-slice.weak-signal {
  display: block;
  opacity: 0;
}
.spectrum-slice.very-weak-signal {
  display: block;
  opacity: 0;
}
.financial-spectrum {
  background:url('../../img/financial-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .5s 3 spectrumLoader;
}
.small-avi-container .financial-spectrum {
  background:url('../../img/financial-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.social-spectrum {
  background:url('../../img/social-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .55s 3 spectrumLoader;
}
.small-avi-container .social-spectrum {
  background:url('../../img/social-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.search-spectrum {
  background:url('../../img/search-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .6s 3 spectrumLoader;
}
.small-avi-container .search-spectrum {
  background:url('../../img/search-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.health-spectrum {
  background:url('../../img/health-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .65s 3 spectrumLoader;
}
.small-avi-container .health-spectrum {
  background:url('../../img/health-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.device-spectrum {
  background:url('../../img/device-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .7s 3 spectrumLoader;
}
.small-avi-container .device-spectrum {
  background:url('../../img/device-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.survey-spectrum {
  background:url('../../img/survey-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  animation: 2s ease-in-out .75s 3 spectrumLoader;
}
.small-avi-container .survey-spectrum {
  background:url('../../img/survey-spectrum.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  margin:0 auto;
}
.financial-spectrum {
  background:url('../../img/financial-spectrum.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
}
.empty-spectrum-bg {
  background:url('../../img/empty-spectrum-bg.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  position: absolute;
  z-index: 1;
}
.pub-user-profile .spectrum-content  ul li h1 {
  position: relative;
  margin: 0;
  top:0;
  transform: none;
  display: block;
  left:0;
}
.pub-user-profile .footer {
  display: none;
}
.pub-user-profile .horizontal-menu .spectrometer-menu li:nth-child(2) {
  text-align: center;
}
.pub-user-profile .spectrum-overview h1 {
  text-align: center;
  font-family: 'Space Mono', monospace;
  position: absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 80px auto;
}
.pub-user-profile .spectrum-overview .total-element-number {
  display: block;
}
.pub-user-profile .spectrum-overview:hover .total-element-number {
  display: none;
}
.section-4.pub-user-profile  .spectrum-overview {
  margin-top:0px;
  height: 700px;
  width: 100%;
}
.pub-user-profile .spectrum-overview .product-orbit-container {
  top:0px;
}
.pub-user-profile .product-orbit-container .user-orbit {
    overflow: hidden;
    -webkit-animation-name:none;
}
.pub-user-profile .orbit-1 .orbit-inner {

}
.spending-spectrum-label {
  background:url('../../img/spending-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display: none;
}
.social-spectrum-label {
  background:url('../../img/social-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display: none;
}
.search-spectrum-label {
  background:url('../../img/search-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display: none;
}
.health-spectrum-label {
  background:url('../../img/health-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display: none;
}
.device-spectrum-label {
  background:url('../../img/device-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display:none;
}
.survey-spectrum-label {
  background:url('../../img/survey-spectrum-label.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  display: none;
}
.element-radial-gradient {
  background:url('../../img/radial-element-gradient-bg.png') no-repeat;
  background-size:440px 440px;
  height:510px;
  width:510px;
  position: absolute;
  top: 0;
  left: 0;
}
.radial-element-lines {
  background:url('../../img/radial-element-lines.png') no-repeat;
  background-size:370px 370px;
  height:370px;
  width:370px;
  position: absolute;
  transform:rotate(10deg);
  top: 0;
}
.segment-line-group .segment-line {
  width: 13px;
  height: 100%;
  position: absolute; 
  background:#1F2433;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)rotate(0deg);
  margin:0 auto;
}
.segment-line-group .segment-line:nth-child(2) {
  transform: translate(-50%,-50%)rotate(60deg);
}
.segment-line-group .segment-line:nth-child(3) {
  transform: translate(-50%,-50%)rotate(-60deg);
}
.segment-line-inner {
  margin:0 auto;
  width: 1px;
  height: 100%;
  background:#3C4D6D;
}
.product-orbit-container .user-orbit.orbit-4 {
  -webkit-animation-name:none;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-2 {
  opacity: 1;
  border:1px dashed rgba(85, 119, 188,.4);
  background:#1e2433;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-1 .orbit-inner {
    background: url(../../img/spectrum-category-gradient.png) no-repeat;
    background-size: 300px 300px;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    position: absolute;
    top:0;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-4 .orbit-inner {
    background: url(../../img/blank-spectrum-bg.png) no-repeat;
    background-size: 510px 510px;
    height:510px;
    width: 510px;
    border-radius: 50%;
    position: absolute;
    top:0;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-0 .orbit-inner {
    background: url(../../img/blank-spectrum-bg.png) no-repeat;
    background-size: 230px 230px;
    height:230px;
    width:230px;
    border-radius: 50%;
    position: absolute;
    top:0;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-3 {
  opacity: 1;
  border:1px dashed rgba(85, 119, 188,.4);
  border-radius: 50%;
  background:#1e2432;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-3 .orbit-inner {
  background: url(../../img/spectrum-category-gradient.png) no-repeat;
    background-size: 440px 440px;
    height: 440px;
    width: 440px;
    border-radius: 50%;
    position: absolute;
    top:0;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-4 {
  opacity: 1;
  border:none;
  overflow: hidden;
}
.square-avatar-spectrum-field .token-square {
  margin-top:2px;
  z-index: 0;
  transform:translate(-50%,-50%)scale(.65);
}
.pub-user-profile .orbit-3 .square-avatar-spectrum-field  .token-square {
  transform:translate(-49%,-46.5%)scale(4);
  z-index: 0;
}
.pub-user-profile .orbit-3 .square-avatar-spectrum-field  .token-square figure {
  border:1px solid rgba(85, 119, 188,.1);
}

.orbit-1 .orbit-divider {
  height: 800px;
  width: 1px;
  margin:0 auto;
  position: relative;
  background:rgba(85, 119, 188,.2);
}
.pub-user-profile .orbit-0  {
  background:none;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-1 {
  border:1px dashed rgba(85, 119, 188,.4);
  opacity: 1;
}
.pub-user-profile .spectrum-content {
  width: 100%;
  border:1px solid rgba(85, 119, 188,.02);
  z-index: 0;
}
.square-avatar-bg .token-square {
  transform:translate(-50%,-50%)scale(.31);
}
.square-avatar-bg  .token-square-3d figure {
  border:1px solid rgba(255, 255, 255, .2);
  background:rgba(255,255,255,.1);
}
.square-avatar-spectrum-field .token-square-3d figure {
  border:1px solid rgba(255, 255, 255, .2);
  background:rgba(255,255,255,.2);
}
.spectrum-overview .gem-geo-orbit .gem-geo-icons {
  position: absolute;
  opacity: .3;
  transform:scale(.7);
}
.spectrum-overview .gem-geo-orbit .spending-geo-icon {
  bottom: 173px;
  left: 65px;
}
.spectrum-overview .gem-geo-orbit .social-geo-icon {
  bottom: 58px;
  left: -22px;
}
.spectrum-overview .gem-geo-orbit .search-geo-icon {
  bottom: 126px;
  left: 18px;
}
.spectrum-overview .gem-geo-orbit .health-geo-icon {
  bottom: 128px;
  left: 94px;
}
.spectrum-overview .gem-geo-orbit .device-geo-icon {
  bottom: 56px;
  left: 138px;
}
.spectrum-overview .gem-geo-orbit .survey-geo-icon {
  bottom: -14px;
  left: 97px;
}
.spectrum-overview .gem-geo-orbit {
    position: absolute;
    z-index: 3;
    height: 230px;
    width: 230px;
    border-radius: 50%;
    top: 0px;
    left:0px;
}
.full-spectrum-bg {
  background:url('../../img/full-spectrum-bg.png') no-repeat;
  background-size:230px 230px;
  height:230px;
  width:230px;
  margin:0 auto;
  position: absolute;
  z-index: 4;
  opacity: 0;
}
.orbit-1 .cat-pie {
  position: relative;
  margin: 0em auto;
  padding: 0;
  width: 18em; 
  height: 19em;
  border-radius: 50%;
  list-style: none;
}
.orbit-3 .cat-pie {
  position: relative;
  margin: 0em auto;
  padding: 0;
  width: 27em; 
  height: 28em;
  border-radius: 50%;
  list-style: none;
}
.cat-slice {
  overflow: hidden;
  position: absolute;
  top: 0; right: 0;
  width: 50%; height: 50%;
  transform-origin: 0% 100%; 
}
.cat-slice:first-child {
  transform:rotate(0deg) skewY(-31deg);
}
.cat-slice:nth-child(2) {
  transform:rotate(60deg) skewY(-30deg);
}
.cat-slice:nth-child(3) {
  transform:rotate(121deg) skewY(-32deg);
}
.cat-slice:nth-child(4) {
  transform:rotate(180deg) skewY(-30deg);
}
.cat-slice:nth-child(5) {
  transform:rotate(241deg) skewY(-32deg);
}
.cat-slice:nth-child(6) {
  transform:rotate(300deg) skewY(-31deg);
}
.cat-slice-contents {
  position: absolute;
  left: -100%;
  width: 200%; height: 200%;
  border-radius: 50%;
}
.cat-pie .account-slice .account-slice-contents {
  opacity: .1;
}
.cat-slice.health-slice .cat-slice-contents {
  background: -o-linear-gradient(90deg,#6F7ECB,#9474B0);
  background: -moz-linear-gradient(90deg,#6F7ECB,#9474B0);
  background: -webkit-linear-gradient(90deg,#6F7ECB,#9474B0);
  background: linear-gradient(90deg,#6F7ECB,#9474B0);
}
.cat-slice.device-slice .cat-slice-contents {
  background: -o-linear-gradient(180deg,#9574B0,#C66D8D);
  background: -moz-linear-gradient(180deg,#9574B0,#C66D8D);
  background: -webkit-linear-gradient(180deg,#9574B0,#C66D8D);
  background: linear-gradient(180deg,#9574B0,#C66D8D);
}
.cat-slice.survey-slice .cat-slice-contents {
  background: -o-linear-gradient(347deg,#f8686c,#ad6f9f);
  background: -moz-linear-gradient(347deg,#f8686c,#ad6f9f);
  background: -webkit-linear-gradient(347deg,#f8686c,#ad6f9f);
  background: linear-gradient(347deg,#f8686c,#ad6f9f);
}
.cat-slice.spending-slice .cat-slice-contents {
  background: -o-linear-gradient(-90deg,#60C7CD,#5DBAD0);
  background: -moz-linear-gradient(-90deg,#60C7CD,#5DBAD0);
  background: -webkit-linear-gradient(-90deg,#60C7CD,#5DBAD0);
  background: linear-gradient(-90deg,#60C7CD,#5DBAD0);
}
.cat-slice.social-slice .cat-slice-contents {
  background: -o-linear-gradient(180deg,#5DB8CF,#5C99D5);
  background: -moz-linear-gradient(180deg,#5DB8CF,#5C99D5);
  background: -webkit-linear-gradient(180deg,#5DB8CF,#5C99D5);
  background: linear-gradient(180deg,#5DB8CF,#5C99D5);
}
.cat-slice.search-slice .cat-slice-contents {
  background: -o-linear-gradient(-347deg,#5D96D6,#5C99D5);
  background: -moz-linear-gradient(-347deg,#5D96D6,#6E7FCC);
  background: -webkit-linear-gradient(-347deg,#5D96D6,#6E7FCC);
  background: linear-gradient(-347deg,#5D96D6,#6E7FCC);
}
.cat-slice.inactive .cat-slice-contents {
  opacity: .2;
}
.account-slice:hover .account-slice-contents { 
}
.orbit-inner:hover .full-spectrum-bg {
  opacity: 0;
}
.user-orbit .user-avi {
  background:url('../../img/user-avi.png') no-repeat;
  background-size:170px 170px;
  height:170px;
  width:170px;
  margin:0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.overview h3 {
  color:rgba(0, 0, 0, 0.5);
}
.overview.info-section button {
  margin-top: 75px;
}
.overview ul {
  width: 100%;
}
.overview ul li {
  width: 33.33%;
  padding:0 40px;
  margin-top: 40px;
  display: inline-block;
  float: left;
  text-align: center;
}
.overview.cta-section {
  position: relative;
  z-index: 2;
  padding:30px 0;
  height: 100px;
  background: #fff;
}
.overview.cta-section .content {
  text-align: center;
  padding:70px 80px;
}
.overview.sec-section {
  position: relative;
  z-index: 5;
  background-image: url('../../img/wave-bg-light.png') repeat;
  background: -webkit-linear-gradient(#fff, #fff, #e8ebf2);
  background: -o-linear-gradient(#fff, #fff, #e8ebf2);
  background: -moz-linear-gradient(#fff, #fff, #e8ebf2);
  background-image: url(../../img/wave-bg-light.png), linear-gradient(#fff, #fff);
  background-repeat: repeat top left;
  height: 880px;
}
.overview.sec-section ul {
  width: 80%;
  margin:20px auto;
}
.overview.sec-section ul li {
  display: inline-block;
  width: 50%;
  text-align: left;
  margin-top:10px;
}
.overview-img-container {
  height: 72px;
  width: 60px;
  margin:0 auto;
}
.overview-img {
  background: url('../../img/overview-icon.png') no-repeat;
  background-size:183px 45px;
  height: 45px;
  width: 40px;
  margin:12px auto 0;
}
.capture-img {
  background-position:-1px 0;
  width: 37px;
}
.control-img {
  background-position:-41px 0;
  width: 42px;
}
.profit-img {
  background-position:-92px 0;
  width: 45px;
}
.control-img-alt {
  background-position: -140px 0;
  width: 38px;
}
.security-list {
  width: 100%;
}
.security-list li {
  display: inline-block;
  padding: 0 20px;
  float: left;
  width: 20%;
  text-align: center;
}
.security-icons-container {
  display: inline-block;
  width:62px;
  height: 86px;
}
.security-icons {
  background: url('../../img/security-icons.png') no-repeat;
  background-size:471px 60px;
  width: 62px;
  height: 60px;
  margin:12px auto;
}
.security-content {
  display: inline-block;
  width: 80%;
  padding:20px 0 0 30px;
}
.anon-img {
  background-position: 0px 0;
  width: 61px;
}
.flag-img {
  background-position: -423px 0;
  width: 48px;
}
.profile-card-img {
  background-position: -132px 0;
  width: 54px;
}
.vault-img {
  background-position: -68px 0;
  width: 52px;
}
.padlock-img {
  background-position: -297px 0;
  width: 39px;
}
.diamond-img {
  background-position: -134px 0;
  width: 52px;
}
.settings-img {
  background-position: -365px 0;
  width: 51px;
}
.charity-img {
  background-position: -234px 0;
  width: 58px;
}
.tach-img {
  background-position: -343px 0;
  width: 58px;
}
.beaker-img {
  background-position: -190px 0;
  width: 48px;
}
.calendar-img {
  background-position: -342px 0;
  width: 62px;
}
#ewd-landing h4, #ewd-landing-page h4 {
  color:#283145;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  margin-top:12px;
}
#ewd-landing .info-section p {
  color:#313C5F;
  font-size: 19px;
  line-height: 30px;
  margin: 20px 0;
  font-family: 'Roboto', sans-serif;
}
#ewd-landing .page-link {
  color:#313C5F;
  font-size: 19px;
  line-height: 28px;
  border-bottom: 1px solid #313C5F;
  font-weight: 200;
  display: inline-block
}
#ewd-landing .overview.info-section button {
  margin-top:30px;
  margin-right: 20px;
}
#mission {
    background: #fff;
    height:550px;
    position: relative;
    padding: 0 70px;
}
#topo-bg {
  background: url('../../img/topo.png') no-repeat;
  background-size:1239px 1208px;
  height: 1208px;
  width:1239px;
  position: absolute;
  margin:12px auto;
  transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg);
  top:-315px;
  left:-300px;
  z-index: 99;
}
#solution {
  padding-bottom:20px;
  display: inline-block;
}
#problem .section-img-container {
  display: inline-block;
  position: relative;
  padding-top: 85px;
  float: right;
}
.data-grid-right {
  position: relative;
  transform: rotateX(-55deg) rotateY(0deg) rotateZ(0deg);
}
.coin-container {
  width: 250px;
  height: 200px;
  margin:0 auto;
}
.small-avi {
  background: url('../../img/data-avatar.png') no-repeat;
  background-size:50px 50px;
  height: 50px;
  width:50px;
  margin:0px auto 0;
}
.coin {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background:#64E3C6;
  box-shadow: 0 6px 0 #52ada3;
  border:0px solid #52ada3;
  position:absolute;
  text-align: center;
}
.coin i {
  font-size: 24px;
  color:rgba(0, 0, 0, 0.3);
  line-height: 50px;
}
.coin-container .coin:nth-child(1) {
  left:30px;
  top:10px;
}
.coin-container .coin:nth-child(1) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(40deg);
}
.coin-container .coin:nth-child(2) {
  left:-30px;
  top:80px;
}
.coin-container .coin:nth-child(2) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
}
.coin-container .coin:nth-child(3) {
  left:30px;
  top:80px;
}
.coin-container .coin:nth-child(3) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.coin-container .coin:nth-child(4) {
  left:90px;
  top:80px;
}
.coin-container .coin:nth-child(4) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
}
.coin-container .coin:nth-child(5) {
  left:-50px;
  top:150px;
}
.coin-container .coin:nth-child(5) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
}
.coin-container .coin:nth-child(6) {
  left:30px;
  top:150px;
}
.coin-container .coin:nth-child(6) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-50deg);
}
.coin-container .coin:nth-child(7) {
  left:-30px;
  top:220px;
}
.coin-container .coin:nth-child(7) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(80deg);
}
.coin-container .coin:nth-child(8) {
  left:30px;
  top:220px;
}
.coin-container .coin:nth-child(8) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-150deg);
}
.coin-container .coin:nth-child(9) {
  left:90px;
  top:220px;
}
.coin-container .coin:nth-child(9) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-30deg);
}
.coin-container .coin:nth-child(10) {
  left:30px;
  top:290px;
}
.coin-container .coin:nth-child(10) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.coin-container .coin:nth-child(11) {
  left:110px;
  top:290px;
}
.coin-container .coin:nth-child(11) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-80deg);
}
.coin-container .coin:nth-child(12) {
  left:-30px;
  top:360px;
}
.coin-container .coin:nth-child(12) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
}
.coin-container .coin:nth-child(13) {
  left:30px;
  top:360px;
}
.coin-container .coin:nth-child(13) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(10deg);
}
.coin-container .coin:nth-child(14) {
  left:90px;
  top:360px;
}
.coin-container .coin:nth-child(14) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-80deg);
}
.coin-container .coin:nth-child(15) {
  left:30px;
  top:430px;
}
.coin-container .coin:nth-child(15) .small-avi {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(-20deg);
}
.data-row-right{
  position: absolute;
  right:-80px;
  display: block;
  height: 3px;
  background: rgba(41, 50, 72, 0.1);
}
#mission .data-row-right:nth-child(1) {
  width: 530px;
  top:0;
}
#mission .data-row-right:nth-child(2) {
  width:550px;
  top:70px;
}
#mission .data-row-right:nth-child(3) {
  width:500px;
  top:140px;
}
#mission .data-row-right:nth-child(4) {
  width: 560px;
  top:210px;
}
#mission .data-row-right:nth-child(5) {
  width: 510px;
  top:280px;
}
#mission .data-row-right:nth-child(6) {
  width:530px;
  top:350px;
}
#mission .data-row-right:nth-child(7) {
  width: 500px;
  top:420px;
}
#mission .data-row-right:nth-child(8) {
  width:520px;
  top:490px;
}
#mission .content {
  display: inline-block;
  padding: 100px 0 90px 90px;
  width: 55%;
  position: relative;
  height: 100%;
  float: right;
  text-align: right;
  z-index: 100;
}
#ewd-landing h1 {
  color:#313C5F;
  font-size: 58px;
  line-height: 64px;
  font-family: 'Montserrat', sans-serif;
}
.internal-page h1 {
  color: #1f2534;
  font-size: 58px;
  line-height: 74px;
  font-family: 'Montserrat', sans-serif;
}
#ewd-landing .overview h1 {
}
#ewd-landing .cta-section h1 {
  color:#fff;
  margin:20px 0;
}
#mission p {
  color:rgba(0, 0, 0, 0.8);
}
#mission .data-grid-straight{
  margin-left: 80px;
  float: left;
  position: absolute;
  left: 0px;
  margin-top: -90px;
  left:0px;
  z-index: 90;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
#mission .data-row-straight{
  position: relative;
  display: inline-block;
  width: 2px;
  background: rgba(41, 50, 72, 0.1);
  vertical-align: top;
  margin-right: 25px;
  margin-left: 25px;
}
#mission .data-row-straight:nth-child(1) {
  height: 400px;
  background: none;
}
#mission .data-row-straight:nth-child(2) {
  height:410px;
}
#mission .data-row-straight:nth-child(3) {
  height:590px;
}
#mission .data-row-straight:nth-child(4) {
  height: 470px;
}
#mission .data-row-straight:nth-child(5) {
  height: 550px;
}
#mission .data-row-straight:nth-child(6) {
  height: 650px;
}
#mission .data-row-straight:nth-child(7) {
  height: 520px;
}
#mission .data-row-straight:nth-child(8) {
  height: 530px;
}
#mission .data-row-straight:nth-child(9) {
  height:600px;
}
.tablet {
  width: 40px;
  height: 76px;
  background:#5478E2;
  border-radius: 8px;
  border:4px solid #313C5F;
  border-bottom: 10px solid #313C5F;
  box-shadow:3px 2px 0px #D6D7DD;
  color: #fff;
  font-size: 24px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right:-20px;
}
.tablet i {
  line-height: 64px;
  opacity: .8;
}
.home-btn {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #1E2433;
  position: absolute;
  bottom:-8px;
  left:13px;
}
#problem .content {
  float: left;
  text-align: left;
  padding-left: 0;
  width:50%;
}
#product {
  padding:14px 0px 80px;
  text-align: center;
  height: 530px;
  position: relative;
  z-index: 91;
  background: linear-gradient(0deg, #313C5F, #313C5F, #283145);
}
#product ul {
  margin: 0 40px;
}
#product p {
  font-size: 16px;
  display: none;
  color: rgba(255, 255, 255, .9);
  padding: 6px 0px;
}
.data-purchase-orbit {
  text-align: left;
}
#ewd-landing-page .data-purchase-orbit .data-icon {
  margin: 0 auto 2px;
  display:block;
  background: url('../../img/data-icons-white.png') no-repeat;
  height: 48px;
  background-size: 319px 48px;
  opacity: 1;
}
#ewd-landing-page  .data-purchase-orbit .shopping-icon {
  background-position: -9px 0;
  width: 43px;
}
#ewd-landing-page .data-purchase-orbit .social-icon {
  background-position: -63px 0;
  width: 43px;
}
#ewd-landing-page .data-purchase-orbit .search-icon {
  background-position: -119px 0;
  width: 44px;
}
#ewd-landing-page .data-purchase-orbit .health-icon {
  background-position: -162px 0;
  width: 58px;
}
.horizontal-divider {
  height: 2px;
  width: 70px;
  background: rgba(85, 119, 188, .3);
  margin: 20px auto;
}
.small-wave-avi {
  background: url('../../img/small-wave-avi.png') no-repeat;
  height: 80px;
  width:80px;
  background-size:80px 80px;
  display: block;
  margin: 0px auto 0px;
}
.wave-forms {
  background: url('../../img/wave-forms.png') no-repeat;
  height: 24px;
  margin:4px auto 8px;
  background-size: 494px 24px;
}
.horizontal-menu .spectrometer-menu {
  display: inline-block;
  width: 100%;
  padding:15px 34px;
}
.horizontal-menu .spectrometer-menu li {
  width: 25%;
  margin: 0;
  padding: 0;
  color:#fff;
  text-align: left;
  letter-spacing: 4px;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  position: relative;
}
.horizontal-menu .spectrometer-menu li:last-child {
  float: right;
}
.horizontal-menu .spectrometer-menu li:first-child {
}
.spectrometer-logo {
  width: 128px;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  color:#8e95a9;
  letter-spacing: 4px;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
}
.spectrometer-menu .spectrometer-logo {
  vertical-align: top;
  margin-top:4px;
}
.spectrometer-menu .profile-button {
  float: right;
  margin-top: 4px;
}
.account-button.profile-button {
  padding: 7px 4px;
  float: right;
  margin-top:4px;
  width:140px;
}
.account-button.profile-button span {
  font-size: 12px;
}
.account-button.profile-button i {
  font-size: 12px;
  margin-right: 4px;
  color:#fff;
}
.horizontal-menu .spectrometer-menu li:nth-child(2){
  width: 50%;
  text-align: center;
}
.horizontal-menu ul .spectrometer-badge h4 {
  text-align: center;
  font-family: 'Space Mono', monospace;
  line-height: 34px;
}
 .spectrometer-badge .account-button.landing-button {
  margin: 0 auto;
  display:block;
}
.spectrometer-logo .small-wave-avi {
  background-image: url('../../img/tiny-wave-avi.png');
  height: 42px;
  width:42px;
  background-size:42px 42px;
  margin:4px 0 0;
  position: absolute;
  z-index: 4;
  top:-18px;
  right:0px;
}
.wave-avi-bg {
  background: #242D41;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin: 4px auto;
}
.small-avi-empty {
  background: url('../../img/tiny-wave-avi.png') no-repeat;
  height: 110px;
  width: 110px;
  background-size:110px 110px;
  display: block;
  margin: 40px auto 0px;
}
.wavelength-gradient {
  width: 101%;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 1001;
  top:0;
  background: -o-linear-gradient(90deg,#64E3C6,#5478E2,#FD6969);
  background: -moz-linear-gradient(90deg,#64E3C6,#5478E2,#FD6969);
  background: -webkit-linear-gradient(90deg,#64E3C6,#5478E2,#FD6969);
  background: linear-gradient(90deg,#64E3C6,#5478E2, #FD6969);
}
.wavelength-gradient.expanded {
    height:22px;
    display: block;
    position: relative;
}
.wavelength-gradient.expanded.inactive {
  height: 6px;
}
.wavelength-gradient ul li {
  height: 200px;
  width: .16%;
  background: #1E2433;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.wavelength-gradient ul li:hover {
  background: none;
}
.wavelength-gradient ul li.active {
  background: none;
}
.wavelength-gradient ul li.inactive.border-thingy {
  background: #242d41;
}
.cta-section .pub-sale-info {
  padding: 40px 0;
}
#ewd-landing .cta-section p {
  margin:20px 260px;
  color:#8e95a9;
  font-size: 22px;
}
.pub-user-profile .cta-section {
  margin-top:-12px;
  background: none;
}
.cta-section .pub-sale-info .earnings-stat {
  display: block;
  margin: 0 auto;
}
.earnings-stat-container {
  width: 360px;
  margin:0 auto;
}
.earnings-stat-container .earnings-stat {
  display: inline-block;
  width: 120px;
  text-align: center;
  float: left;
}
#product .bottom-l-orbit h4 {
 color:#62d5ca;
}
#product .top-l-orbit h4 {
  color:#5893db;
}
#product .center-orbit h4 {
  color:#7675ca;
}
#product .left-r-orbit h4 {
 color:#eb6b76;
}
#product ul li {
  width: 25%;
  height: 290px;
  border-right: 1px dashed rgba(255, 255, 255, 0.1);
  padding:60px 30px;
  float: left;
  text-align: center;
  z-index: 0;
}
#product ul li:last-child {
  border:none;
  padding-right:none;
}
#product ul li:nth-child(2) {
  height: 290px;
}
.product-orbit-container {
  position: relative;
  margin:230px auto 0;
  z-index: 4;
  width: 812px;
}
.product-orbit-container .user-orbit {
  -webkit-animation-name:none;
  border:1px dashed rgba(85, 119, 188,1);
}
.product-orbit-container .user-orbit.orbit-n2 {
  opacity: 1;
  border: none;
  background: none;
}
.product-orbit-container .user-orbit.orbit-n1 {
  opacity: 1;
  background: none;
  border:none;
}
.pub-user-profile .product-orbit-container .user-orbit.orbit-n1 {
  background:#1e2433;
  height: 170px;
  width: 170px;
  top: 321px;
  left:321px;
}
.product-orbit-container .user-orbit.orbit-0 {
  opacity: 1;
  border:1px dashed rgba(85, 119, 188,.4);
  overflow: hidden;
}
.product-orbit-container .user-orbit.orbit-1 {
  opacity: .35;
}
.product-orbit-container .user-orbit.orbit-2 {
  opacity: .3;
}
.product-orbit-container .user-orbit.orbit-3 {
  opacity: .25;
}
.product-orbit-container .user-orbit.orbit-4 {
  opacity: .2;
}
.product-orbit-container .user-orbit.orbit-5 {
  opacity: 0;
}
.product-orbit-container .user-orbit.orbit-6 {
  opacity: .1;
}
.internal-page .data-icon {
  background: url('../../img/data-icons-bright.png') no-repeat;
  height: 48px;
  margin:4px auto 8px;
  background-size: 319px 48px;
}
.spectrum-overview .gem-geo-icons {
  position: relative;
  opacity: .3;
  margin-bottom: 4px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.spectrum-overview .gem-geo-icons.active {
  opacity: 1;
}
.spectrum-breakdown .gem-geo-icons {
  position: relative;
  margin:-8px auto 2px;
}
.spectrum-content:hover .gem-geo-icons {
  opacity: 1;
}
.internal-page .shopping-icon {
  background-position: -9px 0;
  width: 43px;
}
.internal-page .social-icon {
  background-position: -63px 0;
  width: 43px;
}
.internal-page .search-icon {
  background-position: -118px 0;
  width: 41px;
}
.internal-page .health-icon {
  background-position: -162px 0;
  width: 58px;
}
.internal-page .device-icon {
  background-position: -217px 0;
  width: 58px;
}
.internal-page .survey-icon {
  background-position: -272px 0;
  width: 60px;
}
.lock-img {
  background: url('../../img/lock.png') no-repeat;
  background-size:22px 28px;
  height: 28px;
  width:22px;
  margin:12px auto;
  display: inline-block;
}
.lock-container {
  margin:0 auto;
  width: 10px;
  height:40px;
}
.keyhole-top {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #64E3C6;
}
#product h4 {
  color:#fff;
  border-color: #fff;
}
.prod-icon-container {
  margin:0 auto 30px;
}
.product-screenshot-container {
  margin: 0px auto 0;
  width: 910px;
  height:600px;
  position: absolute;
  left: -270px;
  top: -20px;
  background: #e8ebf2;
  border-radius: 14px 14px 0 0;
  box-shadow: 1px -1px 0px rgba(49, 60, 95, 0.3);
}
.profile-screenshot-container  {
  margin: 46px auto 0;
  width: 940px;
  height: 580px;
  position: relative;
  background: rgba(85, 119, 188, .2);
  border-radius: 14px 14px 0 0;
  box-shadow: 0px -2px 1px rgba(85, 119, 188, .3);
}
.device-detail {
  position: absolute;
  top: 1.8%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 auto;
  background: #242d41;
  height: 7px;
  width: 7px;
  border-radius: 50%;
}
.product-screenshot {
  display: block;
  background: url("../../img/product-screenshot.png") no-repeat;
  height: 560px;
  width: 898px;
  margin: 18px auto 0;
  background-size: 898px 560px;
  border-radius: 3px 3px 0 0;
}
.pub-profile-screenshot {
  display: inline-block;
  background: url("../../img/pub-profile-screenshot-pdt.png") no-repeat;
  height: 534px;
  width: 918px;
  margin: 20px auto 0;
  background-size:918px 534px;
  border-radius: 3px 3px 0 0;
}
.internal-page .right .product-screenshot-container {
  top:0px;
  left:-50px;
}
#how-it-works-page .application-overview {
  height: auto;
  background:#e8ebf2;
  padding:0;
}
#how-it-works-page .overview.info-section {
  background: #fff;
  height:auto;
}
#how-it-works-page .overview {
  position: relative;
  background:#e8ebf2;
}
#how-it-works-page .overview .content {
  padding:0px 70px 20px;
}
#how-it-works-page .overview .secondary-content-copy {
  width:54%;
  padding-top:20px;
}
#how-it-works-page .left.secondary-content-copy {
  text-align: left;
}
#how-it-works-page .right.secondary-content-copy {
  text-align: right;
}
#earning-channels-section {
  text-align: center;
}
.overview.security-section ul li {
  width: 100%;
  display: block;
  text-align: left;
}
.overview.security-section .left, .overview.security-section .right {
  width: 50%;
  margin: 70px 0;
  display: inline-block;
}
.overview.security-section .security-icons {
  margin: 0;
}
#faq-section {
  height: auto;
}
#faq-section h2 {
  margin-bottom:60px;
}
#faq-section ul li {
  width: 100%;
  height: auto;
}
.secondary-content#faq-section  {
  padding:100px 170px 100px;
  background: #e8ebf2;
}
#how-it-works-page .question:hover {
}
#faq-section .small-headline {
  margin-left:5px;
  line-height: 55px;
  vertical-align: bottom;
}
#faq-section h1 {
  text-align: center;
  margin:0 auto;
  display: block;
  padding-bottom: 40px;
  position: relative;
}
#faq-section h1 .vertical-line {
  margin: -120px auto 20px;
  height: 125px;
  position: relative;
}
#faq-section h1 .horizontal-line {
  margin: auto;
  top: -276px; left: 0; bottom: 0; right: 0;
  position: absolute;
  width: 0%;
}
#faq-section h1 .static-arrow {
  position: absolute;
  bottom:-16px;
  left:-3px;
  transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transfrom:rotate(90deg);
  -o-transfrom:rotate(90deg);
}
.question-snippet {
  display: block;
  border-bottom: 1px solid #e8ebf2;
  font-size: 18px;
  padding-bottom:0px;
  color:#313C5F;
}
.question p  {
  display: inline-block;
  margin-bottom: 0;
  font-size: 20px;
  color:#313C5F;
}
.question i {
  float: right;
  font-size: 14px;
  margin-top:10px;
  vertical-align: bottom;
  color:#c3c7d3;
  clear:both;
}
.internal-page .secondary-content .question p {
  padding-bottom: 12px;
  padding-top:4px;
}
.question {
  padding: 16px  6px 10px 0;
  color:#444;
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,.7);
}
.question .fa-plus {
  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.close .fa-plus {
  transform: rotate(-405deg);
}
.question:hover i  {
  color:#313C5F;
}
.question:hover p  {
  color: #1e2433;
}
.answer {
  padding:20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
}
.answer p {
  font-size: 18px;
  margin-right: 100px;
}
.nav-divider {
  background: rgba(255,255,255,.5);
  height: 1px;
  width: 136px;
  margin:20px 30px;
}
.faq-image-container {
  overflow: hidden;
  height: 300px;
}
.earnings-graph {
  background: url('../../img/earnings-graph-placeholder.png') no-repeat;
	height: 300px;
  width: 100%;
  background-size: 100% auto;
}
.overview .market-graph ul {
  height: 300px;
  overflow: hidden;
}
.overview .market-graph ul li {
  border-radius: 5px 0 0 5px;
  background: #fff;
  border: 2px solid #E8EBF2;
  border-right:none;
  vertical-align: bottom;
  display: inline-block;
  float:left;
  width: 70px;
  height: 300px;
  margin-top:4px;
  margin-right: 10px;
  padding:12px 14px;
  text-align: left;
}
.market-graph ul li:nth-child(1) {
  margin-top:0px;
}
.market-graph ul li:nth-child(2) {
  margin-top:80px;
}
.market-graph ul li:nth-child(3) {
  margin-top:130px;
}
.market-graph ul li:nth-child(4) {
  margin-top:180px;
}
.market-graph ul li:nth-child(5) {
  margin-top: 200px;
}
.market-graph ul li:nth-child(6) {
  margin-top: 230px;
}
.purchaser-icons  {
  background: url('../../img/purchaser-icons.png') no-repeat;
	height: 25px;
  width: 25px;
  background-size: 136px 25px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.purchaser-icons.bank-purchaser {
  background-position: 0 0;
}
.purchaser-icons.insurer-purchaser {
  background-position: -27px 0;
}
.purchaser-icons.advertiser-purchaser {
  background-position: -52px 0;
}
.purchaser-icons.retailer-purchaser {
  background-position: -83px 0;
}
.purchaser-icons.developer-purchaser {
  background-position: -111px 0;
}
.image-footnote {
  position: absolute;
  top:154px;
  right:218px;
  width: 270px;
}
.image-footnote h5 strong {
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
  width: 110%;
  display: inline-block;
  font-weight: 500;
}
.image-footnote .notif-circle {
  right: -56px;
  top: 11px;
}
#how-it-works-page .overview .overview-quote {
  padding:0 160px 140px;
}
.dollar-wave-container {
  width: 30px;
  height: 60px;
  margin: 0 auto 10px;
  position: relative;
}
.dollar-line  {
  width: 3px;
  height: 50px;
  border-radius: 30px;
  background: -o-linear-gradient(180deg,#64E3C6,#5478E2);
  background: -moz-linear-gradient(180deg,#64E3C6,#5478E2);
  background: -webkit-linear-gradient(180deg,#64E3C6,#5478E2);
  background: linear-gradient(180deg,#64E3C6,#5478E2);
  position: absolute;
  right: 12px;
  top: -5px;

}
.dollar-wave {
  background: url('../../img/gradient-dollar-wave.png') no-repeat;
	height: 40px;
  width: 30px;
  background-size: 30px 40px;
  vertical-align: bottom;
}
.tertiary-content {
  padding-top:0px;
  position: relative;
  z-index: 6;
  height: 400px;
}
.quaternary-content {
  padding-top:0px;
  position: relative;
  z-index: 6;
  height: 400px;
  text-align: right;
}
.internal-page .left.faq-image-container {
  width: 43%;
}
.internal-page .right.faq-image-container {
  width: 43%;
}
.quinary-content {
  padding-top:0px;
  position: relative;
  z-index: 6;
  height: 400px;
}
.internal-page .quaternary-content .right {
  text-align: right;
}
#biz-page .overview {
  position: relative;
  background:#fff;
}
#biz-page .overview .content {
  padding:100px 70px;
}
#biz-page .overview ul li {
  text-align: left;
  padding:0 12px 0px;
  margin-top:0;
  border:1px solid #e8ebf2;
}
#biz-page .overview ul li:first-child {
  padding:0 24px 0 0;
}
#biz-page .overview ul li:last-child {
  padding:0 0 0 24px;
}
.spectrum-overview {
  position: relative;
  display:inline-block;
  z-index: 90;
  height: 726px;
}
.spectrum-overview .content{
  padding:0;
  margin-top:0px;
}
.spectrum-content {
  padding:0px 0px 0px;
  position: relative;
  z-index: 101;
  float: left;
  overflow:hidden;
  width: 100%;
  height: 250px;
}
.spectrum-content ul li {
  display: inline-block;
  margin: 0;
  float: left;
  border-right: 1px solid rgba(85, 119, 188, .1);
  border-bottom: 1px solid rgba(85, 119, 188, .1);
  width: 12.5%;
  height: 80px;
  text-align: center;
  position: relative;
  padding: 24px 0px;
}
.spectrum-content .spectrum-title-tile {
  padding:18px 0px 0;
}
.spectrum-title-tile .element-symbol {
    font-size:18px;
    font-weight: 500;
    text-transform:capitalize;
    color: #57607b;
    line-height: 0;
    padding: 6px 0 0px;
    color:rgba(85, 119, 188, .2);
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.spectrum-title-tile .element-attributes  {
  position: absolute;
  right:7px;
  top:3px;
  font-size: 14px;
  color:#8e95a9;
}
.spectrum-title-tile .element-name {
    font-size:12px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 12px;
    color:rgba(85, 119, 188, 0);
    display: block;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.cta-section .spectrum-title-tile .element-name {
  font-size: 14px;
  line-height: 26px;
}
.spectrum-content ul li .element-name-attribute {
    font-size:10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 14px;
    color:rgba(85, 119, 188, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 auto;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.spectrum-content:hover .element-name {
  color: rgba(255,255,255,1);
}
.spectrum-content ul li:hover .element-name-attribute {
  color: rgba(255,255,255,1);
}
.small-avi-container ul li.active .spectrum-title-tile .element-symbol {
  color:#fff;
}
.small-avi-container ul li:hover .spectrum-title-tile .element-symbol {
  color:#fff;
}
.spectrum-content:hover ul li i {
  color:rgba(85, 119, 188, .4);
}
.spectrum-content ul li i {
  color:rgba(85, 119, 188, .2);
  font-size: 26px;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.spectrum-content ul li.active i {
}
.spectrum-content ul .inactive i {
  opacity: .0;
}
.spectrum-content.survey-content ul li:hover i{
  color:#E06B7C;
  opacity: 1;
}
.spectrum-content.search-content ul li:hover i{
  color:#5D85DA;
  opacity: 1;
}
.spectrum-content.social-content ul li:hover i{
  color:#57ABD6;
  opacity:1;
}
.spectrum-content.shopping-content ul li:hover i {
  color:#5BC8CE;
  opacity: 1;
}
.spectrum-content.health-content ul li:hover i {
  color:#7E76C4;
  opacity: 1;
}
.spectrum-content.device-content ul li:hover i {
  color:#AF6FA2;
  opacity: 1;
}
.spectrum-content.survey-content:hover ul li.active i {
  color:#E06B7C;
  opacity: 1;
}
.spectrum-content.search-content:hover ul li.active i {
  color:#5D85DA;
  opacity: 1;
}
.spectrum-content.social-content:hover ul li.active i {
  color:#57ABD6;
  opacity:1;
}
.spectrum-content.shopping-content:hover ul li.active i {
  color:#5BC8CE;
  opacity: 1;
}
.spectrum-content.health-content:hover ul li.active i {
  color:#7E76C4;
  opacity: 1;
}
.spectrum-content.device-content:hover ul li.active i {
  color:#AF6FA2;
  opacity: 1;
}
.spectrum-content h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.01);
}
.small-data-attribute {
  border-radius: 6px;
  display:none;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 5px;
  letter-spacing: 1px;
  opacity: 1;
  margin: 0px 0px 16px 0;
  border: 1px solid rgba(85, 119, 188, .1);
  color: rgba(255,255,255,1);
}
.left-spectrum .small-data-attribute {
  margin-right: 16px;
}
.right-spectrum .small-data-attribute {
  margin-left: 16px;
}
.spectrum-column .small-data-attribute i  {
  line-height: 22px;
  font-size: 14px;
  display: inline-block;
  opacity: .3;
}
.spectrum-content:hover   {
  cursor: pointer;
  border: 1px solid rgba(85, 119, 188, .1);
}
.spectrum-content:hover .small-data-attribute {
  border: 1px solid rgba(85, 119, 188, .1);
}
.spectrum-content:hover .small-data-attribute span {
  color:rgba(255, 255, 255, 1);
}
.spectrum-content:hover .small-data-attribute i {
  opacity: 1;
}
.spectrum-overview .product-orbit-container {
  margin-top:-38px;
  position: absolute;
  margin-left:-406px;
  top:40px;
  left:50%;
}
.section-4 .spectrum-overview {
  margin-top:-218px;
}
.cta-section {
  padding: 70px 0 0px;
  background:#242D41;
  display: block;
  position: relative;
  text-align: center;
  margin-top: -5px;
  width: 100%;
  position: relative;
  z-index: 101;
  height:auto;
  overflow: hidden;
}
.landing-pub-snippet.cta-section {
  padding:15px 0 0px;
}
#ewd-landing-page .cta-section h4 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 0px 0 15px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height:90px;
}
#ewd-landing-page .earnings-stat h4 {
  line-height: 28px;
  margin:0 0 4px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-family: 'Space Mono', monospace;
}
#ewd-landing-page .earnings-stat span {
  color:#8e95a9;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
}
.earnings-stat span i {
  font-size: 10px;
  line-height: 12px;
  margin-left: 4px;
}
.earnings-stat .dc-coin-unverified-badge {
  float: none;
  margin:4px;
  vertical-align: top;
}
.sample-cta:hover .dc-coin-unverified-badge {
  background-color:#fff;
}
.cta-section .spectrum-title-tile, .token-breakdown .spectrum-title-tile {
  display: inline-block;
position: relative;
margin: 5px 0px 20px;
vertical-align: top;
border-radius: 4px;
height: 100px;
width: 100px;
padding: 32px 0;
text-align: center;
}
.token-breakdown .spectrum-title-tile {
  background: #fff;
}
.cta-section .account-button {
  width: 190px;
  margin:30px 0 100px;
}
.signal-examples {
  padding:0px 250px;
  background:#1E2433;
  display: block;
  height: 158px;
}
.signal-examples ul li {
    width: 33.33%;
    display: inline-block;
    float: left;
}
.signal-examples ul li a {
  border-radius: 50px;
  display: block;
  margin: 20px;
  border:1px solid rgba(85, 119, 188, 0.2);
  padding: 2px;
  height: 66px;
  background:#1E2433;
}
.profile-avi {
  background: url('../../img/profile-avi-mh.png') no-repeat;
  background-size:54px 54px;
  height:54px;
  width:54px;
  margin:3px;
  display: inline-block;
  float: left;
}
.signal-examples ul li section {
  color:#8e95a9;
  text-align: left;
  font-size: 12px;
  display: inline-block;
  width: 70%;
  padding-left: 10px;
  padding-top:4px;
}
.signal-examples ul li section span {
  display: block;
  line-height: 18px;
}
.signal-examples ul li section span:nth-child(1) {
  color: #fff;
}
.pub-user-profile.landing-pub-snippet {
  margin-top:-74px;
}
.landing-pub-snippet .spectrum-breakdown {
  display: none;
}
.landing-pub-snippet .wavelength-gradient {
  display: none;
}
.spectrum-breakdown {
  margin:0px 0px 0px;
  display: inline-block;
  width:100%;
  height: 100%;
}
.spectrum-breakdown ul {
  border-top:1px solid #2d3a56;
  margin:0;
}
.spectrum-breakdown ul li {
  width: 16.666%;
  float:left;
  display: inline-block;
  color:#8e95a9;
  border-right: 1px dashed #313c5f;
  font-size: 12px;
  vertical-align: top;
  margin-bottom: 0px;
  padding:0;
}
.spectrum-breakdown ul li:hover .sample-cta {
  background: none;
}
.spectrum-breakdown ul li:hover .breakdown-btn-container span {
  color:#8e95a9;
}
.spectrum-breakdown ul li .account-list {
  width: 100%;
  display: inline-block;
  margin:0;
}
.spectrum-breakdown ul li .account-list ul li {
  width: 33.33%;
  font-size: 18px;
  padding: 16px 0;
  border-right: 1px solid #313c5f;
}
.spectrum-breakdown ul li .account-list ul li.last {
  border-right: none;
}
.breakdown-label  {
  background: #29354e;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#fff;
  display: block;
}
.survey-sample .breakdown-btn-container {
    background: #000;
}
.spectrum-breakdown ul li.inactive {
  height: 514px;
}
.spectrum-breakdown ul li .element-list i {
  font-size: 6px;
  vertical-align:middle;
}
.spectrum-breakdown ul li .element-list {
  padding-top:10px;
  height:240px;
  border-top:1px solid #313c5f;
  background: #1e2433;
}
.spectrum-breakdown ul li .element-list.inactive {
  height: 60px;
}
.spectrum-breakdown ul li.inactive .elemental-attribute {
  display: none;
}
.elemental-attribute {
  padding:4px 0px;
  display: block;
  color:#8e95a9;
}
.elemental-attribute:hover {
  color:#fff;
}
.sample-cta.search-sample {
  border-color: #5D85DA;
}
.sample-cta.social-sample {
  border-color: #57ABD6;
}
.sample-cta.financial-sample  {
  border-color: #5BC8CE;
}
.sample-cta.health-sample {
  border-color: #7E76C4;
}
.sample-cta.device-sample {
  border-color:#AF6FA2;
}
.sample-cta.survey-sample {
  border-color:#E06B7C;
}
.sample-cta.inactive {
  border-color:#313C5F !important;
}
.spectrum-breakdown ul li.search-breakdown .fa-circle {
  color: #5D85DA;
}
.spectrum-breakdown ul li.social-breakdown .fa-circle {
  color: #57ABD6;
}
.spectrum-breakdown ul li.financial-breakdown .fa-circle  {
  color: #5BC8CE;
}
.spectrum-breakdown ul li.health-breakdown .fa-circle {
  color: #7E76C4;
}
.spectrum-breakdown ul li.device-breakdown .fa-circle {
  color:#AF6FA2;
}
.spectrum-breakdown ul li.survey-breakdown .fa-circle  {
  color:#E06B7C;
}
.spectrum-breakdown ul li.inactive {
  border-bottom-color:#313c5f;
}
.sample-button i {
  color:#8e95a9;
}
.spectrum-breakdown ul li:last-child {
  border-right: none;
}
.cta-section .spectrum-title-tile .element-name {
  color:#fff;
}
.cta-section .spectrum-title-tile.inactive .element-name:nth-child(3) {
  color:#3e5483;
}
.cta-section .financial-tile .element-symbol, .token-breakdown .financial-tile .element-symbol {
  color:#5BC8CE;
}
.cta-section .social-tile .element-symbol, .token-breakdown .social-tile .element-symbol {
  color:#57ABD6;
}
.cta-section .search-tile .element-symbol, .token-breakdown .search-tile .element-symbol {
  color:#5D85DA;
}
.cta-section .health-tile .element-symbol, .token-breakdown .health-tile .element-symbol {
  color:#7E76C4;
}
.cta-section .device-tile .element-symbol, .token-breakdown .device-tile .element-symbol {
  color:#AF6FA2;
}
.cta-section .survey-tile .element-symbol, .token-breakdown .survey-tile .element-symbol {
  color:#E06B7C;
}
.cta-section .spectrum-title-tile.inactive .element-symbol {
  color:rgba(85, 119, 188, .4);
}
.cta-section .spectrum-title-tile.inactive .element-name {
  color:rgba(255,255,255,.4);
}
.token-breakdown .spectrum-title-tile .element-name {
  color:#1e2433;
  font-size: 14px;
  margin-top:2px;
}
.ewd-connect-page .spectrum-overview h2 {
  color: #fff;
  text-align: center;
  font-size: 34px;
  padding-top: 80px;
}
#ewd-landing .spectrum-overview h1 {
  color:rgba(255,255,255,1);
  text-align: center;
  font-size: 28px;
  padding: 0;
  line-height:30px;
  margin:0;
}
.ewd-connect-page .spectrum-overview h1 {
  color:rgba(85, 119, 188, 1);
  text-align: center;
  padding: 0;
  line-height:80px;
  margin:0;
}
.spectrum-column {
  width: 50%;
  display: block;
  float: left;
  text-align: center;
}
.left-spectrum {
  margin-top:-10px;
  text-align: left;
}
#ewd-landing-page .spectrum-column .data-icon {
  margin:0;
  display:none;
  background-size: 266px 40px;
  position: absolute;
}
#ewd-landing-page .spectrum-column .data-icon.search-icon {
  background-position: -99px 0;
  width: 36px;
}
#ewd-landing-page .spectrum-column .data-icon.social-icon {
  background-position: -54px 0;
  width: 32px;
}
#ewd-landing-page .spectrum-column .data-icon.health-icon {
  background-position: -140px 0;
  width: 42px;
}
#ewd-landing-page .spectrum-column .data-icon.device-icon {
  background-position: -189px 0;
  width: 35px;
}
#ewd-landing-page .spectrum-column .data-icon.survey-icon {
  background-position: -231px 0;
  width: 40px;
}
.left-center-spectrum {
  text-align: left;
}
.right-center-spectrum {
  text-align: right;
}
.right-spectrum {
  margin-top:-10px;
  text-align: right;
}
.spectrum-attribute {
  display: inline-block;
  padding: 4px;
  border-radius: 20px;
  background: #283145;
}
.internal-section-link {
  background: #fff;
  display: block;
  border-radius: 6px;
  padding: 20px;
}
.application-overview {
  background: #fff;
  height: 1560px;
  padding:0px 0px 40px;
  overflow: hidden;
  position: relative;
  z-index: 91;
  margin-top:0px;
}
#how-it-works-page .application-overview {
  height: auto;
  padding:0px 0px 90px;
  position: relative;
  z-index: 1001;
  margin-top:-4px;
}
#how-it-works-page .profit-image-container .content {
  padding-top:40px;
}
.sample-spectrums ul li  {
  display: inline-block;
  width: 33%;
}
.sample-spectrums ul li span {
  display: block;
  color: #fff;
}
#why-page .application-overview, #market-page .application-overview {
  height:100%;
  width: 100%;
  display: inline-block;
  padding:0;
  margin-top: 0;
  position: relative;
  z-index: 91;
}
 #market-page .application-overview  {
  background:#E8EBF2;
  display: block;
}
#why-page .about-tile  {
  height: 500px;
  width: 50%;
  display: inline-block;
  float: left;
}
#why-page .content:nth-child(1) .right-copy {
  padding-top:100px;
}
.use-cases .right-copy, .use-cases .right-market-image {
  padding-left: 25px;
}
.use-cases .left-copy, .use-cases .left-market-image {
  padding-right: 25px;
}
.use-cases section {
  margin:0 0 100px;
}
.profit-type-image-alt {
  background: url('../../img/profit-type-image-alt.png') no-repeat;
  background-size:480px 120px;
  height:120px;
  width:480px;
  margin:0px 6px;
  display:inline-block;
  float: none;
}
.profit-type-image-alt.earn-profit-type {
  background-position: 0 0;
  width: 120px;
}
.profit-type-image-alt.save-profit-type {
  background-position: -118px 0;
  width: 118px;
}
.profit-type-image-alt.give-profit-type {
  background-position: -242px 0;
  width: 120px;
}
.profit-type-image-alt.learn-profit-type {
  background-position: -368px 0;
  width: 120px;
}
.about-tile-right {
  background:#313C5F;
}
.about-tile-left {
  background:#283145;
}
.about-tile-left h1 {
  color: #fff;
}
.internal-page .about-tile-left p {
  color: rgba(255, 255, 255, 0.7);
}
#video-container {
  position: relative;
  z-index: 101;
  margin-bottom: 40px;
}
.internal-page .content .left-copy {
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
.internal-page .content .right-copy {
  width: 50%;
  float: right;
  position: relative;
  z-index: 2;
}
.abstract-image-placeholder {
  background: url('../../img/abstract-data-placeholder.png') no-repeat;
  background-size:800px 719px;
  height:719px;
  width:800px;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 1;
}
.abstract-image-placeholder-2 {
  background: url('../../img/abstract-image-placeholder-2.png') no-repeat;
  background-size:800px 918px;
  height:918px;
  width:800px;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  z-index: 1;
}
.abstract-image-placeholder-3 {
  background: url('../../img/abstract-image-placeholder-3.png') no-repeat;
  background-size:800px 1356px;
  height:1356px;
  width:800px;
  position: absolute;
  display: block;
  left: 0;
  top: 80px;
  z-index: 1;
  overflow: hidden;
}
.about-tile-callout {
  border:1px solid rgba(85, 119, 188, .2);
  display: block;
  margin:0 0 24px 0;
  border-radius: 4px;
  display: inline-block;
  width: 85%;
  width: 350px;
}
.about-tile-callout:hover {
  border:1px solid rgba(85, 119, 188, .4);
}
.about-tile-image {
  display: inline-block;
  height: 86px;
  width: 86px;
  float: left;
}
.about-tile-content {
  display: inline-block;
  float: right;
  width: 75%;
  padding:10px 0;
}
.internal-page .about-tile-content p {
  color:rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 18px;
  padding-bottom:0;
}
.pub-user-profile {
  margin-top: -50px;
}
.pub-user-profile .section-cta {
  bottom:0;
  position: absolute;
  z-index: 101;
}
.pub-user-profile .cta-section {
  text-align: center;
  padding-top:0;
}
.pub-user-profile .cta-section h3 {
  color:rgba(255,255,255,.8);
  line-height: 0px;
  width: 40%;
  margin:0 auto 10px;
}
.about-tile-content span {
  color: #fff;
  font-weight: 400;
}
.profile-link {
  color: rgba(255, 255, 255, 1);
}
.about-tile-image {
  background: url('../../img/about-tile-icons.png') no-repeat;
  background-size:132px 40px;
  height:42px;
  width:42px;
  margin: 20px;
}
.about-tile-image.contact-tile {
  background-position: 0 0;
}
.about-tile-image.press-tile {
  background-position: -44px 0;
}
.about-tile-image.blog-tile {
  background-position: -88px 0;
}
.profit-image-container {
}
.image-focus {
display: block;
margin: 0px auto;
}
.cash-bill-container {
  width: 58px;
  height: 3px;
  position: absolute;
  top: 230px;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 auto;
}
.cash-bill {
  background: url('../../img/cash-bill.png') no-repeat;
  background-size:56px 25px;
  height:25px;
  width: 56px;
  position: absolute;
  opacity: 0;
  margin: -10px 1px 0;
  border-bottom:4px solid #283145;
}
.cash-bill.bill-1 {
  -webkit-animation: bill 3s infinite 3s;
  -moz-animation: bill 3s infinite 3s;
  animation: bill 3s infinite 3s;
  z-index: 101;
}
.cash-bill.bill-2 {
  -webkit-animation: bill 3s infinite 3.1s;
  -moz-animation: bill 3s infinite 3.1s;
  animation: bill 3s infinite 3.1s;
  z-index: 102;
}
.cash-bill.bill-3 {
  -webkit-animation: bill 3s infinite 3.2s;
  -moz-animation: bill 3s infinite 3.2s;
  animation: bill 3s infinite 3.2s;
  z-index: 103;
}
@-webkit-keyframes bill {
  0%  {
    opacity: 0;
    transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg) translate(0, 0px);
    box-shadow:0px 3px 0 #64E3C6;
  }
  20%  {
    opacity: 1;
    transform: rotateX(65deg) rotateY(0deg) rotateZ(0deg) translate(0, 10px);
    box-shadow:0px 3px 0 #64E3C6;
  }
  100%  {
    opacity: 1;
    transform: rotateX(65deg) rotateY(0deg) rotateZ(0deg) translate(0, 14px);
    box-shadow:0px 3px 0 #64E3C6;
  }
}
.image-focus.earn-atm {
  background: url('../../img/earn-atm.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  position: relative;
}
.image-focus.vault {
  background: url('../../img/vault.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  position: relative;
}
.receipt-container {
    position: absolute;
    background: #fff;
    height: 43px;
    width: 26px;
    top: 80px;
    right: 172px;
    overflow: hidden;
    transform: rotateX(-47deg) rotateY(0deg) rotateZ(0deg) translate(0, 0px);

}
.receipt {
  position: absolute;
  opacity: 1;
}
.receipt-brands .brand {
  background: url('../../img/receipt-brands.png') no-repeat;
  background-size:30px 68px;
  position: relative;
  -webkit-animation: receipt 16s linear infinite 0s;
  -moz-animation: receipt 16s linear infinite 0s;
  animation:receipt 16s linear infinite 0s;
  z-index: 101;
  top:10px;
  width: 30px;
}
.brand.brand-1 {
  height: 14px;
  background-position: 0 0;
  margin-bottom: 25px;
}
.brand.brand-2 {
  height: 12px;
  background-position: 0px -13px;
  margin-bottom: 25px;
}
.brand.brand-3 {
  height: 12px;
  background-position: 0px -22px;
  margin-bottom: 25px;
}
.brand.brand-4 {
  height: 12px;
  background-position: 0px -38px;
  margin-bottom:25px;
}
.brand.brand-5 {
  height: 12px;
  background-position: 0px -48px;
  margin-bottom:25px;
}
.brand.brand-6 {
  height: 12px;
  background-position: 0px -60px;
  margin-bottom: 25px;
}
@-webkit-keyframes receipt {
  0%  {
    opacity: 1;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 40px);
  }
  100%  {
    opacity: 1;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, -220px);
  }
}
.image-focus.save-cc {
  background: url('../../img/save-cc.png') no-repeat;
  background-size:300px 300px;
  height:300px;
  width:300px;
  position: relative;
}
.image-focus.discover-beaker {
  height: 350px;
  width: 350px;
  position: relative;
}
.discover-beaker-bottom {
  background: url('../../img/discover-beaker-bottom.png') no-repeat;
  background-size:350px 350px;
  height:350px;
  width:350px;
  position: relative;
  margin: 0 auto;
  z-index: 102;
}
.discover-beaker-top {
  background: url('../../img/discover-beaker-top.png') no-repeat;
  background-size:350px 350px;
  height:350px;
  width:350px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 auto;
  z-index: 103;
}
.beaker-wave-container {
  width: 150px;
  height: 13px;
  position: relative;
  z-index: 102;
  overflow: hidden;
  top: 203px;
  left: 118px;
}
.beaker-wave {
  background: url('../../img/beaker-wave.png');
  background-repeat: repeat-x;
  background-size:150px 13px;
  height:13px;
  width:10000px;
  z-index:101;
  margin: 0 auto;
  position: absolute;
  -webkit-animation: wave-anim 800s linear infinite;
  -moz-animation: wave-anim 800s linear infinite;
  animation: wave-anim 800s linear infinite;
}
@-webkit-keyframes wave-anim {
  0%  {
    transform: translate(0px, 0px);
  }
  100%  {
    transform: translate(-10000px, 0px);
  }
}
.beaker-bubble-container {
  position: absolute;
  width: 100px;
  height: 250px;
  top: 49%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 auto;
  z-index: 103;
}
.beaker-bubble {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background:#E06B7C;
  position: absolute;
  top:200px;
  -webkit-animation: bb-anim 5s ease-out infinite;
  -moz-animation: bb-anim 5s ease-out infinite;
  animation: bb-anim 5s ease-out infinite;
}
.bb-1 {
  animation-delay: .4s;
  right:40px;
}
.bb-2 {
  animation-delay: .8s;
  right: 60px;
}
.bb-3 {
  animation-delay: 1.2s;
  right: 34px;
}
@-webkit-keyframes bb-anim {
  0%  {
    opacity: 1;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
  30% {
    opacity: 1;
    height: 8px;
    width:8px;
    background: #fff;
  }
  100%  {
    opacity: 0;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, -270px);
    height: 30px;
    width:30px;
    background: #fff;
  }
}
.image-focus.give-tree {
  background: url('../../img/give-tree.png') no-repeat;
  background-size:350px 350px;
  height:350px;
  width:350px;
  position: relative;
}
.pdt-float-container {
  position: relative;
  height:20px;
  width: 110px;
  -webkit-animation: float 5s ease-in-out 2s infinite alternate;
  -moz-animation: float 5s ease-in-out 2s infinite alternate;
  animation: float 5s ease-in-out 2s infinite alternate;
  border-radius: 50%;
  margin:0 auto 0px;
  z-index: 101;
}
@-webkit-keyframes float {
  0%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 5px);
  }
  100%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
}
.pdt-float-front {
  background: url('../../img/pdt-badge-poly-blank.png') no-repeat;
  position: absolute;
  z-index: 102;
  background-size:110px 110px;
  height:110px;
  width:110px;
  box-shadow: 0px 3px 0 #8f96ab;
  border-radius: 50%;
}
.pdt-float-back {
  position: absolute;
  z-index: 101;
  background-size:110px 110px;
  height:110px;
  width:110px;
  background: linear-gradient(-55deg, #d4d7e0,#BCC4DA, #E8EBF2, #BCC4DA, #d4d7e0);
  -webkit-animation: shimmer 200s ease-in-out 0s infinite alternate;
  -moz-animation: shimmer 200s ease-in-out 0s infinite alternate;
  animation: shimmer 200s ease-in-out 0s infinite alternate;
  border-radius: 50%;
}
@-webkit-keyframes shimmer {
  0%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-3000deg) translate(0px, 0px);
  }
  100%  {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px);
  }
}
.token-slot-box {
  border-bottom: 900px solid #e8ebf2;
  border-left: 200px solid transparent;
  border-right: 200px solid transparent;
  height: 0;
  width: 100%;
  transform: rotateX(-83deg);
  -webkit-backface-visibility: hidden;
  border-radius: 20px 20px 0 0;
  margin-top:-325px;
}
.token-slot-front {
  margin:25px auto;
  background:#8f96ab;
  -webkit-backface-isibility: hidden;
  border-radius: 50%;
  height:120px;
  width:126px;
  box-shadow:0 10px 0 #BCC4DA;
}
.token-slot-back {
  height:146px;
  width:130px;
  -webkit-backface-visibility: hidden;
  background:#BCC4DA;
  border-radius: 50%;
  position: absolute;
  top: 100%; left: 50%;
  transform: translate(-50%,290%);
  margin:0px auto;
}

.pdt-coin-outline {
  background: url('../../img/pdt-coin-outline.png') no-repeat;
  position: absolute;
  z-index: 102;
  background-size:60px 67px;
  height:67px;
  width:60px;
  z-index: 4;
}
#product-description {
  background: -webkit-linear-gradient(#e8ebf2, #e8ebf2);
  background: -o-linear-gradient(#e8ebf2 , #e8ebf2);
  background: -moz-linear-gradient(#e8ebf2, #e8ebf2);
  background-image: url(../../img/wave-bg-light.png), linear-gradient(#e8ebf2, #e8ebf2 );
  background-repeat: repeat top left;
  height: 450px;
}
.profile-highlight {
  width: 33.33%;
  height: 300px;
  padding:0 20px;
  display: inline-block;
  float: left;
  margin-top:30px;
}
.profile-highlight-content {
  background: #fff;
  margin: 0 0px;
  border-radius: 6px;
  padding: 16px 38px 12px 22px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 5px #d4d7e0;
}
.profile-highlight a:hover .profile-highlight-content {
  box-shadow: 0px 2px 10px #d4d7e0;
}
#ewd-landing .profile-highlight-content p {
  font-size: 17px;
  line-height: 26px;
  position: relative;
  z-index: 1;
  min-height: 110px;
  font-style: italic;
  margin-bottom: 10px;
}
.profile-highlight-content .fa-quote-left {
  position: absolute;
  color:#e8ebf2;
  font-size: 28px;
  z-index: 1;
  display: none;
}
.profile-highlight-content span {
  display: block;
  color:#1e2433;
}
.profile-highlight-avi-container {
  position: absolute;
  bottom:-40px;
  right:-40px;
}
.avi-orbit {
  border-radius: 50%;
  border:1px dashed #d4d7e0;
  position: absolute;
  background: none;
  height: 120px;
  width: 120px;
}
.orb-1a {
  top:0;
  left:0;
  border:1px dashed #d4d7e0;
  transform: scale(1.17);
}
.orb-1b {
  top:0px;
  left:0px;
  border:1px dashed #e8ebf2;
  transform: scale(1.37);
}
.orb-1c {
  top:0px;
  left:0px;
  border:1px dashed #e8ebf2;
  transform: scale(1.57);
}
.category-port {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
  background: #eee;
  margin:6px 1px 0 0;
}
.notif-dropdown-content ul li .category-port span {
  color:#fff;
}
.category-port.financial-port  {
  background-color: #5BC8CE;
}
.category-port.social-port  {
  background-color: #57ABD6;
}
.category-port.search-port  {
  background-color: #5D85DA;
}
.category-port.health-port  {
  background-color: #7E76C4;
}
.category-port.device-port  {
  background-color: #AF6FA2;
}
.category-port.survey-port  {
  background-color: #E06B7C;
}
.category-port {
  line-height: 16px;
  color:#fff;
  font-size: 12px;
  text-align: center;
}
.small-badge {
  background: url('../../img/small-badge.png') no-repeat;
  background-size: 16px 16px;
  height:16px;
  width: 16px;
}
.pdt-quote {
  display:none;
}
.pdt-quote .earnings-stat {
    padding:30px 0;
}
.pdt-badge-dark {
  background: url('../../img/pdt-badge-dark.png') no-repeat;
  background-size: 28px 28px;
  height:28px;
  width:28px;
  display: inline-block;
  vertical-align: bottom;
  margin:0px 4px 0 0;
}
.notif-status-container .pdt-request-1 {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 2px 0 2px;   
}
.pdt-badges {
  background: url('../../img/pdt-chips.png') no-repeat;
  background-size: 161px 28px;
  height:28px;
  width:28px;
  display: inline-block;
  vertical-align: bottom;
  margin:0px 4px 0 0;
}
.social-pdt-badge {
  background-position: -26px 0px;
}
.search-pdt-badge {
  background-position: -52px 0px;
}
.health-pdt-badge {
  background-position: -78px 0px;
}
.device-pdt-badge {
  background-position: -106px 0px;
}
.survey-pdt-badge {
  background-position: -132px 0px;
}
.pdt-poly-badge-blank {
   background: url('../../img/pdt-badge-poly-blank.png') no-repeat;
  background-size: 32px 32px;
  height:32px;
  width:32px; 
}
.profile-highlight .profile-highlight-avatar-1 {
  background: url('../../img/ph.png') no-repeat;
  background-size: 120px 120px;
  height:120px;
  width: 120px;
}
.profile-highlight .profile-highlight-avatar-2 {
  background: url('../../img/fh.png') no-repeat;
  background-size: 120px 120px;
  height:120px;
  width: 120px;
}
.profile-highlight .profile-highlight-avatar-3 {
  background: url('../../img/zh.png') no-repeat;
  background-size: 120px 120px;
  height:120px;
  width: 120px;
}
.final-cta {
  height: 450px;
  position: relative;
  z-index:95;
  padding: 200px 0;
  background: #313c5f;
  color: #fff;
}
.offer-cta {
  height: auto;
  background:#1e2433;
  padding:0px;
  overflow: hidden;
  display: block;
  border:1px solid #313C5F;
}
.slot-orbit {
  padding:0px;
  height: 100px;
}
.spectrum-breakdown .offer-cta ul li {
  height: 100px;
  background:rgba(30, 36, 51, .8);
}
.spectrum-breakdown .offer-cta ul li span {
  letter-spacing: 2px;
  line-height: 18px;
  font-size: 14px;
  color:rgba(255,255,255,0);
  font-weight: 500;
  text-transform: uppercase;
}
.spectrum-breakdown .offer-cta ul li:hover {
  background: rgba(30, 36, 51, 0);
}
.spectrum-breakdown .offer-cta ul li:hover span {
  color:rgba(255,255,255,1);
}
.spectrum-breakdown .offer-cta ul {
  background: none;
  height: 50px;
}
.footer {
  padding-top:0px;
  position: relative;
  z-index: 1001;
  background:#fff;
  height:78px;
}
#ewd-landing .footer p {
  color:#8e95a9;
}
#ewd-landing .footer h1 {
  text-align: center;
  margin:40px auto;
}
.footer-button-group {
  display: none;
  width: 300px;
  margin:16px auto;
}
.token-cta {
  background: #1e2433;
  display:block;
  position: relative;
  height: 265px;
  width: 100%;
}
.footer.internal-footer {
  background:#e8ebf2;
  padding: 0;
  height: 240px;
  margin-top:0px;
  vertical-align: center;
  padding: 100px 0;
  color:#8f96ab;
  width: 100%;
  display:block;
  text-align: center;
}
.footer.internal-footer .content {
  text-align: center;
  padding: 90px;
 background:#1e2433;;
}
.dashboard-features {
  background: #283145;
  height: 200px;
  position: relative;
  z-index: 101;
  padding:0;
  border-top: 1px solid rgba(85, 119, 188, 0.2);
}
.dashboard-features .content {
  text-align: center;
  padding: 80px 60px 80px;
  color:  #e8ebf2;
}
.footer .content ul li span {
  color:#e8ebf2;
}
.dashboard-features .content ul li  {
  display: inline-block;
  width: 33.33%;
  padding: 20px 10px 30px;
  float:left;
}
.footer .content ul {
  padding:0;
}
.footer.pub-profile-footer .horizontal-menu {
  bottom:0;
}
.full-footer {
  background:#1e2433;
  padding:40px 0px 100px 70px;
  border-top: 1px solid #374266;
  display:none;
  width:100%;
}
.full-footer ul li i {
  font-size: 20px;
  margin: 10px 14px 0px 0;
  display: inline-block;
  float: left;
}
.full-footer ul li .coming-soon-tag {
  font-size: 7px;
  background:#374266
  padding3px;
  border-radius: 4px;
}
.full-footer .social-links {
  display: inline-block;
  width: 100%;
  margin-top:-8px;
}
#about-page .full-footer h3 {
  color:#fff;
}
.pub-profile-footer h1 {
  color:#fff;
}
.pub-profile-footer .content ul li .account-button {
}
.pub-profile-footer .content ul li .account-button:nth-child(3) {
  background: #1e2433;
}
.pub-profile-footer .content .account-button span {
  color:#8e95a9;
  display: inline-block;
}
.pub-profile-footer .content .active .account-button span {
  color:#fff;
}
.financial-sample:hover .horizontal-divider {
  background:#5bc8ce;
}
.social-sample:hover .horizontal-divider {
  background:#57abd6;
}
.search-sample:hover .horizontal-divider {
  background:#5D85DA;
}
.health-sample:hover .horizontal-divider {
  background:#7E76C4;
}
.device-sample:hover .horizontal-divider {
  background: #AF6FA2;
}
.survey-sample:hover .horizontal-divider {
  background: #E06B7C;
}
.footer.pub-profile-footer {
  z-index: 101;
  height:auto;
  padding-top:0;
}
.footer.pub-profile-footer .content {
  padding: 0;
}
.footer .content {
padding: 0 70px;

}
.footer ul {
  margin:0 auto;
  display: inline-block;
  padding:26px 0px;
  vertical-align: top;
  float: left;
  width: 20%;
}
.footer ul li a {
  display:block;
  color:#8f96ab;
  text-transform: uppercase;
  letter-spacing: 1;
  font-size: 12px;
  font-weight: 400;
}
.footer .right li a {
  text-transform: lowercase;
  text-decoration: underline;
  font-size:14px;
  margin:6px 0 5px;
}
.footer .right li span {
  letter-spacing: 1;
  font-size: 12px;
  display:block;
  color:#8f96ab;
  text-transform: uppercase;
}
.footer ul li a:hover {
  color:#fff;
}
.horizontal-menu ul li a:hover {
  color:#313C5F;
}
.horizontal-menu ul li {
  display: inline-block;;
  float: left;
  padding:0px 60px 0px 0;
}
.horizontal-menu ul.right li  {
  padding: 0;
  opacity: .6;
}
.footer-cta-content {
  width: 40%;
  display: inline-block;
  float: right;
}
.footer span.legal-waiver {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  clear: both;
  vertical-align: bottom;
  padding-bottom: 20px;
}
.element-title-top {
  display: block;
  background: #1e2433;
  padding-top:18px;
}
.source-cta {
  border-top:1px dashed #313C5F;
  padding:42px 0;
  background: #1e2433;
}
.sample-cta {
  background: rgba(30, 36, 51, .9);
  border-top:1px dashed #fff;
  padding:0;
}
.footer.pub-profile-footer .content ul li {
  width: 16.66%;
  display: inline-block;
  height: 370px;
  vertical-align: top;
  border-right: 1px dashed rgba(85, 119, 188, 0.3);
  margin-bottom: 0px;
  padding:14px 30px;
  float: left;
}
.footer.pub-profile-footer .content ul li:last-child {
  border-right: none;
}
.footer.pub-profile-footer .content ul li.inactive h4 {
  color: #8e95a9;
}
.sample-cta .sample-button i {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  line-height: 18px;
  color:#8e95a9;
  transition: .4s ease-in-out;
}
.sample-cta .account-button {
  float: none;
}
#ewd-landing .sample-cta p {
  color:#8e95a9;
  margin:0px;
  font-size: 14px;
  padding: 0;
}
.sample-cta p strong {
  font-weight: 500;
  color: #fff;
}
.sample-cta .earnings-stat {
  padding:10px 0;
  border-right: 1px dashed #313c5f;
}
.sample-cta ul li:not(.active) .horizontal-divider {
  background: #313C5F;
}
.sample-cta ul li:not(.active) .earnings-stat h4 {
  color:#8e95a9;
}
.footer .social-icons {
  display: block;
  width: 100%;
  margin:100px auto 20px;
  text-align: center;
  font-size: 26px;
  clear: both;
}
.footer .social-icons a {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.5);
}
.footer .horizontal-menu {
  width: 100%;
  border-top:1px solid rgba(41, 50, 72, 0.1);
  height: 60px;
  vertical-align: bottom;
  position: fixed;
  z-index: 1;
  bottom: 0;
  display: block;
  text-align: center;
  padding:12px 0;
}
.internal-page .horizontal-menu h5 {
  color:#bcc4da;
  font-size: 18px;
  display: inline-block;
}
.horizontal-menu h5 {
  color:#bcc4da;
  font-size: 18px;
  display: inline-block;
}
.horizontal-menu a {
  display: inline-block;
  font-size: 18px;
  color:#fff;
  text-decoration: underline;
}
.question-popover {

}
.footer-menu .account-button.landing-button {
  margin: 0 auto;
}
#header.pub-profile-header {
  display: block;
}
.question-popover {
  position: absolute;
  right:34px;
  margin-top: 4px;
  color: #8e95a9;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: underline;
}
#header.pub-profile-header .content {
  padding:8px 34px 4px;
  background: none;
}
#header.pub-profile-header .powered-by {
 color:#1e2433;
}
#header.pub-profile-header .dc-mark {
 color:#1e2433;
}
#ewd-landing-page .pub-profile-header {
  opacity: 1;
  color: #8e95a9;
}
#ewd-landing-page .pub-profile-header .dropdown-menu {
  right:0;
  left:10px;
  top:80%;
}
#ewd-landing-page .pub-profile-header #login-drop {
 right:34px;
  position: absolute;
  top:10px;
}
#ewd-landing-page .pub-profile-header #login-drop:hover {
  color: #fff;
}
#ewd-landing-page .pub-profile-header #info-drop {
  left:14px;
}
#ewd-landing-page .pub-profile-header .dropdown .notif-status {
  font-size: 14px;
  line-height: 16px;
}
#ewd-landing-page .pub-profile-header #info-drop .notif-status {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  line-height: 12px;
  text-decoration: underline;
  color:#fff;
}
#ewd-landing-page .pub-profile-header .dropdown:hover .notif-status {
  color:#fff;
}
#ewd-landing-page .pub-profile-header .dropdown p {
  color: #8e95a9;
  padding: 10px;
  text-align: left;
}
#ewd-landing-page .pub-profile-header .page-title {
  font-family: 'Space Mono', monospace;
  color:#fff;
  text-align: center;
  letter-spacing: 4px;
  font-size: 12px;
  line-height: 28px;
}
#ewd-landing-page .pub-profile-header .page-title i {
  line-height: 22px;
}
#ewd-landing-page .pub-profile-header .page-title:nth-child(1) {
  left:0;
}
#ewd-landing-page .pub-profile-header .page-title:nth-child(3) {
  right: 0;
  top: 0;
}
#ewd-landing-page strong {
  color:#313C5F;
}
.dc-coin-badge {
  background: url('../../img/dc-coin-unverified-badge.png') no-repeat;
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  display: inline-block;
  border-radius: 50%;
  margin: -2px auto;
}
.pdt-coin-container-float {
  height: 103px;
  width: 100px;
  margin:0 auto;
}
.pdt-coin {
  background: url('../../img/pdt-badge-poly-blank.png') no-repeat;
  background-size:100px 100px;
  height:100px;
  width:100px;
  box-shadow: 0px 3px 0 #8f96ab;
  border-radius: 50%;
}
.pdt-tag {
  display: inline-block;
  background: #FFF;
  border-radius: 4px;
  background: #313C5F;
}
.dc-coin-unverified-badge {
  background: url(../../img/dc-coin-unverified-badge.png) no-repeat;
  background-size: 18px 18px;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  margin:0;
  display: inline-block;
  background-color:#8f96ab;
  float: left;
  vertical-align: bottom;
  transition: .3s ease-in-out;
}
.pdt-symbol {
  background: url(../../img/dc-token-symbol.png) no-repeat;
  background-size: 15px 15px;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  margin:3px 0;
  display: inline-block;
  float: left;
  vertical-align: bottom;
  transition: .3s ease-in-out;
}
.profile-button:hover .dc-coin-unverified-badge {
}
#ewd-landing-page .pub-profile-header .menu {
  width: 20%;
  text-align: right;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.4);
  vertical-align: top;
  line-height: 24px;
}
#ewd-landing-page .pub-profile-header .menu a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #8e95a9;
  vertical-align: top;
  line-height: 24px;
}
.internal-page {
  background: #fff;
  position: relative;
  z-index: 96;
  height: auto;
}
.internal-page-header {
  width: 100%;
  padding: 100px 70px 0;
  position: relative;
  z-index: 101;
  background:#fff;
  overflow: hidden;
  text-align: center;
}
.internal-page-header.ico-header {
  padding-top:0;
  padding-bottom:0;
}
#data-landscape-bg {
  background: url('../../img/landscape-1.png') no-repeat;
  position: absolute;
  background-size: cover;
  min-width: 100%;
  height: 100%;
  left: 0px;
  bottom:-50px;
}
.internal-page .internal-page-header p {
  font-size: 28px;
  line-height: 38px;
  color: #313C5F;
  width: 70%;
  margin:40px 0 auto;
}
.internal-page .content {
  padding:60px 70px 40px;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.how-it-works-page .left {
  width: 60%;
  display: inline-block;
  float: left;
  text-align: left;
  padding:0 60px 0 0;
  position: relative;
}
.how-it-works-page .right {
  width: 40%;
  display: inline-block;
  float: left;
  padding:0 0 0 50px;
  position: relative;
}
.internal-page f span {
  color: #8f96ab;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
}
.internal-page .secondary-content span {
 display: inline-block;
  margin-top:10px;
  font-size: 100px;
}
.internal-page h2 {
  font-size: 34px;
  color:#283145;
}
.internal-page p {
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 16px;
  color: #676c7b;
  font-family: 'Roboto', sans-serif;
}
#ewd-landing .application-overview p {
  color: #283145;
  font-size: 20px;
  padding:0px 0 10px;
  margin-bottom: 0;
}
.application-overview ul li {
    width: 50%;
    display: inline-block;
    position: relative;
    float: left;
    padding: 0px;
    height: 390px;
}
#ewd-landing .application-overview h2 {
  font-size: 34px;
  color:#283145;
}
#ewd-landing .application-overview .content {
  padding: 100px 70px;
  display: inline-block;
  width: 100%;
}
#ewd-landing .application-overview .profit-image-container .content {
  padding: 20px 70px;
}
.ewd-connect-page .step-note {
  color:rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
}
.secondary-content {
  padding:90px 70px 0;
  display: block;
  width: 100%;
  height:552px;
  position: relative;
  z-index: 91;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.secondary-content:nth-child(2) {
  background: #fff;
}
.secondary-content:nth-child(4) {
  background: #fff;
}
.internal-page .secondary-content .left {
  width: 40%;
}
.internal-page .secondary-content .left.secondary-content-copy {
  padding-right: 100px;
}
.internal-page .secondary-content .right.secondary-content-copy {
  padding-left: 100px;
}
.internal-page .secondary-content .right {
  width: 60%;
}
.internal-page .secondary-content#control-overview .right {
  width:40%;
}
.internal-page .secondary-content#control-overview .left {
  width:60%;
}
.small-browser-window {
  width: 100%;
  height: 510px;
  border:6px solid rgba(255,255,255,.6);
  border-top:12px solid rgba(255,255,255,.6);
  background: linear-gradient(0deg, #283145, #313C5F, #283145);
  border-radius: 8px;
  margin-top:66px;
}
#control-overview .small-browser-window {
  border-color:#e8ebf2;
}
.internal-page .secondary-content h2 {
  color: #283145;
}
.internal-page .secondary-content p {
  color: #313C5F;
}
#capture-overview {
  background: #e8ebf2;
}
#profit-overview {
  background: #e8ebf2;
}
.small-browser-window.capture-overview {
  background: url('../../img/capture-demo.gif') no-repeat;
  background-size: 670px 419px;
}
.small-browser-window.control-overview {
  background: url('../../img/control-demo.gif') no-repeat;
  background-size: 670px 419px;
}
.small-browser-window.profit-overview {
  background: url('../../img/profit-demo.gif') no-repeat;
  background-size: 670px 419px;
}
.large-browser-window.background-screenshot {
  background: url('../../img/capture-screenshot.png') no-repeat;
  background-size: 800px 716px;
  width: 800px;
  height: 716px;
}
.right .small-browser-window {
  float: right;
}
.left .small-browser-window {
  float: left;
}
.bio-tile {
  display: inline-block;
  margin:50px 0 0px;
}
.bio-tile.right-bio-tile .bio-content {
  padding: 0px 40px 0 0;
}
.bio-tile.right-bio-tile .bio-stats {
  float: right;
}
.small-dc-logo {
  background: url('../../img/logo-grey.png') no-repeat;
  background-size:29px 14px;
  height: 14px;
  width: 20px;
  display:block;
  margin:7px;
  opacity:.4;
}
.bio-tile:hover .small-dc-logo {
  opacity:1;
}
.small-info-icon {
  border-radius: 50%;
  line-height:15px;
  font-size: 12px;
  height: 15px;
  width: 15px;
  color:#fff;
  border-color: #E8EBF2;
  margin:7px;
  float: right;
  text-align: center;
}
.bio-tile:hover .small-info-icon {
  border-color: #BCC4DA;
}
.bio-stats {
  display: inline-block;
  width:32%;
  float: left;
  border:6px solid #E8EBF2;
  background: #fff;
  height: 224px;
  border-radius: 3px;
}
.team-container {
  margin:20px 0 60px;
}
.team-shot {
  background: url('../../img/team.png') no-repeat;
  background-size:506px 100px;
  height: 100px;
  width: 100px;
  display:block;
  border-radius: 50%;
  margin:8px auto 4px;
}
.team-shot .dc-coin-unverified-badge {
  position: absolute;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
  opacity: 0;
}
.bio-tile:hover .team-shot .data-avi {
  opacity: 1;
}
.bio-tile:hover .bio-stats {
  border-color:#E8EBF2;
}
.bio-tile:hover .data-request-btn {
  background:#BCC4DA;
}
.data-profile-readouts {
  background: #fff;
  height: 100px;
}
.dataset-readout {
  display: block;
  height: 68px;
  border-bottom: 1px solid #e8ebf2;
  padding: 0 6px 2px;
}
.dataset-readout .gem-geo-icons {
  display: block;
  position: absolute;
  transform:scale(.6);
  margin: 0 auto;
}
.dataset-readout-col:hover .gem-geo-icons {
  margin-top:-4px;
}
.dataset-readout.exchange-readout {
  display:block;
  height: 66px;
  padding: 6px 0;
  width: 100%;
}
.exchange-readout .profile-button {
  margin: 0 auto;
  display: block;
}
.small-exchange-icons {
  background: url('../../img/small-exchange-icons.png') no-repeat;
  background-size:89px 32px;
  height:32px;
  width: 28px;
  display: block;
  margin: 2px auto;
}
.small-exchange-icons.aggregate-item {
  background-position: 0px 0;
}
.small-exchange-icons.individual-item {
  background-position: -30px 0;
}
.small-exchange-icons.developer-item {
  background-position: -58px 0;
}
.dataset-readout-col.inactive .small-exchange-icons {
  opacity: .4;
}
.element-readout {
  text-align: center;
  letter-spacing: -1px;
  line-height: 14px;
  font-size: 15px;
  font-weight: 500;
  color:#1e2433;
  margin: 6px auto;
}
.spending-col .element-readout {
  color:#5BC8CE;
}
.social-col .element-readout {
  color:#57ABD6;
}
.search-col .element-readout {
  color:#5D85DA;
}
.health-col .element-readout {
  color:#7E76C4;
}
.device-col .element-readout {
  color:#AF6FA2;
}
.survey-col .element-readout {
  color:#E06B7C;
}
.dataset-readout-col.inactive .element-readout {
  color:#1E2433;
}
.team-shot .data-avi {
  background: url('../../img/mh-data-avi.png') no-repeat;
  background-size:100px 100px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: absolute;
  background-color:rgba(188, 196, 218, .5);
  z-index: 1;
  opacity: 0;
}
.mh {
  background-position: 0 0;
}
.rh {
  background-position: -100px 0;
}
.cf {
  background-position: -200px 0;
}
.av {
  background-position: -404px 0;
}
.sl {
  background-position: -300px 0;
}
.bio-content {
  display: inline-block;
  padding:0px 0px 0 40px;
  vertical-align: top;
  width: 68%;
}
.bio-tile span {
  text-transform: none;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
}
.data-profilt-readouts {

}
.bio-content span:nth-child(2) {
  font-size: 16px;
}
.bio-content p {
 padding:0;
  margin:-6px 0 0;
}
.right a {
  color:#676c7b;
  display: inline;
}
.right .press-logos {
  width: 70%;
  margin: 0;
}
.right .press-logos li {
  margin-top:30px;
  width:50%;
}
.right .press-logos li img {
}
.presskit-section {
  display: block;
  clear: both;
  padding:20px 0 40px;
}
.presslink {
  color:rgba(0, 0, 0, 0.7);
  display: block;
  margin-bottom:7px;
  text-decoration: underline;
}
.right strong {
  display: inline-block;
  position: relative;
  color: #283145;
  font-weight: 500;
  text-decoration: none;
}
.presskit-section strong {
  padding-left: 7px;
}
.dc-office-map {
  background:#eee;
  background-size:268px 190px;
  height:190px;
  width:268px;
  margin:40px 0 20px;
  border:1px solid #fff;
}
.press-contact {
  margin:16px 0 50px;
}
.press-contact a {
  margin-bottom: 4px;
}
.show-on-mobile {
  display: none;
}

.profile-button > .inner-button-container {
  color:#fff;
  background:#313C5F;
  display: inline-block;
  padding: 8px 14px;
  width: auto;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  text-align: center;
  transition: .7s ease-in-out;
}
.profile-button {
  font-size: 12px;
  font-weight: 600;
  line-height: 9px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  letter-spacing: 1px;
  padding: 2px;
  display: inline-block;
  text-transform: uppercase;
  -webkit-animation: out .4s forwards;
  -moz-animation: out .4s forwards;
  animation: out .4s forwards;
  background: linear-gradient(-90deg, #1f2534, #1f2534, #1f2534, #ECB85E, #ECB85E, #ECB85E);
  background-size: 500% 300%;
}
.profile-button.main-sample-button {
  line-height: 19px;
}
.profile-button span {
  letter-spacing: 2px;
  line-height: 18px;
  font-size: 14px;
  color: #292f3e;
  font-weight: 500;
  text-transform: uppercase;
}
.profile-button:hover {
  -webkit-animation: in .7s forwards;
  -moz-animation: in .7s forwards;
  animation: in .7s forwards;
  cursor: pointer;
}
a.profile-button:hover span {
  text-decoration: none;
}
.profile-button:hover > div {
  color: #fff;
  background: #242D41;
}
.profile-button:hover .inner-profile-button {
  background: #e8ebf2;
}
.profile-button.secondary-button .inner-button-container {
  background: #e8ebf2;
}
.profile-button.secondary-button:hover .inner-button-container {;
}
.sample-button.secondary-button div span {
  color:#242D41;
}
.sample-button:hover > div {
  background: #313C5F;
}
@-webkit-keyframes in {
  from   { background-position:100%; }
  to { background-position: 0%;}
}

@-webkit-keyframes out {
  from   { background-position:0%; }
  to { background-position:100%; }
}
.base-sample-button {
  background: linear-gradient(-90deg, #bcc4da,#bcc4da, #fff, #bcc4da, #bcc4da);
  background-size: 500% 300%;
}
.survey-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #E06B7C, #E06B7C, #E06B7C);
  background-size: 500% 300%;
}
.device-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #AF6FA2, #AF6FA2, #AF6FA2);
  background-size: 500% 300%;
}
.health-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #7E76C4, #7E76C4, #7E76C4);
  background-size: 500% 300%;
}
.search-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #5D85DA, #5D85DA, #5D85DA);
  background-size: 500% 300%;
}
.social-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #57ABD6, #57ABD6, #57ABD6);
  background-size: 500% 300%;
}
.financial-sample-button {
  background: linear-gradient(-90deg, #313C5F,#313C5F, #313C5F, #5BC8CE, #5BC8CE, #5BC8CE);
  background-size: 500% 300%;
}
.main-sample-button {
  background: linear-gradient(230deg, #313C5F,#313C5F,#313C5F,#fff,#fff,#fff);
  background-size: 500% 300%;
}
.secondary-button {
  background: linear-gradient(-90deg, #e8ebf2,#e8ebf2,#e8ebf2, #242D41, #242D41,#242D41);
  background-size: 500% 300%;
}
.secondary-sample-button div {
  background: #fff;
}
.sample-button.secondary-sample-button div span {
  color:#8f96ab;
}
.profile-button.landing-button .inner-button-container {
  width: 170px;
  padding:12px 0;
  font-size: 14px;
}
.profile-button.pdt-button .inner-button-container {
  width: 150px;
  padding:8px 4px;
  font-size: 14px;
  background:none;
}
.profile-button.pdt-button span {
  color:#8f96ab;
}
.sample-cta.financial-sample:hover {
  border-color:#5BC8CE;
}
.sample-cta.social-sample:hover {
  border-color:#57ABD6;
}
.sample-cta.search-sample:hover  {
  border-color:#5D85DA;
}
.sample-cta.health-sample:hover {
  border-color:#7E76C4;
}
.sample-cta.device-sample:hover {
  border-color:#AF6FA2;
}
.sample-cta.survey-sample:hover {
  border-color:#E06B7C;
}
.sample-button.inactive {
  background: linear-gradient(-90deg, #1e2433, #1e2433, #8e95a9, #8e95a9, #8e95a9) !important;
  background-size: 500% 300% !important;
}
.sample-cta:hover .sample-button {
  -webkit-animation: in 1s forwards;
  -moz-animation: in 1s forwards;
  animation: in 1s forwards;
}
.sample-cta:hover .sample-button > div {
  background: #1e2433;
  color: #fff;
}
.footer .content ul li:hover .sample-button span  {
  color: #fff;
  transition: .4s ease-in-out;
}
.sample-button > div span {
  color: #fff;
}
.menu-stop {
  position: absolute;
}
.data-request-btn {
  width:100%;
  background:#E8EBF2;
  color:#1e2433;
  padding: 7px 30px;
  text-align: center;
  border-radius: 0 0 2px 2px;
}
.data-request-btn span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  vertical-align: top;
}
.data-request-btn:hover {
  background:#BCC4DA;
}
#about-page .application-overview {
  height:auto;
  background: #fff;
}
#about-page .application-overview .content {
  padding:80px 70px 40px;
}
.about-content-container {
  position: relative;
  z-index: 2;
  padding:100px 0;
}
#about-page .application-overview a {
  text-decoration: underline;
}
#about-page h3 {
  color:#1e2433;
  font-weight: 500;
}
#about-page .application-overview .left {
  width: 60%;
  padding-top:10px;
}
#about-page .application-overview .right {
  width: 30%;
}
#market-page .overview.info-section  {
 background: #fff;
}
#market-page .overview.info-section .content {
  padding-top:50px;
}
#market-page .account-button.landing-button {
  width: auto;
  margin:0px auto;
}
.analytics-placeholder {
  background:url('../../img/analytics-placeholder.png') no-repeat;
  background-size:600px 600px;
  height:600px;
  width:600px;
  margin:0 auto;
  position: absolute;
  left:0px;
  top:0px;
}
.marketing-placeholder {
  background:url('../../img/marketing-placeholder.png') no-repeat;
  background-size:600px 600px;
  height:600px;
  width:600px;
  margin:0 auto;
  position: absolute;
  right:0px;
  top:0px;
}
.dev-placeholder {
  background:url('../../img/dev-placeholder.png') no-repeat;
  background-size:600px 600px;
  height:600px;
  width:600px;
  margin:0 auto;
  position: absolute;
  left:0px;
  top:0px;
}

.overview.capture-main {
  height: 680px;
  text-align: left;
}
.overview.control-main {
  height: 680px;
  background: #E8EBF2;
  text-align: left;
  overflow: hidden;
}
.overview.control-main .profile-button.secondary-button .inner-button-container {
  background: #fff;
}
.overview.profit-main {
  height:680px;
  text-align: left;
}
.sum-content .content {
  width: 50%;
  padding-top:80px;
}
.sum-content .content.right{
  padding-right: 130px;
  padding-bottom: 0;
}
.sum-content .content.left{
  padding-left: 130px;
}
.browser-frame {
  background: rgba(255, 255, 255,.6);
  border-radius: 10px;
  padding: 5px 10px;
  position: absolute;
  bottom:-10px;
  right: -424px;
  width: 918px;
  z-index: 1;
}
.mobile-frame {
  background: rgba(255, 255, 255,.9);
  border-radius: 10px;
  padding: 3px 6px;
  position: absolute;
  bottom:-260px;
  right:286px;
  z-index: 2;
  width:290px;
}
.mobile-frame .pub-profile-screenshot {
  background-position: -622px 0;
  width: 278px;
  overflow: hidden;
}
.sum-content-image-container {
  position: absolute;
  top:100px;
  left:140px;
}
.pillar .user-orbit {
  z-index: 2;
  -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:orbit;
    -webkit-animation-duration:60s;
  animation: none;
}
.capture-image-container .pillar .user-orbit:last-child {
  background-color:#E8EBF2;
}
.pillar .user-orbit:nth-child(even) {
  -webkit-animation-direction:reverse
}
.pillar .orbit-avi {
}
.pillar .user-orbit:nth-child(34) {
  top:680px;
}
.pillar .user-orbit:nth-child(33) {
  top:660px;
}
.pillar .user-orbit:nth-child(32) {
  top:640px;
}
.pillar .user-orbit:nth-child(31) {
  top:620px;
}
.pillar .user-orbit:nth-child(30) {
  top:600px;
}
.pillar .user-orbit:nth-child(29) {
  top:580px;
}
.pillar .user-orbit:nth-child(28) {
  top:560px;
}
.pillar .user-orbit:nth-child(27) {
  top:540px;
}
.pillar .user-orbit:nth-child(26) {
  top:520px;
}
.pillar .user-orbit:nth-child(25) {
  top:500px;
}
.pillar .user-orbit:nth-child(24) {
  top:480px;
}
.pillar .user-orbit:nth-child(23) {
  top:460px;
}
.pillar .user-orbit:nth-child(22) {
  top:440px;
}
.pillar .user-orbit:nth-child(21) {
  top:420px;
}
.pillar .user-orbit:nth-child(20) {
  top:400px;
}
.pillar .user-orbit:nth-child(19) {
  top:380px;
}
.pillar .user-orbit:nth-child(18) {
  top:360px;
}
.pillar .user-orbit:nth-child(17) {
  top:340px;
}
.pillar .user-orbit:nth-child(16) {
  top:320px;
}
.pillar .user-orbit:nth-child(15) {
  top:300px;
}
.pillar .user-orbit:nth-child(14) {
  top:280px;
}
.pillar .user-orbit:nth-child(13) {
  top:260px;
}
.pillar .user-orbit:nth-child(12) {
  top:240px;
}
.pillar .user-orbit:nth-child(11) {
  top:220px;
}
.pillar .user-orbit:nth-child(10) {
  top:200px;
}
.pillar .user-orbit:nth-child(9) {
  top:180px;
}
.pillar .user-orbit:nth-child(8) {
  top:160px;
}
.pillar .user-orbit:nth-child(7) {
  top:140px;
}
.pillar .user-orbit:nth-child(6) {
  top:120px;
}
.pillar .user-orbit:nth-child(5) {
  top:100px;
}
.pillar .user-orbit:nth-child(4) {
  top:80px;
}
.pillar .user-orbit:nth-child(3) {
  top:60px;
}
.pillar .user-orbit:nth-child(2) {
  top:40px;
}
.pillar .user-orbit:nth-child(1) {
  top:20px;
}
.pillar {
  transform: rotateX(63deg);
  color:#fff;
  text-align: center;
  position: absolute;
}
.fb-pillar {
}
.fb-pillar .user-orbit {
  width:100px;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
}
.fb-pillar .user-orbit .orbit-avi {
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}
.fb-pillar .user-orbit:nth-child(1) {
  background: #5D85DA;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.tw-pillar {
  left:120px;
  top:105px;
  z-index: 3;
}
.tw-pillar .user-orbit {
  width:80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
}
.tw-pillar .user-orbit .orbit-avi {
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
}
.tw-pillar .user-orbit:nth-child(1) {
  background:#57ABD6;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.lk-pillar {
  left:50px;
  top:220px;
  z-index: 102;
}
.lk-pillar .user-orbit {
  width:120px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
}
.lk-pillar .user-orbit .orbit-avi {
  background-size: 120px 120px;
  height: 120px;
  width: 120px;
}
.lk-pillar .user-orbit:nth-child(1) {
  background:#5D85DA;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.goog-pillar {
  left:205px;
  top:0px;
  z-index: 1;
}
.goog-pillar .user-orbit {
  width:120px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
}
.goog-pillar .user-orbit .orbit-avi {
  background-size: 120px 120px;
  height: 120px;
  width: 120px;
}
.goog-pillar .user-orbit:nth-child(1) {
  background:#E06B7C;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.apple-pillar {
  left:230px;
  top:140px;
  z-index: 2;
}
.apple-pillar .user-orbit {
  width:100px;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
}
.apple-pillar .user-orbit .orbit-avi {
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}
.apple-pillar .user-orbit:nth-child(1) {
  background:#8f96ab;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.health-pillar .user-orbit:nth-child(1) {
  background:#7E76C4;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.amzn-pillar {
  left:335px;
  top:70px;
  z-index: 1;
}
.amzn-pillar .user-orbit {
  width:80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
}
.amzn-pillar .user-orbit .orbit-avi {
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
}
.amzn-pillar .user-orbit:nth-child(1) {
  background:#ff9167;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.visa-pillar {
  left:0px;
  top:290px;
  z-index: 107;
}
.visa-pillar .user-orbit {
  width:80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
}
.visa-pillar .user-orbit .orbit-avi {
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
}
.visa-pillar .user-orbit:nth-child(1) {
  background:#5BC8CE;
  animation: none;
  z-index: 101;
  transform:rotate(-30deg);
}
.profit-img-container {
  position: absolute;
  height: 227px;
  width: 227px;
  top:100px;
  left:210px;
}
.coin-container {
  position: absolute;
  height: 142px;
  width: 142px;
  border-radius: 50%;
  box-shadow:0px 6px 0 #b2b9ce;
  transform:rotateX(-54deg);
}
.coin-container:nth-child(1) {
  top:120px;
  left:-92px;
  z-index: 4;
}
.coin-container:nth-child(2) {
  top:60px;
  left:74px;
  z-index: 3;
}
.coin-container:nth-child(3) {
  top:2px;
  left:240px;
  z-index: 2;
}
.coin-stack {
}
.coin-stack .user-orbit {
  margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:linear;
      -webkit-animation-name:orbit;
      -webkit-animation-duration:100s;
    box-shadow:0px 1px 0 #8f96ab;
  opacity: .5;
  animation: none;

}
.coin-stack .user-orbit:nth-child(odd) {
    -webkit-animation-direction:reverse;
}
.coin-stack .user-orbit:nth-child(36) {
  height: 227px;
  width: 227px;
}
.coin-stack .user-orbit:nth-child(35) {
  height: 224px;
  width: 224px;
}
.coin-stack .user-orbit:nth-child(34) {
  height: 221px;
  width: 221px;
}
.coin-stack .user-orbit:nth-child(33) {
  height: 218px;
  width: 218px;
}
.coin-stack .user-orbit:nth-child(32) {
  height: 215px;
  width: 215px;
}
.coin-stack .user-orbit:nth-child(31) {

  height: 212px;
  width: 212px;
}
.coin-stack .user-orbit:nth-child(30) {

  height: 209px;
  width: 209px;
}
.coin-stack .user-orbit:nth-child(29) {

  height: 206px;
  width: 206px;
}
.coin-stack .user-orbit:nth-child(28) {

  height: 203px;
  width: 203px;
}
.coin-stack .user-orbit:nth-child(27) {

  height: 200px;
  width:200px;
}
.coin-stack .user-orbit:nth-child(26) {

  height: 195px;
  width: 195px;
}
.coin-stack .user-orbit:nth-child(25) {

  height: 190px;
  width: 190px;
}
.coin-stack .user-orbit:nth-child(24) {

  height: 165px;
  width: 165px;
}
.coin-stack .user-orbit:nth-child(23) {

  height: 160px;
  width: 160px;
}
.coin-stack .user-orbit:nth-child(22) {
  height: 150px;
  width: 150px;
}
.coin-stack .user-orbit:nth-child(21) {

  height: 145px;
  width: 145px;
}
.coin-stack .user-orbit:nth-child(20) {
  height: 140px;
  width: 140px;
  background: #E8EBF2;
}
.coin-stack .user-orbit:nth-child(19) {
  height: 135px;
  width: 135px;
}
.coin-stack .user-orbit:nth-child(18) {
  height: 130px;
  width: 130px;
}
.coin-stack .user-orbit:nth-child(17) {
  height: 125px;
  width: 125px;
}
.coin-stack .user-orbit:nth-child(16) {
  height: 120px;
  width: 120px;
}
.coin-stack .user-orbit:nth-child(15) {
  height: 115px;
  width: 115px;
}
.coin-stack .user-orbit:nth-child(14) {
  height: 110px;
  width: 110px;
}
.coin-stack .user-orbit:nth-child(13) {
  height: 105px;
  width: 105px;
}
.coin-stack .user-orbit:nth-child(12) {
  height: 100px;
  width: 100px;
}
.coin-stack .user-orbit:nth-child(11) {
  height: 95px;
  width: 95px;
}
.coin-stack .user-orbit:nth-child(10) {
  height: 90px;
  width: 90px;
}
.coin-stack .user-orbit:nth-child(9) {
  height: 85px;
  width: 85px;
}
.coin-stack .user-orbit:nth-child(8) {
  height: 80px;
  width:80px;
}
.coin-stack .user-orbit:nth-child(7) {
  height: 75px;
  width:75px;
}
.coin-stack .user-orbit:nth-child(6) {
  height: 70px;
  width: 70px;
}
.coin-stack .user-orbit:nth-child(5) {
  height: 65px;
  width: 65px;
}
.coin-stack .user-orbit:nth-child(4) {
  height: 60px;
  width: 60px;
}
.coin-stack .user-orbit:nth-child(3) {
  height: 55px;
  width: 55px;
}
.coin-stack .user-orbit:nth-child(2) {
  height: 50px;
  width: 50px;
}
.coin-stack .user-orbit:nth-child(1) {
  height: 45px;
  width: 45px;
}
.coin-stack-inner {
  height: 120px;
  width: 120px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  overflow: hidden;
  z-index: 1;
  border-radius: 50%;
  background:linear-gradient(90deg,#BCC4DA,#E8EBF2,#BCC4DA);
  box-shadow:0 -1px 0 #8f96ab;
}
.coin-head {
  height: 40px;
  width: 40px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 50%;
  background: -o-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: -moz-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: -webkit-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  box-shadow:0 1px 0 #8f96ab;
}
.coin-body {
  height: 120px;
  width: 120px;
  margin: auto;
  position: absolute;
  top: 170px; left: 0; bottom: 0; right: 0;
  border-radius: 50%;
  background: -o-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: -moz-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: -webkit-linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  background: linear-gradient(90deg,#E8EBF2,#fff, #E8EBF2);
  box-shadow:0px -1px 0px #BCC4DA;
}
.dc-token-placeholder {
  background: url('../../img/dc-token-placeholder.png') no-repeat;
  height:142px;
  width: 142px;
  background-size: 150px 150px;
  position: absolute;
  transform:rotateX(-30deg);
}
.coin-pillar .user-orbit {
  height: 142px;
  width: 142px;
}
.coin-path .user-orbit {
  height: 142px;
  width: 142px;
}
.coin-path-2 .user-orbit {
  height: 142px;
  width: 142px;
}
.coin-path-3 .user-orbit {
  height: 142px;
  width: 142px;
  border:1px dashed rgba(194, 197, 208, 0.6)
}
.coin-pillar .user-orbit:nth-child(34) {
  top:-680px;
}
.coin-pillar .user-orbit:nth-child(33) {
  top:-660px;
}
.coin-pillar .user-orbit:nth-child(32) {
  top:-640px;
}
.coin-pillar .user-orbit:nth-child(31) {
  top:-620px;
}
.coin-pillar .user-orbit:nth-child(30) {
  top:-600px;
}
.coin-pillar .user-orbit:nth-child(29) {
  top:-580px;
}
.coin-pillar .user-orbit:nth-child(28) {
  top:-560px;
}
.coin-pillar .user-orbit:nth-child(27) {
  top:-540px;
}
.coin-pillar .user-orbit:nth-child(26) {
  top:-520px;
}
.coin-pillar .user-orbit:nth-child(25) {
  top:-500px;
}
.coin-pillar .user-orbit:nth-child(24) {
  top:-480px;
}
.coin-pillar .user-orbit:nth-child(23) {
  top:460px;
}
.coin-pillar .user-orbit:nth-child(22) {
  top:440px;
}
.coin-pillar .user-orbit:nth-child(21) {
  top:420px;
}
.coin-pillar .user-orbit:nth-child(20) {
  top:400px;
}
.coin-pillar .user-orbit:nth-child(19) {
  top:380px;
}
.coin-pillar .user-orbit:nth-child(18) {
  top:360px;
}
.coin-pillar .user-orbit:nth-child(17) {
  top:340px;
}
.coin-pillar .user-orbit:nth-child(16) {
  top:320px;
}
.coin-pillar .user-orbit:nth-child(15) {
  top:300px;
}
.coin-pillar .user-orbit:nth-child(14) {
  top:280px;
}
.coin-pillar .user-orbit:nth-child(13) {
  top:260px;
}
.coin-pillar .user-orbit:nth-child(12) {
  top:240px;
}
.coin-pillar .user-orbit:nth-child(11) {
  top:220px;
}
.coin-pillar .user-orbit:nth-child(10) {
  top:200px;
}
.coin-pillar .user-orbit:nth-child(9) {
  top:180px;
}
.coin-pillar .user-orbit:nth-child(8) {
  top:160px;
}
.coin-pillar .user-orbit:nth-child(7) {
  top:140px;
}
.coin-pillar .user-orbit:nth-child(6) {
  top:120px;
}
.coin-pillar .user-orbit:nth-child(5) {
  top:100px;
}
.coin-pillar .user-orbit:nth-child(4) {
  top:80px;
}
.coin-pillar .user-orbit:nth-child(3) {
  top:60px;
}
.coin-pillar .user-orbit:nth-child(2) {
  top:40px;
}
.coin-pillar .user-orbit:nth-child(1) {
  top:20px;
}
.coin-stack-inner .financial-spectrum {
  background:url('../../img/financial-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .social-spectrum {
  background:url('../../img/social-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .search-spectrum {
  background:url('../../img/search-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .health-spectrum {
  background:url('../../img/health-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .device-spectrum {
  background:url('../../img/device-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .survey-spectrum {
  background:url('../../img/survey-spectrum-silver.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .financial-spectrum-inactive {
  background:url('../../img/financial-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .social-spectrum-inactive {
  background:url('../../img/social-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .search-spectrum-inactive {
  background:url('../../img/search-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .health-spectrum-inactive {
  background:url('../../img/health-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .device-spectrum-inactive {
  background:url('../../img/device-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .survey-spectrum-inactive {
  background:url('../../img/survey-spectrum-silver-inactive.png') no-repeat;
  background-size:120px 120px;
  height:120px;
  width:120px;
  margin:0 auto;
  opacity: 1;
}
.coin-stack-inner .coin-dollar-sign {
  background:url('../../img/coin-dollar-sign.png') no-repeat;
  background-size:45px 80px;
  height:80px;
  width:45px;
  margin:22px auto;
  transform:rotate(-30deg);
}
.exchange-coin-container {
  width: 600px;
  height: 480px;
  margin: auto;
  position: absolute;
  top: 112px; left: 0; bottom: 0; right: 0;
}
.exchange-coin-container .coin-container {
  transform:rotate(0deg);
  box-shadow: 0px 2px 0 #8f96ab;
  transform:scale(.75);
}
.exchange-coin-container .coin-container:nth-child(1) {
  top:0;
  left: 55%;
  right:0;
}
.exchange-coin-container .coin-container:nth-child(2) {
  top:218px;
  right:55%;
  left: 0;
}
.exchange-coin-container .coin-container:nth-child(1) .coin-stack-inner {
  transform:rotate(30deg);
}
.exchange-coin-container .coin-stack .user-orbit {
      box-shadow: 0px -1px 0 #8f96ab;
}
.coin-path .user-orbit:nth-child(34) {
  right:-680px;
}
.coin-path .user-orbit:nth-child(33) {
  right:-660px;
}
.coin-path .user-orbit:nth-child(32) {
  right:-640px;
}
.coin-path .user-orbit:nth-child(31) {
  right:-620px;
}
.coin-path .user-orbit:nth-child(30) {
  right:-600px;
}
.coin-path .user-orbit:nth-child(29) {
  right:-580px;
}
.coin-path .user-orbit:nth-child(28) {
  right:-560px;
}
.coin-path .user-orbit:nth-child(27) {
  right:-540px;
}
.coin-path .user-orbit:nth-child(26) {
  right:-520px;
}
.coin-path .user-orbit:nth-child(25) {
  right:-500px;
}
.coin-path .user-orbit:nth-child(24) {
  right:-480px;
}
.coin-path .user-orbit:nth-child(23) {
  right:460px;
}
.coin-path .user-orbit:nth-child(22) {
  right:440px;
}
.coin-path .user-orbit:nth-child(21) {
  right:420px;
}
.coin-path .user-orbit:nth-child(20) {
  right:400px;
}
.coin-path .user-orbit:nth-child(19) {
  right:380px;
}
.coin-path .user-orbit:nth-child(18) {
  right:360px;
}
.coin-path .user-orbit:nth-child(17) {
  right:340px;
}
.coin-path .user-orbit:nth-child(16) {
  right:320px;
}
.coin-path .user-orbit:nth-child(15) {
  right:300px;
}
.coin-path .user-orbit:nth-child(14) {
  right:280px;
}
.coin-path .user-orbit:nth-child(13) {
  right:260px;
}
.coin-path .user-orbit:nth-child(12) {
  right:240px;
}
.coin-path .user-orbit:nth-child(11) {
  right:220px;
}
.coin-path .user-orbit:nth-child(10) {
  right:200px;
}
.coin-path .user-orbit:nth-child(9) {
  right:180px;
}
.coin-path .user-orbit:nth-child(8) {
  right:160px;
}
.coin-path .user-orbit:nth-child(7) {
  right:140px;
}
.coin-path .user-orbit:nth-child(6) {
  right:120px;
}
.coin-path .user-orbit:nth-child(5) {
  right:100px;
}
.coin-path .user-orbit:nth-child(4) {
  right:80px;
}
.coin-path .user-orbit:nth-child(3) {
  right:60px;
}
.coin-path .user-orbit:nth-child(2) {
  right:40px;
}
.coin-path .user-orbit:nth-child(1) {
  right:20px;
}
.coin-path-2 .user-orbit:nth-child(34) {
  left:-680px;
}
.coin-path-2 .user-orbit:nth-child(33) {
  left:-660px;
}
.coin-path-2 .user-orbit:nth-child(32) {
  left:-640px;
}
.coin-path-2 .user-orbit:nth-child(31) {
  left:-620px;
}
.coin-path-2 .user-orbit:nth-child(30) {
  left:-600px;
}
.coin-path-2 .user-orbit:nth-child(29) {
  left:-580px;
}
.coin-path-2 .user-orbit:nth-child(28) {
  left:-560px;
}
.coin-path-2 .user-orbit:nth-child(27) {
  left:-540px;
}
.coin-path-2 .user-orbit:nth-child(26) {
  left:-520px;
}
.coin-path-2 .user-orbit:nth-child(25) {
  left:-500px;
}
.coin-path-2 .user-orbit:nth-child(24) {
  left:-480px;
}
.coin-path-2 .user-orbit:nth-child(23) {
  left:460px;
}
.coin-path-2 .user-orbit:nth-child(22) {
  left:440px;
}
.coin-path-2 .user-orbit:nth-child(21) {
  left:420px;
}
.coin-path-2 .user-orbit:nth-child(20) {
  left:400px;
}
.coin-path-2 .user-orbit:nth-child(19) {
  left:380px;
}
.coin-path-2 .user-orbit:nth-child(18) {
  left:360px;
}
.coin-path-2 .user-orbit:nth-child(17) {
  left:340px;
}
.coin-path-2 .user-orbit:nth-child(16) {
  left:320px;
}
.coin-path-2 .user-orbit:nth-child(15) {
  left:300px;
}
.coin-path-2 .user-orbit:nth-child(14) {
  left:280px;
}
.coin-path-2 .user-orbit:nth-child(13) {
  left:260px;
}
.coin-path-2 .user-orbit:nth-child(12) {
  left:240px;
}
.coin-path-2 .user-orbit:nth-child(11) {
  left:220px;
}
.coin-path-2 .user-orbit:nth-child(10) {
  left:200px;
}
.coin-path-2 .user-orbit:nth-child(9) {
  left:180px;
}
.coin-path-2 .user-orbit:nth-child(8) {
  left:160px;
}
.coin-path-2 .user-orbit:nth-child(7) {
  left:140px;
}
.coin-path-2 .user-orbit:nth-child(6) {
  left:120px;
}
.coin-path-2 .user-orbit:nth-child(5) {
  left:100px;
}
.coin-path-2 .user-orbit:nth-child(4) {
  left:80px;
}
.coin-path-2 .user-orbit:nth-child(3) {
  left:60px;
}
.coin-path-2 .user-orbit:nth-child(2) {
  left:40px;
}
.coin-path-2 .user-orbit:nth-child(1) {
  left:20px;
}
#market-page.internal-page {
 background: rgba(31, 37, 52, 1);
  padding-top:40px;
}
#market-page .internal-page-header {
  height: auto;
  padding-top:50px;
  background: rgba(31, 37, 52, 1);
}
#market-page .internal-page-header h2 {
  color:#fff;
}
.ewd-market-page .internal-page {
  padding-top:100px;
}
.market-graph-section {
  padding:0 0 80px;
  text-align: center;
}
.market-graph-section button  {
  margin:70px auto;
}
.exchange-links ul li {
  width: 25%;
  background: #E8EBF2;
  height:340px;
  display: inline-block;
  float: left;
}
.exchange-link-content {
  width: 100%;
  height: 100%;
  display: block;
  margin:0px;
  border-left: 2px solid #E8EBF2;
  border-right: 2px solid #E8EBF2;
  background: #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.exchange-link-content:hover .account-button.landing-button.learn-more-button {
  background: #d9dbe3;
}
.exchange-header-content {
  width: 100%;
  height: auto;
  padding:60px 40px 50px;
  text-align: center;
  color:#fff;
  background: #1e2433;
}
.internal-page .exchange-header-content h5 {
  color: #8f96ab;
  margin-top:20px;
}
.exchange-header-content p {
  color: #bcc4da;
}
.exchange-header-content .data-purchaser-icons {
  margin-top:20px;
}
.exchange-icons {
  background: url('../../img/exchange-icons.png') no-repeat;
  background-size: 100px 40px;
}
.exchange-icons.analytics-exch-icon {
  background-position: 0 0;
  height: 40px;
  width: 35px;
}
.exchange-icons.marketing-exch-icon {
  background-position: -41px 0;
  width: 37px;
  height: 40px;
}
.exchange-icons.developer-exch-icon {
  background-position: -80px 0;
  height: 40px;
  width: 20px;
}
.exchange-snippet-body {
  padding:30px;
}
.snippet-divider {
  height: 1px;
  width: 100%;
}
.analytics-snippet .snippet-divider {
  background: -o-linear-gradient(90deg,rgba(100, 227, 198, .7s),rgba(84, 120, 226, .7));
  background: -moz-linear-gradient(90deg,rgba(100, 227, 198, .7),rgba(84, 120, 226, .7));
  background: -webkit-linear-gradient(90deg,rgba(100, 227, 198, .7),rgba(84, 120, 226, .7));
  background: linear-gradient(90deg,rgba(100, 227, 198, .7),rgba(84, 120, 226, .7));
}
.marketing-snippet .snippet-divider {
  background: -o-linear-gradient(90deg,rgba(84, 120, 226, .7),rgba(126, 118, 196, .7));
  background: -moz-linear-gradient(90deg,rgba(84, 120, 226, .7),rgba(126, 118, 196, .7));
  background: -webkit-linear-gradient(90deg,rgba(84, 120, 226, .7),rgba(126, 118, 196, .7));
  background: linear-gradient(90deg,rgba(84, 120, 226, .7),rgba(126, 118, 196, .7));
}
.developer-snippet .snippet-divider {
  background: -o-linear-gradient(90deg,rgba(126, 118, 196, .7),rgba(224, 107, 124, .7));
  background: -moz-linear-gradient(90deg,rgba(126, 118, 196, .7),rgba(224, 107, 124, .7));
  background: -webkit-linear-gradient(90deg,rgba(126, 118, 196, .7),rgba(224, 107, 124, .7));
  background: linear-gradient(90deg,rgba(126, 118, 196, .7),rgba(224, 107, 124, .7));
}
.exchange-snippet-body .account-button.landing-button.learn-more-button {
  margin: 34px auto;
  display: block;
}
.exchange-facts {
  padding:20px 0px 0;
  width: 80%;
  margin:0 auto;
}
.exchange-facts p {
  color:#8f96ab;
}
.exchange-facts ul {
  display: inline-block;
  width: 100%;
}
.exchange-facts ul li {
  width: 33.33%;
  display: inline-block;
  height: auto;
  float: left;
  position: relative;
  text-align: center;
  padding: 0 20px;
}
.exchange-facts ul li section {
  padding-right: 30px;
  height: 100px;
}
.exchange-facts ul li span {
  text-transform: uppercase;
  color: #8f96ab;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 40px;
}
.exchange-facts ul a:hover span {
  color: #fff;
}
.exchange-facts ul a:hover .gem-geo-icons {
  margin-top:-4px;
}
.right-market-image {
  display: inline-block;
  width: 50%;
  position: relative;
}
.diagram-market-image {
  height: 364px;
  width: 500px;
  margin: 0px auto 0px;
}
.main-coin-breakdown {
  transform: rotate(0deg);
  margin: 0px auto;
  height: 330px;
  width: 830px;
  padding: 0px 0px;
  position: absolute;
}
.main-coin-breakdown .coin-container {
  right: 0px;
  top: 25px;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotateX(0deg)rotateY(45deg);
  box-shadow: none;
  position: relative;
}
.main-coin-breakdown.coin-stack .user-orbit  {
  box-shadow: 0px -1px 0 #8f96ab;
}
.coin-path-3 .user-orbit:nth-child(34) {
  right:-680px;
}
.coin-path-3 .user-orbit:nth-child(33) {
  right:-660px;
}
.coin-path-3 .user-orbit:nth-child(32) {
  right:-640px;
}
.coin-path-3 .user-orbit:nth-child(31) {
  right:-620px;
}
.coin-path-3 .user-orbit:nth-child(30) {
  height:922px;
  width:922px;
  right: -20px;
  top: -295px;
  z-index: -15;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(29) {
  height:822px;
  width:822px;
  right: 50px;
  top: -247px;
  z-index: -14;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(28) {
  height:722px;
  width:722px;
  right: 120px;
  top: -192px;
  z-index: -13;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(27) {
  height:622px;
  width:622px;
  right: 190px;
  top: -143px;
  z-index: -12;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(26) {
  height:522px;
  width:522px;
  right: 260px;
  top: -97px;
  z-index: -11;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(25) {
  height:422px;
  width:422px;
  right: 330px;
  top: -48px;
  z-index: -10;
  border:1px dashed rgba(194, 197, 208, 1);
  display: none;
}
.coin-path-3 .user-orbit:nth-child(24) {
  display: none;
  height:322px;
  width:322px;
  right:460px;
  top:5px;
  z-index: -9;
  background: -o-linear-gradient(90deg,rgba(224, 107, 124, 1),rgba(224, 107, 124, 0));
  background: -moz-linear-gradient(90deg,rgba(224, 107, 124, 1),rgba(224, 107, 124, 0));
  background: -webkit-linear-gradient(90deg,rgba(224, 107, 124, 1),rgba(224, 107, 124, 0));
  background: linear-gradient(90deg,rgba(224, 107, 124, 1),rgba(224, 107, 124, 0));
}
.coin-path-3 .user-orbit:nth-child(23) {
  display: none;
  height:322px;
  width:322px;
  right:445px;
  top:5px;
  z-index: -8;
  background: -o-linear-gradient(90deg,rgba(175, 111, 162, 1),rgba(175, 111, 162, 0));
  background: -moz-linear-gradient(90deg,rgba(175, 111, 162, 1),rgba(175, 111, 162, 0));
  background: -webkit-linear-gradient(90deg,rgba(175, 111, 162, 1),rgba(175, 111, 162, 0));
  background: linear-gradient(90deg,rgba(175, 111, 162, 1),rgba(175, 111, 162, 0));
}
.coin-path-3 .user-orbit:nth-child(22) {
  display: none;
  height:322px;
  width:322px;
  right:430px;
  top:5px;
  z-index: -7;
  background: -o-linear-gradient(90deg,rgba(126, 118, 196, 1),rgba(126, 118, 196, 0));
  background: -moz-linear-gradient(90deg,rgba(126, 118, 196, 1),rgba(126, 118, 196, 0));
  background: -webkit-linear-gradient(90deg,rgba(126, 118, 196, 1),rgba(126, 118, 196, 0));
  background: linear-gradient(90deg,rgba(126, 118, 196, 1),rgba(126, 118, 196, 0));
}
.coin-path-3 .user-orbit:nth-child(21) {
  display: none;
  height:322px;
  width:322px;
  right:415px;
  top:5px;
  z-index: -6;
  background: -o-linear-gradient(90deg,rgba(93, 133, 218,1),rgba(93, 133, 218,0));
  background: -moz-linear-gradient(90deg,rgba(93, 133, 218,1),rgba(93, 133, 218,0));
  background: -webkit-linear-gradient(90deg,rgba(93, 133, 218,1),rgba(93, 133, 218,0));
  background: linear-gradient(90deg,rgba(93, 133, 218,1),rgba(93, 133, 218,0));
}
.coin-path-3 .user-orbit:nth-child(20) {
  display: none;
  height:322px;
  width:322px;
  right:400px;
  top:5px;
  z-index: -5;
  background: -o-linear-gradient(90deg,rgba(87,171,214,1),rgba(87,171,214,0));
  background: -moz-linear-gradient(90deg,rgba(87,171,214,1),rgba(87,171,214,0));
  background: -webkit-linear-gradient(90deg,rgba(87,171,214,1),rgba(87,171,214,0));
  background: linear-gradient(90deg,rgba(87,171,214,1),rgba(87,171,214,0));
}
.coin-path-3 .user-orbit:nth-child(19) {
  display:none;
  height:322px;
  width:322px;
  right:385px;
  top:5px;
  z-index: -4;
  background: -o-linear-gradient(90deg,rgba(91,200,206,1),rgba(91,200,206,0));
  background: -moz-linear-gradient(90deg,rgba(91,200,206,1),rgba(91,200,206,0));
  background: -webkit-linear-gradient(90deg,rgba(91,200,206,1),rgba(91,200,206,0));
  background: linear-gradient(90deg,rgba(91,200,206,1),rgba(91,200,206,0));
}
.coin-path-3 .user-orbit:nth-child(18) {
  height:322px;
  width:322px;
  right:360px;
  top:5px;
  z-index: -3;
  overflow: hidden;
  box-shadow: -14px 0px 0 #1e2433;
  background:#313C5F;
}
.coin-path-3 .user-orbit:nth-child(17) {
  right:340px;
  top:10px;
  height:312px;
  width:312px;
  z-index: -2;
}
.coin-path-3 .user-orbit:nth-child(16) {
  right:320px;
  top:15px;
  height:302px;
  width:302px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(15) {
  right:300px;
  top:20px;
  height:292px;
  width:292px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(14) {
  right:280px;
  top:25px;
  height:282px;
  width:282px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(13) {
  right:260px;
  top:30px;
  height:272px;
  width:272px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(12) {
  right:240px;
  top:35px;
  height:262px;
  width:262px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(11) {
  right:220px;
  top:40px;
  height:252px;
  width:252px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(10) {
  right:200px;
  top:45px;
  height:242px;
  width:242px;
  z-index: -1;
}
.coin-path-3 .user-orbit:nth-child(9) {
  right:180px;
  top:50px;
  height:232px;
  width:232px;
}
.coin-path-3 .user-orbit:nth-child(8) {
  right:160px;
  top:55px;
  height:222px;
  width:222px;
}
.coin-path-3 .user-orbit:nth-child(7) {
  right:140px;
  top:60px;
  height:212px;
  width:212px;
}
.coin-path-3 .user-orbit:nth-child(6) {
  right:120px;
  top:65px;
  height:202px;
  width:202px;
}
.coin-path-3 .user-orbit:nth-child(5) {
  right:100px;
  top:70px;
  height:192px;
  width:192px;
}
.coin-path-3 .user-orbit:nth-child(4) {
  right:80px;
  top:75px;
  height:182px;
  width:182px;
}
.coin-path-3 .user-orbit:nth-child(3) {
  right:60px;
  top:80px;
  height:172px;
  width:172px;
}
.coin-path-3 .user-orbit:nth-child(2) {
  right:40px;
  top:85px;
  height:162px;
  width:162px;
}
.coin-path-3 .user-orbit:nth-child(1) {
  right: 20px;
  top: 90px;
  height: 152px;
  width: 152px;
}
.main-coin-breakdown .coin-container .orbit-0 {
  left: -269px;
  top: 50px;
  right: 0px;
  animation: none;
  border: none;
  z-index: 0;
  position: absolute;
  box-shadow: 0px 12px 0 #1e2433;
  background: #1e2433;
  border-radius: 50%;
  transform:rotate(90deg);
}
.main-coin-breakdown .coin-container .orbit-0 .avi-placeholder-2 {
  background-size: 232px 232px;
  height: 232px;
  width: 232px;
}
.main-coin-breakdown .dct-container {
  top: 96px;
  position: relative;
  z-index: 2;
  height: 141px;
  width: 141px;
  border-radius: 50%;
  box-shadow: -4px 0px 0 #a5acc2;
  transform:rotate(0deg);
}
.profile-face {
  background: url('../../img/profile-face.png') no-repeat;
	height: 338px;
  width: 500px;
  background-size: 500px 338px;
  background-position: -156px 20px;
}
.profile-filter {
  background: url('../../img/filter-bg.png') no-repeat;
	height: 354px;
  width: 540px;
  background-size: 520px 354px;
  background-position: -156px -10px;
}
.token-breakdown-tabs {
  margin-top:0px;
  height: auto;
}

.data-node {
  height: 6px;
  width:6px;
  opacity: 0;
  position:absolute;
  border-radius: 50%;
}
.nodes .data-node:nth-child(1) {
}
.nodes .data-node:nth-child(2) {
  animation-delay: 5s;
}
.nodes .data-node:nth-child(3) {
  animation-delay: 2s;
}
.nodes .data-node:nth-child(4) {
  animation-delay: 7s;
}
.nodes .data-node:nth-child(5) {
  animation-delay: 4s;
}
.nodes .data-node:nth-child(6) {
  animation-delay: 9s;
}
.nodes .data-node:nth-child(7) {
  animation-delay: 6s;
}
.nodes .data-node:nth-child(8) {
  animation-delay: 11s;
}
.nodes .data-node:nth-child(9) {
  animation-delay: 8s;
}
.nodes .data-node:nth-child(10) {
  animation-delay: 13s;
}
.nodes .data-node:nth-child(11) {
  animation-delay: 10s;
}
.nodes .data-node:nth-child(12) {
  animation-delay: 15s;
}
.spending-nodes .data-node:nth-child(1) {
  left:90px;
  top:202px;
}
.spending-nodes .data-node:nth-child(2) {
  left:90px;
  top:202px;
}
.spending-nodes .data-node:nth-child(3) {
  left:52px;
  top:202px;
}
.spending-nodes .data-node:nth-child(4) {
  left:52px;
  top:202px;
}
.spending-nodes .data-node:nth-child(5) {
  left:130px;
  top:262px;
}
.spending-nodes .data-node:nth-child(6) {
  left:130px;
  top:262px;
}
.spending-nodes .data-node:nth-child(7) {
  left:22px;
  top:172px;
}
.spending-nodes .data-node:nth-child(8) {
  left:22px;
  top:172px;
}
.spending-nodes .data-node:nth-child(9) {
  left:162px;
  top:272px;
}
.spending-nodes .data-node:nth-child(10) {
  left:162px;
  top:272px;
}
.spending-nodes .data-node:nth-child(11) {
  left:64px;
  top:242px;
}
.spending-nodes .data-node:nth-child(12) {
  left:64px;
  top:242px;
}
.social-nodes .data-node:nth-child(1) {
  left:90px;
  top:102px;
}
.social-nodes .data-node:nth-child(2) {
  left:90px;
  top:102px;
}
.social-nodes .data-node:nth-child(3) {
  left:142px;
  top:122px;
}
.social-nodes .data-node:nth-child(4) {
  left:142px;
  top:122px;
}
.social-nodes .data-node:nth-child(5) {
  left:20px;
  top:80px;
}
.social-nodes .data-node:nth-child(6) {
  left:20px;
  top:80px;
}
.social-nodes .data-node:nth-child(7) {
  left:180px;
  top:72px;
}
.social-nodes .data-node:nth-child(8) {
  left:182px;
  top:72px;
}
.social-nodes .data-node:nth-child(9) {
  left:102px;
  top:102px;
}
.social-nodes .data-node:nth-child(10) {
  left:102px;
  top:102px;
}
.social-nodes .data-node:nth-child(11) {
  left:164px;
  top:142px;
}
.social-nodes .data-node:nth-child(12) {
  left:164px;
  top:142px;
}
.search-nodes .data-node:nth-child(1) {
  left:150px;
  top:22px;
}
.search-nodes .data-node:nth-child(2) {
  left:150px;
  top:22px;
}
.search-nodes .data-node:nth-child(3) {
  left:142px;
  top:62px;
}
.search-nodes .data-node:nth-child(4) {
  left:142px;
  top:62px;
}
.search-nodes .data-node:nth-child(5) {
  left:200px;
  top:70px;
}
.search-nodes .data-node:nth-child(6) {
  left:200px;
  top:70px;
}
.search-nodes .data-node:nth-child(7) {
  left:40px;
  top:42px;
}
.search-nodes .data-node:nth-child(8) {
  left:40px;
  top:42px;
}
.search-nodes .data-node:nth-child(9) {
  left:102px;
  top:12px;
}
.search-nodes .data-node:nth-child(10) {
  left:102px;
  top:12px;
}
.search-nodes .data-node:nth-child(11) {
  left:64px;
  top:52px;
}
.search-nodes .data-node:nth-child(12) {
  left:64px;
  top:52px;
}
.health-nodes .data-node:nth-child(1) {
  left:220px;
  top:22px;
}
.health-nodes .data-node:nth-child(2) {
  left:220px;
  top:22px;
}
.health-nodes .data-node:nth-child(3) {
  left:250px;
  top:62px;
}
.health-nodes .data-node:nth-child(4) {
  left:250px;
  top:62px;
}
.health-nodes .data-node:nth-child(5) {
  left:260px;
  top:70px;
}
.health-nodes .data-node:nth-child(6) {
  left:260px;
  top:70px;
}
.health-nodes .data-node:nth-child(7) {
  left:270px;
  top:42px;
}
.health-nodes .data-node:nth-child(8) {
  left:270px;
  top:42px;
}
.health-nodes .data-node:nth-child(9) {
  left:280px;
  top:12px;
}
.health-nodes .data-node:nth-child(10) {
  left:280px;
  top:12px;
}
.health-nodes .data-node:nth-child(11) {
  left:300px;
  top:52px;
}
.health-nodes .data-node:nth-child(12) {
  left:300px;
  top:52px;
}
.device-nodes .data-node:nth-child(1) {
  left:230px;
  top:102px;
}
.device-nodes .data-node:nth-child(2) {
  left:230px;
  top:102px;
}
.device-nodes .data-node:nth-child(3) {
  left:242px;
  top:122px;
}
.device-nodes .data-node:nth-child(4) {
  left:242px;
  top:122px;
}
.device-nodes .data-node:nth-child(5) {
  left:220px;
  top:180px;
}
.device-nodes .data-node:nth-child(6) {
  left:220px;
  top:180px;
}
.device-nodes .data-node:nth-child(7) {
  left:280px;
  top:172px;
}
.device-nodes .data-node:nth-child(8) {
  left:280px;
  top:172px;
}
.device-nodes .data-node:nth-child(9) {
  left:242px;
  top:142px;
}
.device-nodes .data-node:nth-child(10) {
  left:242px;
  top:142px;
}
.device-nodes .data-node:nth-child(11) {
  left:204px;
  top:142px;
}
.device-nodes .data-node:nth-child(12) {
  left:204px;
  top:142px;
}
.survey-nodes .data-node:nth-child(1) {
  left:230px;
  top:202px;
}
.survey-nodes .data-node:nth-child(2) {
  left:230px;
  top:202px;
}
.survey-nodes .data-node:nth-child(3) {
  left:242px;
  top:222px;
}
.survey-nodes .data-node:nth-child(4) {
  left:242px;
  top:222px;
}
.survey-nodes .data-node:nth-child(5) {
  left:220px;
  top:280px;
}
.survey-nodes .data-node:nth-child(6) {
  left:220px;
  top:280px;
}
.survey-nodes .data-node:nth-child(7) {
  left:280px;
  top:272px;
}
.survey-nodes .data-node:nth-child(8) {
  left:280px;
  top:272px;
}
.survey-nodes .data-node:nth-child(9) {
  left:242px;
  top:242px;
}
.survey-nodes .data-node:nth-child(10) {
  left:242px;
  top:242px;
}
.survey-nodes .data-node:nth-child(11) {
  left:204px;
  top:242px;
}
.survey-nodes .data-node:nth-child(12) {
  left:204px;
  top:242px;
}
.spending-nodes .data-node {
  background:#5BC8CE;
  -webkit-animation: node-anim-bottom 10s linear infinite;
  -moz-animation: node-anim-bottom 10s linear infinite;
  animation: node-anim-bottom 10s linear infinite;
}
.social-nodes .data-node {
  background:#57ABD6;
  -webkit-animation: node-anim-middle 10s linear infinite;
  -moz-animation: node-anim-middle 10s linear infinite;
  animation: node-anim-middle 10s linear infinite;
}
.search-nodes .data-node {
  background:#5D85DA;
  -webkit-animation: node-anim-top 10s linear infinite;
  -moz-animation: node-anim-top 10s linear infinite;
  animation: node-anim-top 10s linear infinite;
}
.health-nodes .data-node {
  background:#7E76C4;
  -webkit-animation: node-anim-top 10s linear infinite;
  -moz-animation: node-anim-top 10s linear infinite;
  animation: node-anim-top 10s linear infinite;
}
.device-nodes .data-node {
  background:#AF6FA2;
  -webkit-animation: node-anim-middle 10s linear infinite;
  -moz-animation: node-anim-middle 10s linear infinite;
  animation: node-anim-middle 10s linear infinite;
}
.survey-nodes .data-node {
  background: #E06B7C;
  -webkit-animation: node-anim-bottom 10s linear infinite;
  -moz-animation: node-anim-bottom 10s linear infinite;
  animation: node-anim-bottom 10s linear infinite;
}
.spinner-nodes .data-node {
  -webkit-animation: node-spinner-bottom 10s linear infinite !important;
  -moz-animation: node-spinner-bottom 10s linear infinite !important;
  animation: node-spinner-bottom 10s linear infinite !important;
}
@-webkit-keyframes node-spinner-bottom {
0%  {
  opacity: 0;
  transform: translate(0px, 200px) rotateX(100deg);
}

100%  {
  opacity: 1;
  transform: translate(0px, -400px) rotateX(10000deg);
}
}
@-webkit-keyframes node-anim-bottom {
0%  {
  opacity: 0;
}
50% {
  opacity: 1;
  transform: translate(0px, 0px);
}

100%  {
  opacity: 0;
  transform: translate(300px, -100px);
}
}
@-webkit-keyframes node-anim-middle {
0%  {
  opacity: 0;
}
50% {
  opacity: 1;
  transform: translate(0px, 0px);
}

100%  {
  opacity: 0;
  transform: translate(300px, 30px);
}
}
@-webkit-keyframes node-anim-top {
0%  {
  opacity: 0;
}
50% {
  opacity: 1;
  transform: translate(0px, 0px);
}

100%  {
  opacity: 0;
  transform: translate(300px, 100px);
}
}
.radiating-circle {
  height: 220px;
  width: 220px;
  border-radius: 50%;
  background:none;
  border:2px solid #fff;
  margin: auto;
  position: absolute;
  top: 0px; left: 0; bottom: 0; right: 0;
  z-index: 3;
  opacity: 0;
  -webkit-animation: radiating-circle-anim 8s ease-in-out infinite;
  -moz-animation: radiating-circle-anim 8s ease-in-out infinite;
  animation: radiating-circle-anim 8s ease-in-out infinite;
}
.radiating-circle:nth-child(1) {
  animation-delay:0s;
}
.radiating-circle:nth-child(2) {
  animation-delay:.5s;
}
.radiating-circle:nth-child(3) {
  animation-delay:1s;
}
.radiating-circle:nth-child(4) {
  animation-delay:1.5s;
}
.radiating-circle:nth-child(5) {
  animation-delay:2s;
}
.radiating-circle:nth-child(6) {
  animation-delay:2.5s;
}
@-webkit-keyframes radiating-circle-anim {
0%  {
  opacity: 0;
}
20%  {
  opacity: 0;
  transform: translate(0px, 0px);
  height: 230px;
  width: 230px;
}
50%  {
  opacity:.4;
}
80% {
  opacity: 0;
}
100%  {
  opacity: 0;
  height: 80px;
  width: 80px;
  transform: translate(0px, -250px);
}
}
.token-breakdown-tabs {
  margin-bottom: 100px;
}
.token-breakdown-tabs .token-breakdown {
  display: block;
  padding: 5px 20px 1px 0;
  margin-bottom: 15px;
}
.token-breakdown a {
  color:#8f96ab;
  font-size: 15px;
  line-height: 14px;
  font-weight: 400;
}
.token-breakdown .data-icon-container {
  display: inline-block;
  float: left;
  width: 100px;
  margin:4px auto;
}
.token-breakdown .data-icon-container .data-icon.survey-icon {
  background-position: -268px 0;
  width: 47px;
}
.bottom-copy {
  display: inline-block;
}
.bottom-copy .token-breakdown  {
  width: 33.33%;
  float: left;
  display: inline-block;
  padding:20px 42px;
  margin: 0 0 0px;
}
.token-breakdown section {
  display: inline-block;
  width: 70%;
  margin-left: 20px;
}
.marketing-breakdown a {
  color:#5478e2;
  border-bottom: 1px solid #1e2433;
}
.developer-breakdown a {
  color:#7E76C4;
  border-bottom: 1px solid #1e2433;
}
.analyst-breakdown a {
  color:#5BC8CE;
  border-bottom: 1px solid #1e2433;
}
.internal-page h5 {
  padding:0 100px;
  line-height: 34px;
  color: #8f96ab;
  margin-bottom:30px;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  width: 100%;
}
.token-breakdown-usage {
  padding:0px;
  margin-top:-394px;
  display: inline-block;
  width:100%;
  border:10px solid #e8ebf2;
  box-shadow: 0 10px 50px #d4d7e2;
}
.token-breakdown-usage ul li {
  width: 33.33%;
  padding:20px;
  border-radius: 10px;
  float: left;
}
.token-breakdown-usage ul li .content {
  background:#fff;
  height: 200px;
  width: 100%;
}
.token-breakdown-usage .market-graph-container {
  width: 100%;
  margin:0;
}
.token-breakdown-usage .market-graph-container .market-graph-column {
  border:none;
  background:none;
}
.token-breakdown-usage .product-interstitial .exchange-facts {
    width: 100%;
}
.market-graph-column .container {
  margin:1px;
  background:rgba(255,255,255,1);
  display: block;
  padding:20px 0 34px;
}
.market-graph-column .container .data-purchaser-icons {
  margin:22px auto 2px;
}
.token-breakdown h3 {
  display: block;
  margin-bottom: 2px;
}
.use-cases .token-breakdown h3 {
  color: #1f2534;
  font-weight: 500;
}
.tab-content .token-breakdown h3 {
  color: #1f2534;
  font-weight: 500;
}
.exchange-header-content h3 {
  width: 400px;
  margin:0 auto;
}
.exchange-snippet-header h3 {
  width: 350px;
  margin: 0 auto;
}
.token-breakdown p {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 26px;
}
.token-breakdown-tabs .account-button {
  margin-top:30px;
}
.doc-window {
  height: 350px;
  width: 405px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  border:2px solid #E8EBF2;
  text-align: center;
}
.right-market-image .doc-window {
    margin-left: 80px;
}
.left-market-image .doc-window {
}
.doc-window h5 {
  font-size: 10px;
  color:#8f96ab;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  font-family: 'Space Mono', monospace;
  text-align: center;
  margin-top:-70px;
  position: absolute;
}
#json-mockup {
  padding:10px;
  height: 372px;
  width: 100%;
  position: absolute;
  background: #1f2534;
  z-index: 2;
}
#json-mockup p {
  color:#5BC8CE;
  margin: 10px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  font-size: 12px;
  line-height: 12px;
  animation: type 3s steps(60, end);
  font-family: 'Space Mono', monospace;
}
#json-mockup p:nth-child(2){
  animation: type2 6s steps(60, end);
}

#json-mockup span{
  animation: blink 1s infinite;
  font-family: 'Space Mono', monospace;
}

@keyframes type{
  from { width: 0; }
}

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }
}

@keyframes blink{
  to{opacity: .0;}
}

::selection{
  background: black;
}
#prepared-report-mockup {
  padding:10px;
  height:372px;
  width: 100%;
  position: absolute;
  background: #1f2534;
}
.application-overview #prepared-report-mockup ul li {
  height: auto;
  text-align: center;
  color: #8f96ab;
}
.prepared-report-mockup ul li {
  width: 33%;
}
.window-details {
  margin-top:-14px;
  margin-left: 2px;
  font-size: 9px;
  color:#8f96ab;
}
.window-details i {
  margin-right: 2px;
}
.left-market-image {
}
.right-market-image .browser-frame {
  bottom: -704px;
  right: -751px;
  width: 1040px;
  z-index: 2;
}
.right-market-image .browser-frame  .pub-profile-screenshot {
    display: inline-block;
    background: url(../../img/pub-profile-screenshot.png) no-repeat;
    height: 594px;
    width: 1022px;
    margin: 20px auto 0;
    background-size: 1022px 594px;
    border-radius: 3px 3px 0 0;
}
.right-market-image .mobile-frame {
  left:175px;
  right:0;
  top:231px;
  overflow: hidden;
  z-index: 3;
  height: 500px;
}
.right-market-image .mobile-frame .pub-profile-screenshot {
  border-radius: 3px;
  background: url(../../img/mobile-offer-screenshot.png) no-repeat;
  height: 397px;
  width: 278px;
  background-size: 278px 397px;
  background-position: 0 0;
}
.use-cases .left-market-image .mobile-frame .mobile-offer-screenshot {
  border-radius: 3px;
  background: url(../../img/mobile-offer-screenshot.png) no-repeat;
  height: 397px;
  width: 278px;
  background-size: 278px 397px;
  background-position: 0 0;
}
.left-market-image .mobile-frame {
  position: relative;
  top:0;
  left: 0;
}
.browser-frame.extension-frame {
  top:512px;
  left:-860px;
  height: 400px;
  z-index: 1;
}
.browser-frame.extension-frame .pub-profile-screenshot {
  background: url(../../img/extension-notification-screenshot.png) no-repeat;
  height: 303px;
  width: 855px;
  margin: 20px auto 0;
  background-size: 855px 303px;
  border-radius: 3px 3px 0 0;
  float: right;
}
.raw-data-labels {
  position: absolute;
  height: 300px;
  width: 100px;
  text-align: center;
  color:#fff;
}
.raw-data-labels span {
  display: block;
  margin: 0px 0;
  font-size: 14px;
}
.spectrum-labels {
  position: absolute;
}
.spectrum-labels span {
  display: block;
  text-align: center;
}
.spectrometer-window-container {
  display: block;
  height: 40px;
  width: 70px;
  margin:0px auto 20px;
  position: relative;
}
.spectrometer-window  {
  width: 70px;
  height: 40px;
  border-radius: 50%;
  border:1px dashed rgba(194, 197, 208, 1);
  transform:rotateY(70deg);
  position: absolute;
  left:30px;
  z-index: 2;
}
.spectrometer-window:nth-child(2) {
  left:20px;
}
.spectrometer-window:nth-child(3) {
  left:10px;
}
.spectrometer-window:nth-child(4) {
  right:0px;
}
.spectrometer-window-container .small-wave {
  transform:scale(.7);
  top:0px;
  left:-10px;
  z-index: 1;
}
.small-browser-frame {
  height: 105px;
  width: 180px;
  border-radius: 8px;
  border:4px solid #fff;
  position: absolute;
  right:30px;
  overflow: hidden;
}
.small-browser-frame:nth-child(2) {
  right:0;
  top:10px;
}
.marketing-prod-icon {
  background: url('../../img/marketer-prod-icons.png') no-repeat;
  height: 100px;
  width: 101px;
  background-size: 342px 100px;
  margin:14px auto 20px;
}
.analytics-prod-icon {
  background: url('../../img/analytics-prod-icons.png') no-repeat;
  height: 100px;
  width: 101px;
  background-size: 342px 100px;
  margin:14px auto 20px;
}
.developer-prod-icon {
  background: url('../../img/developer-prod-icons.png') no-repeat;
  height: 100px;
  width: 101px;
  background-size: 342px 100px;
  margin:14px auto 20px;
}
.analytics-prod-icon.raw-data-icon {
  background-position: -123px 0;
  width: 98px;
}
.marketing-prod-icon.crm-icon {
  background-position: -123px 0;
  width: 98px;
}
.marketing-prod-icon.customer-journey-icon {
  background-position: -243px 0;
  width: 97px;
}
.use-cases {
  background: #E8EBF2;
}
.use-cases .content {
  padding: 80px 70px 40px;
}
.use-cases .marketing-prod-icon, .use-cases .analytics-prod-icon, .use-cases .developer-prod-icon {
  margin: 0 0 10px;
}
.channel-type {
  height:auto;
  background: #E8EBF2;
}
.channel-type-menu {
  width: 100%;
  display: inline-block;
}
.channel-type-menu li {
  width: 33.33%;
  padding: 32px 0;
  text-align: center;
  display: inline-block;
  float: left;
  opacity: .3;
}
.channel-type-menu a.active li, .channel-type-menu a:hover li {
  opacity: 1;
}
.channel-type .content {
  padding:64px 0px 0px;
  margin:0 auto;
}
.channel-type .content h5 {
  padding-bottom: 0px;
  margin-bottom: 0;
}
.product-suite-screenshot {
  background: url('../../img/product-suite-screenshot.png') no-repeat;
  height: 916px;
  width: 103%;
  background-size: cover;
  position: absolute;
  right: 0px;
bottom: -99px;
}
.web-app-stack {
  position: relative;
  display: block;
  height: 210px;
  width: 100%;
  margin:0px auto 20px
}

.web-app-mini {
  background: url('../../img/web-app-mini.png') no-repeat;
  background-size: 259px 210px;
  height: 210px;
  width: 259px;
}
.web-offer-mini {
  background: url('../../img/web-offer-mini.png') no-repeat;
  background-size: 259px 210px;
  height: 210px;
  width: 259px;
}
.mobile-app-stack {
  position: relative;
  display: block;
  height: 210px;
  margin:0px auto 20px;
}
.mobile-app-mini {
  background: url('../../img/mobile-app-mini.png') no-repeat;
  background-size: 101px 210px;
  height: 210px;
  width: 101px;
}
.mobile-offer-mini {
  background: url('../../img/mobile-offer-mini.png') no-repeat;
  background-size: 101px 210px;
  height: 210px;
  width: 101px;
}
.platform-offer-mini {
  background: url('../../img/platform-offer-mini.png') no-repeat;
  background-size: 450px 210px;
  height: 210px;
  width: 450px;
}
.platform-offer2-mini {
  background: url('../../img/platform-offer2-mini.png') no-repeat;
  background-size: 450px 210px;
  height: 210px;
  width: 450px;
}
.extension-stack {
  position: relative;
  display: block;
  height: 210px;
  margin:0px auto 20px;
  width: 100%;
}
.extension-mini {
  background: url('../../img/extension-mini.png') no-repeat;
  background-size: 259px 210px;
  height: 210px;
  width: 259px;
}
ul.tabs{
	margin: 30px auto 0;
	padding: 0px;
	list-style: none;
  width: 60%;
}
.application-overview ul.tabs li, .internal-page ul.tabs li {
	background: none;
	display: inline-block;
	padding: 12px 15px;
  width: 27%;
  margin:0 3%;
  float: left;
  color: #8f96ab;
	cursor: pointer;
  height: auto;
  text-align: center;
  border-radius: 0px;
  font-weight: 600;
  letter-spacing: .09rem;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
}

ul.tabs li.current {
  color:rgba(31, 37, 52, 1);
  border-bottom:2px solid rgba(31, 37, 52, 1);
}
ul.tabs li:hover {
  color:rgba(31, 37, 52, 1);
  border-bottom:2px solid rgba(31, 37, 52, 1);
}
.internal-page .tab-content{
		display: none;
    height:580px;
    width: 980px;
    margin:0 auto;
	}
.internal-page.legal-page .tab-content{
  height: 100%;
}
.internal-page.legal-page ul.tabs {
  margin: 0 auto;
  padding: 38px 9px 0;
  list-style: none;
  width: 45%;
}
.internal-page.legal-page ul.tabs li {
  width: 50%;
  margin: 0;
}
.internal-page	.tab-content.current{
		display: inherit;
}
.classic-list  {
  list-style: circle;
  margin:10px 20px;
}
.classic-list span {
  font-size: 19px;
}
.sample-builder-screenshot {
  background: url('../../img/sample-builder-screenshot.png') no-repeat;
	height: 235px;
  width: 450px;
  background-size: 450px 235px;
}
.developer-api-screenshot {
  background: url('../../img/developer-api-screenshot.png') no-repeat;
	height: 235px;
  width: 450px;
  background-size: 450px 235px;
}
.campaign-builder-screenshot {
  background: url('../../img/campaign-builder-screenshot.png') no-repeat;
	height: 235px;
  width: 450px;
  background-size: 450px 235px;
}
.campaign-analytics-screenshot {
  background: url('../../img/campaign-analytics-screenshot.png') no-repeat;
	height: 235px;
  width: 450px;
  background-size: 450px 235px;
}
.sample-report-screenshot {
  background: url('../../img/sample-report-screenshot.png') no-repeat;
	height: 225px;
  width:488px;
  background-size: 488px 225px;
}
.survey-report-screenshot {
  background: url('../../img/survey-report-screenshot.png') no-repeat;
	height: 225px;
  width:488px;
  background-size: 488px 225px;
}
.personalization-screenshot {
  background: url('../../img/personalization-screenshot.png') no-repeat;
	height: 225px;
  width:431px;
  background-size: 431px 225px;
}
.alert-banner {
  width: 100%;
  padding:10px;
  background:#E8EBF2;
}
.atm-slit {
  display: none;
  width: 700px;
  height: 6px;
  border-radius: 8px;
  background:#bcc4da;
  margin: 0 auto 45px;
}