@charset "UTF-8";
/*=====================================================================================   Datanyze Color Variables=====================================================================================*/
/*====================================================================================
=   Datanyze Media Query Variables
=====================================================================================*/
/*====================================================================================
=   Datanyze Breakpoints
=====================================================================================*/
/*====================================================================================
=   Datanyze Styling
=====================================================================================*/
/*--- HEADING Mixins ---*/
/*--- Miscellaneous Mixins & Classes ----*/
.clearfix::after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

@media only screen and (max-width: 48em) {
  .clearfix-on-small::after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; } }

@media only screen and (max-width: 62em) {
  .clearfix-on-med::after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; } }

.vertical-align-middle {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  .vertical-align-middle-offset {
    top: calc(50% + 38px); }
  .vertical-align-middle-onset {
    top: calc(50% - 38px); }
  .vertical-align-middle-home {
    top: calc(27.5% - 38px);
    overflow: hidden;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  @media only screen and (max-width: 25em) {
    .vertical-align-middle-home-toggle {
      top: calc(50% - 50px); } }
  .vertical-align-middle-width-auto {
    width: auto; }
  @media only screen and (max-width: 48em) {
    .vertical-align-middle-market-share {
      margin-top: 4rem;
      z-index: 0;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @media only screen and (max-width: 48em) {
    .vertical-align-middle-pricing {
      margin-top: 4rem;
      z-index: 0;
      position: relative;
      top: 100px;
      left: 0;
      width: 100%;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @media only screen and (max-width: 48em) {
    .vertical-align-middle-careers {
      margin: 5rem 0;
      z-index: 0;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @media only screen and (max-width: 48em) {
    .vertical-align-middle-until-ipad {
      position: relative;
      top: 0;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @media only screen and (max-width: 62em) {
    .vertical-align-middle-until-med {
      position: relative;
      top: 0;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }

.vertical-align-bottom {
  vertical-align: bottom; }

.vertical-align-top {
  vertical-align: top; }

.text-align-left {
  text-align: left; }

.text-align-right {
  text-align: right; }
  @media only screen and (max-width: 48em) {
    .text-align-right-ipad {
      text-align: center !important; } }
  @media only screen and (max-width: 48em) {
    .text-align-right-until-ipad {
      text-align: right;
      padding: 0 15px; } }

.text-align-center {
  text-align: center; }
  @media only screen and (max-width: 48em) {
    .text-align-center-ipad {
      text-align: center !important; } }
  @media only screen and (max-width: 48em) {
    .text-align-center-until-ipad {
      text-align: left;
      padding: 0 15px; } }

.pull-xs-right {
  float: right !important; }

.pull-xs-left {
  float: left !important; }

@media only screen and (min-width: 48em) {
  .pull-right-until-small {
    float: right !important; } }

@media only screen and (max-width: 48em) {
  .pull-right-until-small {
    clear: both; } }

@media only screen and (min-width: 48em) {
  .pull-left-until-small {
    float: left !important; } }

@media only screen and (max-width: 48em) {
  .pull-left-until-small {
    clear: both; } }

.margin-zero {
  margin: 0 !important; }

.margin-zero-auto {
  margin: 0 auto; }

.margin-zero-auto-important {
  margin: 0 auto !important; }

.margin-left-auto {
  margin-left: auto !important; }

.margin-right-auto {
  margin-right: auto !important; }

.margin-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

@media only screen and (max-width: 48em) {
  .margin-auto-ipad {
    margin-left: auto !important;
    margin-right: auto !important; } }

.m-0-b {
  margin-bottom: 0; }

.m-0-b-important {
  margin-bottom: 0 !important; }

.m-0-t {
  margin-top: 0; }

.m-0-t-important {
  margin-top: 0 !important; }

.m-b-quarter {
  margin-bottom: 0.25rem; }

.m-b-quarter-important {
  margin-bottom: 0.25rem !important; }

.m-t-quarter {
  margin-top: 0.25rem; }

.m-b-half {
  margin-bottom: 0.5rem; }

.m-b-half-important {
  margin-bottom: 0.5rem !important; }

.m-t-half {
  margin-top: 0.5rem; }

.m-1-b {
  margin-bottom: 1rem; }

.m-1-b-important {
  margin-bottom: 1rem !important; }

@media only screen and (max-width: 48em) {
  .m-1-b-small {
    margin-bottom: 1rem; } }

.m-1-t {
  margin-top: 1rem; }

.m-1-t-important {
  margin-top: 1rem !important; }

@media only screen and (max-width: 48em) {
  .m-1-t-small {
    margin-top: 1rem; } }

.m-2-b {
  margin-bottom: 2rem; }

.m-2-b-important {
  margin-bottom: 2rem !important; }

@media only screen and (max-width: 48em) {
  .m-2-b-small {
    margin-bottom: 2rem; } }

.m-2-t {
  margin-top: 2rem; }

.m-2-t-important {
  margin-top: 2rem !important; }

@media only screen and (max-width: 48em) {
  .m-2-t-small {
    margin-top: 2rem; } }

@media only screen and (max-width: 62em) {
  .m-2-t-med {
    margin-top: 2rem; } }

@media only screen and (max-width: 48em) {
  .m-y-2-small {
    margin-top: 2rem;
    margin-bottom: 2rem; } }

.m-3-b {
  margin-bottom: 3rem; }

@media only screen and (max-width: 48em) {
  .m-3-b-small {
    margin-bottom: 3rem; } }

.m-3-t {
  margin-top: 3rem; }

@media only screen and (max-width: 48em) {
  .m-3-t-small {
    margin-top: 3rem; } }

.m-4-b {
  margin-bottom: 4rem; }

.m-4-t {
  margin-top: 4rem; }

.m-5-b {
  margin-bottom: 5rem; }

.m-5-t {
  margin-top: 5rem; }

@media only screen and (max-width: 48em) {
  .m-5-t-small {
    margin-top: 5rem; } }

.m-y-1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.m-y-2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.m-y-3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.m-y-4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.m-y-1-2 {
  margin-top: 1rem;
  margin-bottom: 2rem; }

@media only screen and (max-width: 48em) {
  .m-y-1-2-small {
    margin-top: 1rem;
    margin-bottom: 2rem; } }

.m-y-1-3 {
  margin-top: 1rem;
  margin-bottom: 3rem; }

.m-y-2-1 {
  margin-top: 2rem;
  margin-bottom: 1rem; }

.m-y-2-3 {
  margin-top: 2rem;
  margin-bottom: 3rem; }

.m-y-3-1 {
  margin-top: 3rem;
  margin-bottom: 1rem; }

.m-y-3-2 {
  margin-top: 3rem;
  margin-bottom: 2rem; }

.m-y-3-4 {
  margin-top: 3rem;
  margin-bottom: 4rem; }

.m-r-2 {
  margin-right: 2rem; }

@media only screen and (max-width: 48em) {
  .m-r-2-until-small {
    margin-right: 1rem; } }

.m-r-1 {
  margin-right: 1rem; }

.m-r-quarter {
  margin-right: 0.25rem !important; }

.m-l-quarter {
  margin-left: 0.25rem !important; }

.m-r-half {
  margin-right: 0.5rem !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-l-half {
  margin-left: 0.5rem !important; }

.m-l-1 {
  margin-left: 1rem; }

.m-l-0 {
  margin-left: 0 !important; }

.m-l-1-5 {
  margin-left: 1.5rem !important; }

.m-l-2 {
  margin-left: 2rem; }

.m-l-3 {
  margin-left: 3rem; }

.max-width-100 {
  max-width: 100%; }

.max-width-100-important {
  max-width: 100% !important; }

.min-width-100 {
  min-width: 100%; }

.width-100 {
  width: 100%; }

.width-50 {
  width: 50%; }

.width-20 {
  width: 20%; }

.max-height-100 {
  max-height: 100%; }

.height-100 {
  height: 100%; }

.p-1 {
  padding: 1rem; }

.p-1-0 {
  padding: 1rem 0; }

.p-1-2 {
  padding: 1rem 2rem; }

.p-2-1 {
  padding: 2rem 1rem; }

.p-3-1 {
  padding: 3rem 1rem; }

.p-0-1 {
  padding: 0 1rem; }

.p-2 {
  padding: 2rem; }

.p-3 {
  padding: 3rem; }

.p-half {
  padding: 0.5rem; }

.p-quarter {
  padding: 0.25rem; }

.p-l-0 {
  padding-left: 0; }

.p-r-0 {
  padding-right: 0; }

@media only screen and (max-width: 62em) {
  .p-l-0-med {
    padding-left: 0; } }

@media only screen and (max-width: 62em) {
  .p-r-0-med {
    padding-right: 0; } }

.p-l-0-important {
  padding-left: 0 !important; }

.p-r-0-important {
  padding-right: 0 !important; }

.p-t-0 {
  padding-top: 0; }

.p-b-0 {
  padding-bottom: 0; }

@media only screen and (max-width: 48em) {
  .p-l-half-ipad {
    padding-left: 0.5rem; } }

.p-l-half {
  padding-left: 0.5rem; }

.p-l-1 {
  padding-left: 1rem; }

.p-r-1 {
  padding-right: 1rem; }

.p-t-quarter {
  padding-top: 0.25rem; }

.p-t-1 {
  padding-top: 1rem; }

.p-t-2 {
  padding-top: 2rem; }

.p-t-3 {
  padding-top: 3rem; }

.p-t-4 {
  padding-top: 4rem; }

.p-t-5 {
  padding-top: 5rem; }

.p-b-1 {
  padding-bottom: 1rem; }

.p-b-2 {
  padding-bottom: 2rem; }

.p-b-2-important {
  padding-bottom: 2rem !important; }

.p-b-3 {
  padding-bottom: 3rem; }

.p-b-3-important {
  padding-bottom: 3rem !important; }

.p-b-4 {
  padding-bottom: 4rem; }

.p-t-half {
  padding-top: 0.5rem; }

.p-b-half {
  padding-bottom: 0.5rem; }

.padding-zero {
  padding: 0; }

.padding-zero-important {
  padding: 0 !important; }

@media only screen and (max-width: 48em) {
  .padding-zero-ipad,
  .padding-zero-small {
    padding: 0; } }

@media only screen and (min-width: 48em) {
  .padding-zero-until-small {
    padding: 0; } }

@media only screen and (max-width: 62em) {
  .padding-zero-med {
    padding: 0; } }

@media only screen and (max-width: 75em) {
  .padding-zero-large {
    padding: 0; } }

.padding-column {
  padding: 0 15px; }

.inline-block {
  display: inline-block; }

.display-inline {
  display: inline; }

.display-block {
  display: block !important; }

.display-block-style {
  display: block; }

@media only screen and (max-width: 48em) {
  .display-block-ipad {
    display: block; } }

.display-none {
  display: none !important; }

@media only screen and (max-width: 48em) {
  .display-none-ipad {
    display: none; } }

.display-flex {
  display: flex; }

@media only screen and (min-width: 48em) {
  .display-flex-until-small {
    display: flex; } }

@media only screen and (min-width: 62em) {
  .display-flex-until-med {
    display: flex; } }

@media only screen and (min-width: 75em) {
  .display-flex-until-large {
    display: flex; } }

.display-inline-flex {
  display: inline-flex; }

@media only screen and (min-width: 48em) {
  .display-inline-flex-until-small {
    display: inline-flex; } }

@media only screen and (min-width: 62em) {
  .display-inline-flex-until-med {
    display: inline-flex; } }

.position-fixed {
  position: fixed; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.right-zero {
  right: 0; }

.left-zero {
  left: 0; }

.white {
  color: #FFFFFF; }

.white-important {
  color: #FFFFFF !important; }

.black {
  color: #000000; }

.grey-faded-text {
  color: #dadee3; }

.grey-header {
  color: #A3ABB5; }

.primary-blue {
  color: #41C3E5; }

.secondary-blue {
  color: #293846; }

.secondary-blue-important {
  color: #293846 !important; }

.primary-grey {
  color: #576677; }

.secondary-grey {
  color: #8391A1; }

.color-teal {
  color: #74d8c2; }

.color-violet {
  color: #4A5474; }

.color-premium-purple {
  color: #af5bec; }

.color-onboarding-green {
  color: #31C6A7; }

a.color-teal:hover {
  color: #74d8c2; }

.color-pink {
  color: #F88B8B; }

a.color-pink:hover {
  color: #F88B8B; }

.color-orange {
  color: #F7761F; }

.color-dark-blue {
  color: #2b3644; }

.color-dark-blue-important {
  color: #2b3644 !important; }

.color-h-el {
  color: #4a5574; }

.green-success {
  color: #93D04C; }

.red-warning {
  color: #DC4A39; }

.bg-white {
  background: #FFFFFF; }

.bg-white-i {
  background: #FFFFFF !important; }

.bg-light-grey {
  background: #F4F7FA; }

.bg-light-grey-blue {
  background: #D7E1E3; }

.bg-primary-blue {
  background: #41C3E5; }

.bg-primary-blue-important {
  background: #41C3E5 !important; }

.bg-dark-blue {
  background: #2b3644; }

.bg-primary-grey {
  background: #576677; }

.bg-secondary-grey {
  background: #8391A1; }

.bg-red-warning {
  background: #DC4A39; }

.bg-gradient-blue {
  background-color: #083b72;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=$direction);
  background: -webkit-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -moz-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -o-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: linear-gradient(to right, #083b72 0%, #18a5d4 100%); }

.b-b-grey {
  border-bottom: 1px solid #A3ABB5; }

.b-t-grey {
  border-top: 1px solid #A3ABB5; }

.b-l-grey {
  border-left: 1px solid #A3ABB5; }

.b-l-grey-input {
  border-left: 1px solid #d9e1e7; }
  @media only screen and (max-width: 48em) {
    .b-l-grey-input-until-ipad {
      border-left: none; } }

.b-r-grey {
  border-right: 1px solid #A3ABB5; }
  @media only screen and (max-width: 62em) {
    .b-r-grey-until-med {
      border-right: none; } }

.b-b-grey-input {
  border-bottom: 1px solid #d9e1e7; }

.b-t-grey-input {
  border-top: 1px solid #d9e1e7; }

.b-b-ddd {
  border-bottom: 1px solid #DDDDDD; }

.b-t-ddd {
  border-top: 1px solid #DDDDDD; }

.b-b-grey-header-bg {
  border-bottom: 1px solid #e5ebf0; }

.b-t-grey-header-bg {
  border-top: 1px solid #e5ebf0; }

.b-b-blue {
  border-bottom: 1px solid #41C3E5; }

.b-t-blue {
  border-top: 1px solid #41C3E5; }

.b-b-white {
  border-bottom: 1px solid #FFFFFF; }

.b-t-white {
  border-top: 1px solid #FFFFFF; }

.border-main-bg {
  border: 1px solid #F4F7FA; }

.border-header-grey {
  border: 1px solid #A3ABB5; }

.border-ccc {
  border: 1px solid #CCCCCC; }

.border-eee {
  border: 1px solid #EEEEEE; }

.border-white {
  border: 1px solid #FFFFFF; }

.border-white-2 {
  border: 2px solid #FFFFFF; }

.border-primary-blue {
  border: 1px solid #41C3E5; }

.border-teal {
  border: 1px solid #74d8c2; }

.border-pink {
  border: 1px solid #F88B8B; }

.border-radius-3px {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; }

.border-radius-100 {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box; }

.standard-box-shadow,
.level-1-box-shadow,
.pricing-div,
.pricing-section {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.level-2-box-shadow {
  -webkit-box-shadow: 0 4px 8px rgba(72, 72, 72, 0.3);
  -moz-box-shadow: 0 4px 8px rgba(72, 72, 72, 0.3);
  box-shadow: 0 4px 8px rgba(72, 72, 72, 0.3); }

.level-3-box-shadow {
  -webkit-box-shadow: 0 6px 10px rgba(111, 111, 111, 0.3);
  -moz-box-shadow: 0 6px 10px rgba(111, 111, 111, 0.3);
  box-shadow: 0 6px 10px rgba(111, 111, 111, 0.3); }

.opacity-1 {
  opacity: 1; }

.opacity-half {
  opacity: 0.5; }

.opacity-zero,
.opacity-none {
  opacity: 0; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.text-transform-none-important {
  text-transform: none !important; }

.text-transform-none {
  text-transform: none; }

.bold {
  font-weight: bold; }

.bold-important {
  font-weight: bold !important; }

.italic {
  font-style: italic; }

.border-none {
  border: none; }

.border-bottom-none {
  border-bottom: none !important; }

.border-top-none {
  border-top: none !important; }

.border-left-none {
  border-left: none !important; }

.border-right-none {
  border-right: none !important; }

.border-none-important {
  border: none !important; }

.float-right {
  float: right; }

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

.font-weight-200 {
  font-weight: 200; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-300-important {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-400-important {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-500-important {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600; }

.line-height-36 {
  line-height: 36px; }

.line-height-32 {
  line-height: 32px; }

.line-height-22 {
  line-height: 22px; }

.font-size-64 {
  font-size: 64px;
  font-size: 4rem; }

.font-size-36 {
  font-size: 36px;
  font-size: 2.25rem; }

.font-size-32 {
  font-size: 32px;
  font-size: 2rem; }

.font-size-28 {
  font-size: 28px;
  font-size: 1.75rem; }

.font-size-24 {
  font-size: 24px;
  font-size: 1.5rem; }

.font-size-22 {
  font-size: 22px;
  font-size: 1.375rem; }

.font-size-20 {
  font-size: 20px;
  font-size: 1.25rem; }

.font-size-18 {
  font-size: 18px;
  font-size: 1.125rem; }

.font-size-16 {
  font-size: 16px;
  font-size: 1rem; }

.font-size-15 {
  font-size: 15px;
  font-size: 0.9375rem; }

.font-size-14 {
  font-size: 14px;
  font-size: 0.875rem; }

.font-size-13 {
  font-size: 13px;
  font-size: 0.8125rem; }

.font-size-12 {
  font-size: 12px;
  font-size: 0.75rem; }

.font-size-11 {
  font-size: 11px;
  font-size: 0.6875rem; }

.font-size-10 {
  font-size: 10px;
  font-size: 0.625rem; }

.font-size-important-24 {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

.font-size-important-18 {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

.font-size-important-16 {
  font-size: 16px !important;
  font-size: 1rem !important; }

.font-size-important-15 {
  font-size: 15px !important;
  font-size: 0.9375rem !important; }

.font-size-important-14 {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

.font-size-important-13 {
  font-size: 13px !important;
  font-size: 0.8125rem !important; }

.font-size-important-12 {
  font-size: 12px !important;
  font-size: 0.75rem !important; }

.font-size-important-11 {
  font-size: 11px !important;
  font-size: 0.6875rem !important; }

.font-size-important-10 {
  font-size: 10px !important;
  font-size: 0.625rem !important; }

.strikethrough {
  text-decoration: line-through; }

.underline {
  text-decoration: underline; }

.preserve-text {
  text-transform: none; }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-half {
  letter-spacing: 0.5px; }

.letter-spacing-quarter {
  letter-spacing: 0.25px; }

.overflow-hidden {
  overflow: hidden; }

.overflow-hidden-important {
  overflow: hidden !important; }

.overflow-y-auto {
  overflow-y: auto; }

.overflow-x-auto {
  overflow-x: auto; }

.word-break-all {
  word-break: break-word;
  word-break: break-all;
  word-wrap: break-word; }

.no-list-style {
  list-style: none; }

.visibility-hidden {
  visibility: hidden; }

.z-index-zero {
  z-index: 0; }

.z-index-top {
  z-index: 999999; }

.font-awesome {
  font-family: FontAwesome, sans-serif; }

.mobile-menu .panel-collapse ul li a, .cta-copy #press-link, .public-footer ul li a, .market-share-list .ms-wrap h4 a, .market-share-list .ms-wrap li a, .step-loader-back, #pricing-step-progression .pricing-step.active.checked p, .full-page-bg .bottom-links a, .full-page-bg .legal-links a, .results-list a, .a-hover {
  text-decoration: none; }
  .mobile-menu .panel-collapse ul li a:hover, .cta-copy #press-link:hover, .public-footer ul li a:hover, .market-share-list .ms-wrap h4 a:hover, .market-share-list .ms-wrap li a:hover, .step-loader-back:hover, #pricing-step-progression .pricing-step.active.checked p:hover, .full-page-bg .bottom-links a:hover, .full-page-bg .legal-links a:hover, .results-list a:hover, .a-hover:hover {
    text-decoration: underline; }

.datanyzer .about-container a, .market-share-list-subpage li a, .checkout-steps .checkout-step.checked h4:hover, #pricing-step-progression .pricing-step.checked p, .information-section p a, .a-underline {
  text-decoration: underline; }
  .datanyzer .about-container a:hover, .market-share-list-subpage li a:hover, .checkout-steps .checkout-step.checked h4:hover, #pricing-step-progression .pricing-step.checked p:hover, .information-section p a:hover, .a-underline:hover {
    text-decoration: none; }

.a-underline-important {
  text-decoration: underline !important; }
  .a-underline-important:hover {
    text-decoration: none !important; }

.technology-toggle ul li a, .home-tech-toggle ul li a, .technologies-toggle ul li a, .pricing-toggle ul li a, .plan-type-toggle ul li a, .about-container ul li a, #about-nav .row li a, .a-none {
  text-decoration: none; }
  .technology-toggle ul li a:hover, .home-tech-toggle ul li a:hover, .technologies-toggle ul li a:hover, .pricing-toggle ul li a:hover, .plan-type-toggle ul li a:hover, .about-container ul li a:hover, #about-nav .row li a:hover, .a-none:hover {
    text-decoration: none; }

.cursor-pointer {
  cursor: pointer; }

.avoid-clicks {
  pointer-events: none; }

button.close.white {
  opacity: 0.5; }
  button.close.white:hover, button.close.white:focus {
    color: #FFFFFF;
    opacity: 1; }

a.white:hover, a.white:focus {
  color: #FFFFFF; }

a.disabled {
  cursor: not-allowed; }
  a.disabled:hover {
    cursor: not-allowed; }
    a.disabled:hover.grey-faded-text {
      color: #dadee3; }

.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis; }

.width-400-important {
  width: 400px !important; }

html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  color: #293846;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  position: relative;
  font-weight: 400; }

a:hover {
  cursor: pointer; }

p {
  color: #8391A1; }

@media only screen and (max-width: 48em) {
  .container-xs-zero-padding {
    padding: 0; } }

.request-demo-modal .modal-body {
  width: 100%;
  max-height: none !important;
  overflow-y: hidden !important;
  padding: 0 24px 2px; }

.flex-row {
  display: flex; }

.col {
  position: relative;
  flex: 1;
  padding: 20px; }

.below-hero-section {
  padding: 60px 0 125px; }
  .below-hero-section::after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .below-hero-section-grey {
    background-color: #F4F7FA !important; }
  .below-hero-section-home {
    margin: 20px 0 130px; }
    @media only screen and (max-width: 40em) {
      .below-hero-section-home {
        margin: 20px 0 50px; } }
  .below-hero-section-negative {
    margin-top: -3em;
    background: #FFFFFF; }
  .below-hero-section#predictive-analytics-section {
    background: url("/i/public/backgrounds/predictive-analytics.png") 50% 25% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .below-hero-section#technology-tracking-section {
    background: url("/i/public/backgrounds/tech-tracking.png") 50% 25% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .below-hero-section#data-enrichment-section {
    background: url("/i/public/backgrounds/data-enrichment.png") 50% 25% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .below-hero-section#prospecting-section {
    background: url("/i/public/backgrounds/prospecting-bg.png") 50% 25% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .below-hero-section h2 {
    color: #4a5574;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 100; }
  .below-hero-section p {
    max-width: 380px;
    font-weight: 300;
    line-height: 26px;
    margin: 24px 0 28px; }
    @media only screen and (max-width: 48em) {
      .below-hero-section p {
        max-width: none; } }
    .below-hero-section p.banner-title {
      font-size: 12px;
      font-size: 0.75rem;
      text-transform: uppercase;
      line-height: 0;
      letter-spacing: 1px;
      color: #4a5574;
      font-weight: 500;
      margin: 0 0 12px 0; }

.accent {
  margin: 25px 0;
  width: 100px;
  height: 2px;
  background: #41C3E5; }
  .accent-teal {
    background: #74d8c2; }

.small-accent {
  margin: 0 0 80px;
  width: 35px;
  height: 2px;
  background: #41C3E5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.header-text h1, .header-text .h1 {
  margin-bottom: 20px;
  font-size: 54px;
  font-size: 3.375rem;
  font-weight: 100; }
  @media only screen and (max-width: 48em) {
    .header-text h1, .header-text .h1 {
      font-size: 42px;
      font-size: 2.625rem; } }

.header-text p {
  max-width: 700px;
  font-weight: 100;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px; }

.header-text .header-p {
  max-width: 100% !important;
  font-weight: 100;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 25px; }

.header-text .h1 {
  line-height: auto; }

.h3 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 100; }

.h4 {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 100; }

.alert-text {
  font-weight: 300; }

.btn, .marketo-form .mktoButton, #subscribe_market_share .hs-button[type="submit"] {
  padding: 11px 28px 9px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-clip: padding-box;
  font-size: 12px;
  font-size: 0.75rem;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400; }
  .btn-teal, #subscribe_market_share .hs-button[type="submit"] {
    background: #74d8c2;
    color: #FFFFFF; }
    .btn-teal:hover, #subscribe_market_share .hs-button:hover[type="submit"] {
      background: #60d2b9;
      color: #FFFFFF; }
    .btn-teal-header {
      padding: 11px 16px 9px; }
  .btn-white {
    background: #FFFFFF;
    color: #41C3E5; }
    .btn-white:hover {
      background: #f2f2f2;
      color: #41C3E5; }
    .btn-white-google {
      color: #576677; }
      .btn-white-google:hover {
        color: #576677; }
  .btn-pink {
    background: #F88B8B;
    color: #FFFFFF; }
    .btn-pink:hover {
      background: #f77373;
      color: #FFFFFF; }
  .btn-purple {
    background: #ab62e2;
    color: #FFFFFF; }
    .btn-purple:hover {
      background: #9f4cde;
      color: #FFFFFF; }
  .btn-blue, .btn-primary, .marketo-form .mktoButton, .btn-datanyze {
    background: #41C3E5;
    color: #FFFFFF; }
    .btn-blue:hover, .btn-primary:hover, .marketo-form .mktoButton:hover, .btn-datanyze:hover {
      background: #2bbce2;
      color: #FFFFFF; }
  .btn-grey {
    background: #BDBDBD;
    color: #FFFFFF; }
    .btn-grey:hover {
      background: #b0b0b0;
      color: #FFFFFF; }
  .btn-salesforce {
    background: #02A0DF;
    color: #FFFFFF; }
    .btn-salesforce:hover {
      background: #028ec6;
      color: #FFFFFF; }
  .btn-hubspot {
    background: #F7761F;
    color: #FFFFFF; }
    .btn-hubspot:hover {
      background: #f46709;
      color: #FFFFFF; }
  .btn-marketo {
    background: #716EB3;
    color: #FFFFFF; }
    .btn-marketo:hover {
      background: #615daa;
      color: #FFFFFF; }
  .btn-disabled {
    background: #BDBDBD;
    color: #FFFFFF;
    font-weight: 400; }
    .btn-disabled:hover, .btn-disabled:active {
      pointer-events: none;
      cursor: default;
      color: #FFFFFF; }
  .btn-large {
    padding: 15px 30px; }
  .btn-lg {
    padding: 17px 52px 15px;
    font-size: 12px;
    font-size: 0.75rem; }
  .btn-small {
    padding: 11px 28px 9px; }
  .btn-transparent-white {
    border: 1px solid #FFFFFF;
    color: #FFFFFF; }
    .btn-transparent-white:hover {
      background: #FFFFFF;
      color: #2b3644; }
  .btn-search-btn {
    padding: 6px 12px;
    margin-right: 18px;
    border: 1px solid #FFFFFF;
    letter-spacing: 0.25px;
    color: #FFFFFF; }
    .btn-search-btn:hover {
      font-weight: 500;
      color: #FFFFFF; }
      .btn-search-btn:hover i {
        font-weight: 500; }
  .btn-mobile-search {
    position: absolute;
    top: 12px;
    right: 4px; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }

.table-public {
  border: 1px solid #d9e1e7; }
  .table-public-border-none {
    border: none; }
  .table-public tr > td,
  .table-public tr > th {
    padding: 10px 12px;
    border-left: 1px solid #d9e1e7;
    border-right: 1px solid #d9e1e7;
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (max-width: 48em) {
      .table-public tr > td,
      .table-public tr > th {
        padding: 9px 10px;
        font-size: 13px;
        font-size: 0.8125rem; } }
  .table-public tr > td:first-child, .table-public tr > th:first-child {
    border-left: none;
    border-right: 1px solid #d9e1e7; }
  .table-public tr > td:last-child, .table-public tr > th:last-child {
    border-left: 1px solid #d9e1e7;
    border-right: none; }
  .table-public td {
    vertical-align: middle !important;
    font-weight: 300; }
    .table-public td.font-weight-500 {
      font-weight: 500; }
  .table-public th {
    border-top: none;
    font-weight: 400; }

.table-responsive {
  border: none; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      margin-bottom: 0;
      border-right: 1px solid #d9e1e7; } }

.fa {
  font-family: FontAwesome; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

label.error {
  font-weight: 500;
  font-size: 13px;
  margin-left: 5px;
  color: #DC4A39; }

.insider-pricing-table {
  padding: 100px 0; }

.insider-pricing-table .section-header {
  font-size: 2.375rem;
  font-weight: 100; }

.insider-pricing-table p {
  font-size: 1rem;
  color: #939aa9;
  font-weight: 300;
  line-height: 26px; }

.browser-extension-details p.more-credits {
  font-size: 20px; }

.plans-container .plan-wrapper {
  margin: 0 0 20px 0; }

.plan-info-container {
  background-color: #2b3847;
  padding: 20px 0 25px; }

.plan-name {
  font-weight: bold;
  margin-bottom: 20px; }

.plan-name-inline {
  display: inline-block;
  position: relative; }

.coin-sign {
  display: inline-block;
  vertical-align: bottom;
  width: 21px;
  height: 21px;
  background: url("../i/coins-sprite.png") no-repeat;
  position: relative;
  top: 1px;
  margin-right: 5px; }

.coin-sign.silver {
  background-position: -21px 0; }

.coin-sign.gold {
  background-position: -42px 0; }

.coin-sign.platinum {
  background-position: -63px 0;
  top: -1px; }

.plan-credits {
  font-size: 30px;
  font-weight: 200; }

.plan-time-terms {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #8391a1; }

.plan-price-container {
  background-color: #fff;
  border: 1px solid #d9e1e7;
  border-top: none; }

.plan-per-item {
  line-height: 40px;
  border-bottom: 1px solid #d9e1e7;
  color: #a6b8cd; }

.plan-price {
  color: #576677; }

.plan-button {
  margin: 20px 0; }

.pricing-table-wrapper #credits-explanation {
  width: 650px;
  text-align: center;
  margin: 0 auto; }

/*homepage text carousel*/
#text-carousel-wrapper {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  z-index: 2; }

.cd-words-wrapper {
  position: relative; }

.cd-words-wrapper.slide-effect {
  overflow: hidden; }

.cd-words-wrapper .menu-item {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

.menu-item.is-visible {
  z-index: 2; }

.slide-effect .menu-item.is-visible {
  top: 50%;
  opacity: 1;
  -webkit-animation: slide-in .6s;
  -moz-animation: slide-in .6s;
  animation: slide-in .6s; }

.slide-effect .menu-item.is-hidden {
  -webkit-animation: slide-out .6s;
  -moz-animation: slide-out .6s;
  animation: slide-out .6s; }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%); } }

@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%); }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%); } }

@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); } }

.push-effect .menu-item {
  opacity: 0; }

.push-effect .menu-item.is-visible {
  opacity: 1;
  -webkit-animation: push-in .6s;
  -moz-animation: push-in .6s;
  animation: push-in .6s; }

.push-effect .menu-item.is-hidden {
  -webkit-animation: push-out .6s;
  -moz-animation: push-out .6s;
  animation: push-out .6s; }

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%); } }

@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%); } }

@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

.public-banner-instructions {
  background: #F4F7FA; }
  .public-banner-instructions section {
    padding: 45px 0; }
    .public-banner-instructions section.pricing-instruction {
      max-width: calc(100% - 62px); }
    .public-banner-instructions section h2 {
      margin: 6px 0 16px;
      font-size: 34px;
      font-size: 2.125rem;
      font-weight: 300; }
    .public-banner-instructions section span {
      font-weight: bold; }

.public-email-input, .marketo-form-market-share .mktoField, #subscribe_market_share .hs-input[type="email"] {
  display: inline-block;
  width: 275px !important;
  height: 39px;
  padding: 0 0 0 20px !important;
  -webkit-border-bottom-left-radius: 100px;
  border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  border-top-left-radius: 100px;
  background-clip: padding-box;
  border: 1px solid #CED6DC;
  border-right: none;
  font-size: 13px;
  font-size: 0.8125rem; }
  .public-email-input::-moz-focus-inner, .marketo-form-market-share .mktoField::-moz-focus-inner, #subscribe_market_share .hs-input[type="email"]::-moz-focus-inner {
    border: 0;
    padding: 0; }

.panel-qa p {
  font-weight: 300;
  line-height: 26px; }

.panel-qa .panel {
  margin-top: 0 !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  box-shadow: none;
  -moz-box-shadow: none;
  webkit-box-shadow: none;
  border-bottom: 1px solid #dadee3; }
  .panel-qa .panel h3 {
    width: calc(100% - 32px); }
  .panel-qa .panel .fa-times {
    color: #2b3644;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
  .panel-qa .panel .collapsed .fa-times {
    opacity: 0.35;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
    .panel-qa .panel .collapsed .fa-times:hover {
      opacity: 0.6; }

.insider-quote-section {
  height: 200px;
  background: #2b3644; }
  .insider-quote-section .carousel-indicators {
    bottom: -10px; }
  @media only screen and (max-width: 48em) {
    .insider-quote-section {
      height: 260px; } }

#top-nav {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 76px;
  z-index: 999;
  border-bottom: 1px solid rgba(250, 250, 250, 0.4);
  background: transparent;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s; }
  @media only screen and (max-width: 1199px) {
    #top-nav {
      height: 60px; } }
  #top-nav.clothed, #top-nav.permanent {
    position: fixed;
    top: 0;
    width: 100vw;
    margin: 0;
    background: rgba(41, 56, 70, 0.92); }
  #top-nav .logo {
    display: inline-block;
    max-width: 216px; }
    @media only screen and (max-width: 1199px) {
      #top-nav .logo {
        margin-top: -8px; } }

.header-navigation {
  margin-top: 21px; }
  @media only screen and (max-width: 75em) {
    .header-navigation #web-left-nav {
      padding-right: 0; } }
  .header-navigation ul {
    margin: 0;
    padding: 0; }
    .header-navigation ul li {
      display: inline-block;
      margin-right: 12px;
      list-style: none; }
      .header-navigation ul li a {
        padding: 11px 8px;
        color: #FFFFFF;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: normal;
        letter-spacing: 0.5px;
        text-decoration: none; }
  .header-navigation .dropdown-menu {
    margin: 8px 0 0;
    padding: 15px 0; }
    .header-navigation .dropdown-menu li {
      width: 100%; }
      .header-navigation .dropdown-menu li a {
        color: #8d9aa5;
        padding: 5px 22px;
        font-weight: 400; }
        .header-navigation .dropdown-menu li a:hover {
          background: transparent;
          text-decoration: underline; }
  .header-navigation .dropdown-toggle {
    text-transform: uppercase; }
  .header-navigation .btn-teal, .header-navigation #subscribe_market_share .hs-button[type="submit"], #subscribe_market_share .header-navigation .hs-button[type="submit"] {
    margin-top: -4px; }

.dropdown:hover .dropdown-menu {
  display: block; }

.login-link {
  margin-top: 7px;
  margin-right: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem; }
  .login-link:hover {
    color: #FFFFFF;
    border-bottom: 1px solid transparent; }

#product-sub-menu {
  left: -100px;
  width: 353px;
  padding: 20px 10px 20px;
  border: none; }
  #product-sub-menu ul {
    display: inline-block;
    float: left; }
    #product-sub-menu ul#first-half-sub-menu {
      border-right: 1px solid #ccc; }
    #product-sub-menu ul li {
      display: block;
      margin: 0 0 5px;
      color: #9799b3;
      font-size: 14px;
      font-size: 0.875rem; }
      #product-sub-menu ul li a {
        font-weight: 400; }
      #product-sub-menu ul li.menu-header {
        margin: 0 20px 10px;
        text-transform: uppercase;
        font-weight: 500;
        color: #4a5574;
        font-size: 12px;
        font-size: 0.75rem; }

.up-triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  position: absolute;
  top: -6px;
  left: 170px;
  z-index: 1; }

.hamburger-menu {
  padding: 30px;
  cursor: pointer; }
  .hamburger-menu span {
    display: block;
    position: absolute;
    top: 17px;
    left: 12px;
    height: 3px;
    width: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    background: #FFFFFF; }
    .hamburger-menu span::before, .hamburger-menu span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 30px;
      height: 3px;
      top: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      content: "";
      background-color: #FFFFFF; }
    .hamburger-menu span::after {
      top: 20px; }
  .hamburger-menu.closed {
    position: absolute;
    top: 12px;
    right: 16px; }
    .hamburger-menu.closed span {
      left: auto;
      z-index: 9999;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
      .hamburger-menu.closed span::before {
        top: 0px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .hamburger-menu.closed span::after {
        display: none; }

.mobile-menu-header {
  width: 100%;
  height: 60px;
  z-index: 999;
  border-bottom: 1px solid rgba(250, 250, 250, 0.4); }

.mobile-menu {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: -300px;
  bottom: 0;
  overflow: auto;
  background: #293846;
  width: 50%;
  min-width: 250px;
  max-width: 300px;
  z-index: 9999;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  @media only screen and (min-width: 1200px) {
    .mobile-menu {
      display: none; } }
  .mobile-menu.open {
    opacity: 1;
    left: 0; }
  .mobile-menu #mobile-menu-label {
    float: right;
    top: 16px;
    left: 20px;
    color: white;
    position: absolute;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300; }
  .mobile-menu .panel-heading {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(250, 250, 250, 0.4);
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none; }
    .mobile-menu .panel-heading::after {
      position: absolute;
      right: 10px;
      bottom: 10px;
      content: "\f105";
      font-size: 20px;
      font-size: 1.25rem;
      font-family: FontAwesome;
      cursor: pointer;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: transform 0.3s;
      -moz-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s; }
    .mobile-menu .panel-heading[aria-expanded="true"]::after {
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .mobile-menu .panel-heading .panel-title {
      font-weight: 400;
      color: #FFFFFF;
      letter-spacing: 1px; }
  .mobile-menu .panel-collapse ul {
    margin: 10px 0 15px;
    padding: 0 20px; }
    .mobile-menu .panel-collapse ul li {
      padding: 8px 0;
      list-style: none; }
      .mobile-menu .panel-collapse ul li a {
        display: block;
        color: #74d8c2;
        font-weight: 300;
        font-size: 14px;
        font-size: 0.875rem; }
  @media only screen and (max-width: 62em) {
    .mobile-menu #mobile-omega-links {
      text-align: center; }
      .mobile-menu #mobile-omega-links .demo-modal-open {
        margin-bottom: 12px; } }

.cta-banner {
  position: relative;
  height: 280px;
  width: 100%;
  background: #41C3E5;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 25em) {
    .cta-banner {
      height: 350px; } }
  @media only screen and (max-width: 40em) {
    .cta-banner-home {
      height: 320px; } }
  @media only screen and (max-width: 25em) {
    .cta-banner-home {
      height: 400px; } }
  .cta-banner-badges {
    height: 350px;
    background: #576677; }
    @media only screen and (max-width: 40em) {
      .cta-banner-badges {
        height: auto !important; } }
    .cta-banner-badges p {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 500; }
    .cta-banner-badges img {
      max-height: 115px;
      margin-bottom: 10px; }
    .cta-banner-badges .fa {
      color: #FFFFFF;
      font-size: 20px;
      font-size: 1.25rem;
      margin: 0 2px; }

.cta-copy p {
  color: #FFFFFF;
  font-weight: 300; }
  .cta-copy p.h4 {
    margin: 0 auto 20px;
    max-width: 800px;
    font-weight: 100; }

.cta-copy span {
  color: #FFFFFF; }
  .cta-copy span:first-of-type {
    margin: 0 15px;
    font-weight: 300; }
    @media only screen and (max-width: 25em) {
      .cta-copy span:first-of-type {
        display: block;
        margin: 10px 0; } }

.cta-copy .cta-information {
  margin: 20px 0 0; }
  .cta-copy .cta-information a {
    text-decoration: none; }

.cta-copy #press-link {
  font-weight: 400; }
  .cta-copy #press-link img {
    margin-right: 8px; }

@media only screen and (max-width: 62em) {
  .cta-copy #awards {
    margin-top: 15px; } }

@media only screen and (min-width: 62em) {
  .cta-copy #awards {
    position: absolute;
    right: 20px;
    bottom: -20px; } }

.cta-copy #gartner {
  height: 70px;
  margin-left: 5px; }

.public-footer {
  position: relative;
  background: #2b3644;
  padding: 35px 0 0;
  z-index: 1; }
  .public-footer .row {
    position: relative;
    z-index: 10; }
  .public-footer ul {
    margin: 0;
    padding: 0; }
    .public-footer ul li {
      list-style: none;
      color: #FFFFFF;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 22px; }
      .public-footer ul li:nth-child(1) {
        margin: 25px 0 10px;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
      .public-footer ul li a {
        color: #FFFFFF;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 100;
        letter-spacing: 0.5px; }
        @media only screen and (max-width: 62em) {
          .public-footer ul li a {
            word-break: break-word; } }
      .public-footer ul li.footer-info {
        color: #FFFFFF;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 100;
        letter-spacing: 0.5px; }
    .public-footer ul.copyright-footer {
      display: inline-block;
      margin-bottom: 10px; }
      .public-footer ul.copyright-footer li {
        text-transform: capitalize; }
    .public-footer ul.social-links-footer {
      display: inline-block;
      float: right; }
      @media only screen and (max-width: 48em) {
        .public-footer ul.social-links-footer {
          display: block;
          float: none; } }
      .public-footer ul.social-links-footer .fa {
        font-size: 22px;
        font-size: 1.375rem;
        color: #FFFFFF; }
  .public-footer .footer-map {
    position: absolute;
    top: 0;
    right: 0;
    width: 1200px;
    max-width: 100%;
    height: 100%;
    z-index: 1;
    background: url("/i/public/backgrounds/datanyze-map.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .public-footer #omega-section {
    position: relative;
    padding-bottom: 12px;
    z-index: 9; }

.product-overview-nav ul,
.product-hero ul,
.about-hero ul,
.market-share-hero ul,
.pricing-hero ul,
.sub-pricing-hero ul,
.home-hero ul,
.technographics-hero ul {
  margin: 0 0 30px; }
  .product-overview-nav ul li,
  .product-hero ul li,
  .about-hero ul li,
  .market-share-hero ul li,
  .pricing-hero ul li,
  .sub-pricing-hero ul li,
  .home-hero ul li,
  .technographics-hero ul li {
    list-style: none;
    text-align: center; }

.product-overview-nav .product-nav-icons,
.product-hero .product-nav-icons,
.about-hero .product-nav-icons,
.market-share-hero .product-nav-icons,
.pricing-hero .product-nav-icons,
.sub-pricing-hero .product-nav-icons,
.home-hero .product-nav-icons,
.technographics-hero .product-nav-icons {
  font-weight: 100;
  color: rgba(255, 255, 255, 0.3);
  text-decoration: none; }
  .product-overview-nav .product-nav-icons.active, .product-overview-nav .product-nav-icons:hover,
  .product-hero .product-nav-icons.active,
  .about-hero .product-nav-icons.active,
  .market-share-hero .product-nav-icons.active,
  .pricing-hero .product-nav-icons.active,
  .sub-pricing-hero .product-nav-icons.active,
  .home-hero .product-nav-icons.active,
  .technographics-hero .product-nav-icons.active,
  .product-hero .product-nav-icons:hover,
  .about-hero .product-nav-icons:hover,
  .market-share-hero .product-nav-icons:hover,
  .pricing-hero .product-nav-icons:hover,
  .sub-pricing-hero .product-nav-icons:hover,
  .home-hero .product-nav-icons:hover,
  .technographics-hero .product-nav-icons:hover {
    color: #FFFFFF; }
    .product-overview-nav .product-nav-icons.active .product-icons, .product-overview-nav .product-nav-icons:hover .product-icons,
    .product-hero .product-nav-icons.active .product-icons,
    .about-hero .product-nav-icons.active .product-icons,
    .market-share-hero .product-nav-icons.active .product-icons,
    .pricing-hero .product-nav-icons.active .product-icons,
    .sub-pricing-hero .product-nav-icons.active .product-icons,
    .home-hero .product-nav-icons.active .product-icons,
    .technographics-hero .product-nav-icons.active .product-icons,
    .product-hero .product-nav-icons:hover .product-icons,
    .about-hero .product-nav-icons:hover .product-icons,
    .market-share-hero .product-nav-icons:hover .product-icons,
    .pricing-hero .product-nav-icons:hover .product-icons,
    .sub-pricing-hero .product-nav-icons:hover .product-icons,
    .home-hero .product-nav-icons:hover .product-icons,
    .technographics-hero .product-nav-icons:hover .product-icons {
      opacity: 1;
      cursor: pointer; }

@media (min-width: 48em) {
  #marketing-solutions-product-nav, #sales-solutions-product-nav {
    height: 154px;
    background: -webkit-linear-gradient(left, #2a5970 50%, #2b3644 50%);
    background: -moz-linear-gradient(left, #2a5970 50%, #2b3644 50%);
    background: -o-linear-gradient(left, #2a5970 50%, #2b3644 50%);
    background: linear-gradient(to right, #2a5970 50%, #2b3644 50%); } }

#marketing-solutions-product-nav ul, #sales-solutions-product-nav ul {
  padding: 0; }

#marketing-solutions-product-nav li, #sales-solutions-product-nav li {
  padding: 20px 15px 35px; }
  #marketing-solutions-product-nav li:nth-child(1), #sales-solutions-product-nav li:nth-child(1) {
    background: #2a5970; }
  #marketing-solutions-product-nav li:nth-child(2), #sales-solutions-product-nav li:nth-child(2) {
    background: #27485c; }
  #marketing-solutions-product-nav li:nth-child(3), #sales-solutions-product-nav li:nth-child(3) {
    background: #2b3644; }
  #marketing-solutions-product-nav li a, #sales-solutions-product-nav li a {
    color: #FFFFFF; }
  #marketing-solutions-product-nav li .product-icons, #sales-solutions-product-nav li .product-icons {
    opacity: 1; }

#sales-solutions-product-nav li:nth-child(1) {
  background: #2a5970; }

#sales-solutions-product-nav li:nth-child(2) {
  background: #274a5f; }

#sales-solutions-product-nav li:nth-child(3) {
  background: #254154; }

#sales-solutions-product-nav li:nth-child(4) {
  background: #2b3644; }

@media (min-width: 48em) {
  #solutions-landing-nav {
    height: 154px;
    background: -webkit-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: -moz-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: -o-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: linear-gradient(to right, #2c6279 50%, #2b3644 50%); } }

@media (max-width: 62em) {
  #solutions-landing-nav {
    height: 176px;
    background: -webkit-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: -moz-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: -o-linear-gradient(left, #2c6279 50%, #2b3644 50%);
    background: linear-gradient(to right, #2c6279 50%, #2b3644 50%); } }

#solutions-landing-nav ul {
  padding: 0; }

#solutions-landing-nav li {
  padding: 20px 15px 35px; }
  @media all and (max-width: 62em) and (min-width: 48em) {
    #solutions-landing-nav li {
      height: 176px; } }
  #solutions-landing-nav li:nth-child(1) {
    background: #2c6279; }
  #solutions-landing-nav li:nth-child(2) {
    background: #2a5970; }
  #solutions-landing-nav li:nth-child(3) {
    background: #274a5f; }
  #solutions-landing-nav li:nth-child(4) {
    background: #254154; }
  #solutions-landing-nav li:nth-child(5) {
    background: #2b3644; }
  #solutions-landing-nav li a {
    color: #FFFFFF; }
  #solutions-landing-nav li .product-icons {
    opacity: 1; }

.insider-cta {
  position: fixed;
  padding: 20px;
  top: 92px;
  right: -350px;
  max-width: 325px;
  z-index: 9999;
  text-align: center;
  -webkit-box-shadow: -3px 3px 3px 0px rgba(86, 84, 84, 0.6);
  -moz-box-shadow: -3px 3px 3px 0px rgba(86, 84, 84, 0.6);
  box-shadow: -3px 3px 3px 0px rgba(86, 84, 84, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=$direction);
  background: -webkit-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: -moz-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: -o-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: linear-gradient(to right, #6745b1 0%, #4d5edc 100%);
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s; }
  .insider-cta .cta-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 200; }
  .insider-cta .cta-description {
    margin: 10px 0 15px;
    font-weight: 200; }
  .insider-cta .fa-star,
  .insider-cta .fa-star-half {
    margin: 0;
    color: #FFFFFF; }
  .insider-cta .cta-close {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 5px;
    right: 0; }
    .insider-cta .cta-close .fa {
      margin-right: 10px;
      font-size: 16px;
      font-size: 1rem; }
  .insider-cta.active {
    right: 10px;
    border: none; }

.marketo-form {
  font-family: 'Roboto', sans-serif !important;
  width: 100% !important;
  max-width: 100%;
  color: #293846 !important; }
  .marketo-form-market-share .mktoFormRow, .marketo-form-market-share .mktoButtonRow {
    display: inline-block; }
  .marketo-form-market-share .mktoButtonWrap {
    display: inline-block; }
  .marketo-form-market-share .mktoButton {
    width: 100%;
    white-space: no-wrap;
    left: 0;
    top: -36px !important;
    border: 1px solid #41C3E5;
    position: absolute;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    background-clip: padding-box;
    background-clip: padding-box; }
  .marketo-form .mktoForm .mktoError .mktoErrorArrow,
  .marketo-form .mktoForm .mktoError .mktoErrorMsg {
    background-color: #DC4A39 !important;
    border: none !important;
    background-image: none !important; }

#tech-search-popup {
  position: fixed;
  visibility: hidden;
  padding: 20px;
  width: 100vw;
  height: 100vh;
  min-width: 250px;
  z-index: 999999;
  top: -100vh;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=$direction);
  background: -webkit-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: -moz-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: -o-linear-gradient(left, #6745b1 0%, #4d5edc 100%);
  background: linear-gradient(to right, #6745b1 0%, #4d5edc 100%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  #tech-search-popup.active {
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    visibility: visible;
    width: 100vw;
    overflow-y: auto; }
    @media only screen and (max-width: 62em) {
      #tech-search-popup.active {
        width: 100%;
        max-width: 100vw; } }
  #tech-search-popup #tech-search-bar-icon {
    position: absolute;
    top: 6px;
    left: 8px;
    color: #FFFFFF;
    font-size: 22px;
    font-size: 1.375rem; }
  #tech-search-popup .tech-search-bar {
    width: 100%;
    padding-left: 40px;
    padding-bottom: 4px;
    background: transparent;
    color: #FFFFFF;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.5px; }
    #tech-search-popup .tech-search-bar::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    #tech-search-popup .tech-search-bar:-moz-placeholder {
      /* FF 4-18 */
      color: rgba(255, 255, 255, 0.5); }
    #tech-search-popup .tech-search-bar::-moz-placeholder {
      /* FF 19+ */
      color: rgba(255, 255, 255, 0.5); }
    #tech-search-popup .tech-search-bar:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(255, 255, 255, 0.5); }
  #tech-search-popup .close-search {
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 10px;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    border: 1px solid #FFFFFF;
    text-decoration: none; }
    #tech-search-popup .close-search i {
      font-size: 27px;
      font-size: 1.6875rem; }
  #tech-search-popup #close-search-from-popup {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    #tech-search-popup #close-search-from-popup:hover {
      background: #FFFFFF; }
      #tech-search-popup #close-search-from-popup:hover i {
        color: #4d5edc; }
  #tech-search-popup li {
    margin: 0.5rem 0; }
  #tech-search-popup .tech-search-inner {
    display: flex;
    flex-direction: column;
    height: calc(100% - 55px); }
  #tech-search-popup .tech-search-wrapper {
    padding-top: 20px;
    padding-bottom: 20px; }
  #tech-search-popup .sorry-text-1 {
    display: none;
    margin-top: 4em;
    font-weight: bold;
    color: white;
    text-align: center; }
  #tech-search-popup .sorry-text-2, #tech-search-popup .sorry-text-3 {
    display: none;
    margin-top: 10px;
    color: white;
    text-align: center; }
  #tech-search-popup .sorry-text-2 a, #tech-search-popup .sorry-text-3 a {
    text-decoration: underline;
    color: white; }
  #tech-search-popup .found {
    display: none; }
  #tech-search-popup .found li {
    display: none;
    position: relative; }
  #tech-search-popup .found li span {
    position: absolute;
    right: 5px;
    top: 3px; }
  #tech-search-popup .found a span {
    color: white; }
  #tech-search-popup .found a {
    max-width: calc(100% - 160px); }

.product-hero, .about-hero, .market-share-hero, .pricing-hero, .sub-pricing-hero, .home-hero, .technographics-hero {
  position: relative;
  height: calc(95vh);
  min-height: 600px;
  overflow: hidden;
  background-color: #083b72;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=$direction);
  background: -webkit-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -moz-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -o-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: linear-gradient(to right, #083b72 0%, #18a5d4 100%); }

.quote-banner {
  position: relative;
  height: 420px;
  width: 100%; }
  @media only screen and (max-width: 48em) {
    .quote-banner {
      height: 475px; } }
  .quote-banner .customer-quote {
    position: relative;
    max-width: 550px;
    z-index: 5;
    font-weight: 100;
    font-size: 20px;
    font-size: 1.25rem; }
    @media only screen and (max-width: 48em) {
      .quote-banner .customer-quote {
        font-size: 18px;
        font-size: 1.125rem; } }
  .quote-banner .quote-rep-photo {
    position: absolute;
    bottom: -11px; }
    .quote-banner .quote-rep-photo #dyn-rep {
      left: -11px; }
  .quote-banner .quote-logo {
    margin-bottom: 30px; }
  .quote-banner .customer-quotee {
    margin: 40px 0 3px;
    z-index: 9;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px; }
  .quote-banner .customer-title {
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100; }
  .quote-banner .quotemark {
    position: absolute;
    top: 25%;
    right: 20%; }

.quote-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-attachment: fixed !important; }
  @media only screen and (max-width: 25em) {
    .quote-image {
      background-attachment: scroll !important; } }
  .quote-image-marketo {
    background: url("/i/public/backgrounds/marketo-bg.png") center center no-repeat; }
  .quote-image-dyn {
    background: url("/i/public/backgrounds/dyn-bg.png") center center no-repeat #2b3644; }
  .quote-image-outreach {
    background: url("/i/public/backgrounds/outreach-bg.png") center center no-repeat #88aac1; }
  .quote-image-knowledgetree {
    background: url("/i/public/backgrounds/knowledgetree-bg.png") center center no-repeat #372a25; }
  .quote-image-localytics {
    background: url("/i/public/backgrounds/localytics-bg.png") center center no-repeat; }
  .quote-image-kissmetrics {
    background: url("/i/public/backgrounds/kissmetrics-bg.png") center center no-repeat #372a25; }
  .quote-image-captora {
    background: url("/i/public/backgrounds/captora-bg.png") center center no-repeat; }
  .quote-image-newrelic {
    background: url("/i/public/backgrounds/newrelic-bg.png") center center no-repeat #372a25; }
  .quote-image-hubspot {
    background: url("/i/public/backgrounds/hubspot-bg.png") center center no-repeat; }
  .quote-image-newrelic-home {
    background: url("/i/public/backgrounds/new-relic-home-bg.png") center center no-repeat #91a4be; }
  .quote-image-doubledutch-home {
    background: url("/i/public/backgrounds/double-dutch-home-bg.png") center center no-repeat #91a4be; }

.quote-section {
  position: relative;
  height: 420px; }
  @media only screen and (max-width: 48em) {
    .quote-section {
      height: 475px; } }

.down-arrow {
  margin: 30px auto 0;
  cursor: pointer;
  opacity: .6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .down-arrow:hover {
    opacity: 1; }

.technology-toggle, .home-tech-toggle, .technologies-toggle,
.pricing-toggle,
.plan-type-toggle {
  margin: 30px 0;
  padding: 10px 0; }
  .technology-toggle ul, .home-tech-toggle ul, .technologies-toggle ul, .pricing-toggle ul, .plan-type-toggle ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center; }
    .technology-toggle ul li, .home-tech-toggle ul li, .technologies-toggle ul li, .pricing-toggle ul li, .plan-type-toggle ul li {
      margin: 0 8px;
      list-style: none;
      display: inline-block; }
      @media only screen and (max-width: 40em) {
        .technology-toggle ul li, .home-tech-toggle ul li, .technologies-toggle ul li, .pricing-toggle ul li, .plan-type-toggle ul li {
          margin: 10px 5px; } }
      .technology-toggle ul li a, .home-tech-toggle ul li a, .technologies-toggle ul li a, .pricing-toggle ul li a, .plan-type-toggle ul li a {
        color: #CED6DC;
        font-weight: 400;
        font-size: 12px;
        font-size: 0.75rem;
        text-transform: uppercase;
        padding: 5px;
        border-bottom: 2px solid transparent;
        letter-spacing: 1px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .technology-toggle ul li a.active, .home-tech-toggle ul li a.active, .technologies-toggle ul li a.active, .pricing-toggle ul li a.active, .plan-type-toggle ul li a.active {
          color: #8391A1;
          border-bottom: 2px solid #41C3E5; }
        .technology-toggle ul li a:hover, .home-tech-toggle ul li a:hover, .technologies-toggle ul li a:hover, .pricing-toggle ul li a:hover, .plan-type-toggle ul li a:hover {
          color: #8391A1;
          border-bottom: 2px solid #41C3E5; }

.home-tech-toggle {
  margin: 10px 0 25px;
  padding: 0; }
  .home-tech-toggle ul li a.active {
    color: #FFFFFF;
    border-bottom: 2px solid #41C3E5; }
  .home-tech-toggle ul li a:hover {
    color: #FFFFFF; }

.product-icons {
  display: block;
  width: 78px;
  height: 62px;
  margin: 0 auto 15px;
  clear: both;
  opacity: 0.3;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s; }
  .product-icons-home {
    margin: 0 0 15px;
    opacity: 1; }
    @media only screen and (max-width: 48em) {
      .product-icons-home {
        margin: 0 auto 15px; } }
  .product-icons#technology-icon {
    background: url("/i/public/icons/product-icons.png") 0 0; }
  .product-icons#visitor-icon {
    background: url("/i/public/icons/product-icons.png") 80px 0; }
  .product-icons#data-icon {
    background: url("/i/public/icons/product-icons.png") 160px 0; }
  .product-icons#prospecting-icon {
    background: url("/i/public/icons/product-icons.png") 240px 0; }
  .product-icons#predictive-icon {
    background: url("/i/public/icons/product-icons.png") 320px 0; }

.op-icons {
  display: block;
  width: 100px;
  height: 76px;
  margin: 0 0 15px;
  clear: both;
  background: url("/i/public/icons/op-icons.png"); }
  .op-icons#op-icon {
    background-position: 0 0;
    width: 50px; }
  .op-icons#op-added-icon {
    background-position: 228px -6px; }
  .op-icons#op-total-icon {
    background-position: 69px -6px;
    width: 69px; }

#technographics-legend .banner-title {
  line-height: 24px;
  margin: 12px 0 0; }

#technographics-legend .small-accent {
  margin: 0; }

.bi-icons {
  display: block;
  width: 100px;
  height: 76px;
  margin: 0 0 15px;
  width: 70px;
  clear: both;
  background: url("/i/public/icons/bi-icons.png"); }
  .bi-icons#bi-coverage {
    background-position: 0 4px;
    background-size: 535px; }
  .bi-icons#bi-data-science {
    background-position: -102px 1px;
    background-size: 555px; }
  .bi-icons#bi-sources {
    background-position: 363px 5px;
    background-size: 555px; }
  .bi-icons#bi-refresh-rate {
    background-position: 264px 0px;
    background-size: 550px;
    height: 71px; }
  .bi-icons#bi-historical-data {
    background-position: 213px -6px;
    width: 100px; }
  .bi-icons#bi-analysis {
    background-position: 69px -6px; }

.banner-title {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #4a5574;
  font-weight: 500; }

#sales-solutions-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 65vh; }
  @media only screen and (max-width: 62em) {
    #sales-solutions-bg {
      height: 50vh; } }
  @media only screen and (max-width: 48em) {
    #sales-solutions-bg {
      height: auto; } }

#marketing-solutions-bg {
  position: absolute;
  right: 0;
  bottom: 10vh;
  height: 55vh; }
  @media only screen and (max-width: 62em) {
    #marketing-solutions-bg {
      height: 40vh; } }
  @media only screen and (max-width: 48em) {
    #marketing-solutions-bg {
      height: auto; } }

#solutions-landing-bg {
  position: absolute;
  right: 0;
  bottom: 20vh;
  height: 50vh; }
  @media only screen and (max-width: 62em) {
    #solutions-landing-bg {
      height: 35vh; } }
  @media only screen and (max-width: 48em) {
    #solutions-landing-bg {
      height: 50vh; } }

.bg-header-marketing {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-bg.png");
  width: 685px;
  height: 452px;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 62em) {
    .bg-header-marketing {
      bottom: -130px;
      right: -150px; } }

.boat {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-bg-boat.png");
  width: 79px;
  height: 81px;
  position: absolute;
  right: 530px;
  bottom: 10px;
  z-index: 1; }
  @media only screen and (max-width: 62em) {
    .boat {
      display: none; } }

.float {
  -webkit-animation-name: float;
  animation-name: float;
  -webkit-animation-duration: 80s;
  animation-fill-mode: forwards; }

@-webkit-keyframes float {
  0% {
    right: 530px; }
  20% {
    bottom: 13px; }
  30% {
    bottom: 15px; }
  50% {
    bottom: 10px; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    right: -79px;
    display: none; } }

.blip-1 {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-blip-1.png");
  width: 39px;
  height: 58px;
  position: absolute;
  right: 537px;
  bottom: 355px;
  z-index: 1; }
  @media only screen and (max-width: 62em) {
    .blip-1 {
      bottom: 225px;
      right: 387px; } }

.blip-2 {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-blip-2.png");
  width: 30px;
  height: 44px;
  position: absolute;
  right: 450px;
  bottom: 214px;
  z-index: 1; }
  @media only screen and (max-width: 62em) {
    .blip-2 {
      bottom: 84px;
      right: 300px; } }

.blip-3 {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-blip-3.png");
  width: 42px;
  height: 63px;
  position: absolute;
  right: 287px;
  bottom: 306px;
  z-index: 1; }
  @media only screen and (max-width: 62em) {
    .blip-3 {
      bottom: 176px;
      right: 137px; } }

.blip-4 {
  background: url("../i/public/animations/marketing-solutions/solutions-marketing-blip-4.png");
  width: 31px;
  height: 46px;
  position: absolute;
  right: 124px;
  bottom: 229px;
  z-index: 1; }
  @media only screen and (max-width: 62em) {
    .blip-4 {
      bottom: 99px;
      right: 25px; } }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.delay-anim-2 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.delay-anim-3 {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s; }

.delay-anim-4 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.bg-header-sales {
  background: url("../i/public/animations/sales-solutions/solutions-sales-bg.png");
  width: 574px;
  height: 513px;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 62em) {
    .bg-header-sales {
      right: -120px;
      bottom: -120px; } }

.beaker-1 {
  background: url("../i/public/animations/sales-solutions/bg-beaker-1.png");
  width: 70px;
  height: 65px;
  position: absolute;
  right: 411px;
  bottom: 410px;
  z-index: 1;
  -webkit-animation-name: rotate-right;
  animation-name: rotate-right;
  -webkit-animation-duration: 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }
  @media only screen and (max-width: 62em) {
    .beaker-1 {
      right: 291px;
      bottom: 290px; } }

.beaker-2 {
  background: url("../i/public/animations/sales-solutions/bg-beaker-2.png");
  width: 80px;
  height: 79px;
  position: absolute;
  right: 306px;
  bottom: 400px;
  z-index: 1;
  -webkit-animation-name: rotate-left;
  animation-name: rotate-left;
  -webkit-animation-duration: 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }
  @media only screen and (max-width: 62em) {
    .beaker-2 {
      right: 186px;
      bottom: 280px; } }

@-webkit-keyframes rotate-left {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(-20deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(20deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

.x-pop-1 {
  background: url("../i/public/animations/sales-solutions/bg-x-pop-1.png");
  width: 14px;
  height: 15px;
  position: absolute;
  right: 400px;
  bottom: 345px;
  z-index: 1;
  opacity: 0;
  -webkit-animation-name: upIn1;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-delay: 2.4s;
  -webkit-animation-iteration-count: infinite; }
  @media only screen and (max-width: 62em) {
    .x-pop-1 {
      right: 280px;
      bottom: 225px;
      -webkit-animation-name: upIn1Mobile; } }

@-webkit-keyframes upIn1 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 360px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes upIn1Mobile {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 240px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.round-pop-1 {
  background: url("../i/public/animations/sales-solutions/bg-round-pop-1.png");
  width: 9px;
  height: 8px;
  position: absolute;
  right: 402px;
  bottom: 370px;
  z-index: 1;
  opacity: 0;
  -webkit-animation-name: upIn2;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-delay: 2.8s;
  -webkit-animation-iteration-count: infinite; }
  @media only screen and (max-width: 62em) {
    .round-pop-1 {
      right: 282px;
      bottom: 250px;
      -webkit-animation-name: upIn2Mobile; } }

@-webkit-keyframes upIn2 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 385px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    @media only screen and (max-width: 62em) {
      bottom: 265px; } } }

@-webkit-keyframes upIn2Mobile {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 265px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.x-pop-2 {
  background: url("../i/public/animations/sales-solutions/bg-x-pop-2.png");
  width: 12px;
  height: 12px;
  position: absolute;
  right: 384px;
  bottom: 364px;
  z-index: 1;
  opacity: 0;
  -webkit-animation-name: upIn3;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-delay: 3.4s;
  -webkit-animation-iteration-count: infinite; }
  @media only screen and (max-width: 62em) {
    .x-pop-2 {
      right: 264px;
      bottom: 244px;
      -webkit-animation-name: upIn3Mobile; } }

@-webkit-keyframes upIn3 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 392px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes upIn3Mobile {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 272px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.round-pop-2 {
  background: url("../i/public/animations/sales-solutions/bg-round-pop-2.png");
  width: 11px;
  height: 11px;
  position: absolute;
  right: 383px;
  bottom: 342px;
  z-index: 1;
  opacity: 0;
  -webkit-animation-name: upIn4;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-delay: 3s;
  -webkit-animation-iteration-count: infinite; }
  @media only screen and (max-width: 62em) {
    .round-pop-2 {
      right: 263px;
      bottom: 222px;
      -webkit-animation-name: upIn4Mobile; } }

@-webkit-keyframes upIn4 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 363px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    @media only screen and (max-width: 62em) {
      bottom: 243px; } } }

@-webkit-keyframes upIn4Mobile {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    /*transform: scale3d(1, 1, 1);*/ }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    bottom: 243px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.about-hero {
  height: 45vh;
  min-height: 400px; }
  .about-hero.about-us {
    height: auto;
    min-height: 600px; }
  .about-hero-russia {
    background: url("/i/public/backgrounds/SPB.png") 50% 50%, -moz-linear-gradient(left, #083b72 0%, #18a5d4 100%);
    background: url("/i/public/backgrounds/SPB.png") 50% 50%, -webkit-linear-gradient(left, #083b72 0%, #18a5d4 100%);
    background: url("/i/public/backgrounds/SPB.png") 50% 50%, linear-gradient(left, #083b72 0%, #18a5d4 100%);
    background-repeat: no-repeat;
    background-size: cover; }
  @media only screen and (max-width: 40em) {
    .about-hero {
      height: calc(30vh); } }

@media only screen and (max-width: 48em) {
  .careers-hero {
    height: auto; } }

.about-title {
  display: block;
  margin: 55px 0 45px;
  text-transform: capitalize;
  text-align: center;
  font-weight: 200;
  font-size: 38px;
  font-size: 2.375rem; }
  .about-title#perks {
    text-transform: none; }
  .about-title-left {
    text-align: left; }

.about-subtitle {
  margin: 0 auto 40px;
  max-width: 500px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 2px;
  font-weight: 500;
  line-height: 21px; }

a.about-container {
  text-decoration: none;
  font-weight: normal; }

.about-container {
  margin: 0 0 45px; }
  .about-container p {
    margin: 15px 0;
    color: #41C3E5;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .about-container .perk-description {
    margin: 15px auto 0;
    color: #8391A1;
    max-width: 110px;
    text-align: center; }
  .about-container .link-title {
    font-weight: 300;
    text-decoration: none;
    color: #8391A1;
    font-size: 16px; }
    .about-container .link-title:hover {
      color: #41C3E5; }
  .about-container ul {
    margin: 0;
    padding: 0; }
    .about-container ul .position-type {
      margin: 0 0 4px;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 0.875rem;
      color: #576677;
      letter-spacing: 1px; }
    .about-container ul li {
      margin: 12px 0 5px;
      list-style: none; }
      .about-container ul li a {
        color: #8391A1;
        font-weight: 300;
        font-size: 16px;
        font-size: 1rem; }
        .about-container ul li a:hover {
          color: #41C3E5; }

@media only screen and (max-width: 48em) {
  #jobs-list .about-container ul {
    text-align: center; }
  #jobs-list .about-container .small-accent {
    margin: 10px auto !important; } }

.perk-icon {
  display: block;
  height: 60px;
  width: 64px;
  margin: 0 auto; }
  .perk-icon#dollar-icon {
    background: url("/i/public/icons/perks-icons.png") 0 0; }
  .perk-icon#heart-icon {
    background: url("/i/public/icons/perks-icons.png") -66px 0; }
  .perk-icon#plane-icon {
    background: url("/i/public/icons/perks-icons.png") -128px 0; }
  .perk-icon#tooth-icon {
    background: url("/i/public/icons/perks-icons.png") -194px 0; }
  .perk-icon#glasses-icon {
    background: url("/i/public/icons/perks-icons.png") -258px 0; }
  .perk-icon#clock-icon {
    background: url("/i/public/icons/perks-icons.png") -320px 0; }
  .perk-icon#beer-icon {
    background: url("/i/public/icons/perks-icons.png") -380px 0; }
  .perk-icon#gym-icon {
    background: url("/i/public/icons/perks-icons.png") -446px 0; }
  .perk-icon#train-icon {
    background: url("/i/public/icons/perks-icons.png") -512px 0; }
  .perk-icon#laptop-icon {
    background: url("/i/public/icons/perks-icons.png") -576px 0; }
  .perk-icon#balloon-icon {
    background: url("/i/public/icons/perks-icons.png") -642px 0;
    height: 61px; }
  .perk-icon#english-icon {
    background: url("/i/public/icons/perks-icons.png") -704px 0; }
  .perk-icon#snacks-icon {
    background: url("/i/public/icons/perks-icons.png") -768px 0; }
  .perk-icon#buildings-icon {
    background: url("/i/public/icons/perks-icons.png") -838px 0; }
  .perk-icon#bonus-icon {
    background: url("/i/public/icons/perks-icons.png") -908px 0;
    width: 74px; }
  .perk-icon#four-oh-one-k-icon {
    background: url("/i/public/icons/perks-icons.png") -996px 0;
    width: 70px; }
  .perk-icon#apple-icon {
    background: url("/i/public/icons/perks-icons.png") -1069px 0; }
  .perk-icon#cold-brew-icon {
    background: url("/i/public/icons/perks-icons.png") -1126px 0;
    width: 60px;
    height: 63px; }
  .perk-icon#stock-icon {
    background: url("/i/public/icons/perks-icons.png") -1187px 0;
    width: 47px; }

.about-border {
  border: 1px solid #cdd6dc; }

#about-nav {
  background: #f5f8fb;
  text-align: center; }
  #about-nav .row {
    padding: 23px 0 22px;
    margin: 0 auto; }
    #about-nav .row li {
      margin: 0 20px;
      list-style: none;
      display: inline-block; }
      #about-nav .row li a {
        padding: 0 5px 20px;
        color: #a2abb5;
        font-size: 14px;
        font-size: 0.875rem;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 1px;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        -o-transition: color 0.2s;
        transition: color 0.2s; }
        #about-nav .row li a:hover, #about-nav .row li a.active {
          color: #576677;
          border-bottom: 3px solid #41C3E5; }

.choose-team {
  margin-top: 30px; }
  .choose-team .team-toggle {
    text-decoration: none; }
    .choose-team .team-toggle:hover .team-icon-wrapper,
    .choose-team .team-toggle:active .team-icon-wrapper {
      opacity: 1; }
    .choose-team .team-toggle .team-icon-wrapper {
      display: inline-block;
      text-align: center;
      opacity: .25;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .choose-team .team-toggle .team-icon-wrapper img {
        display: block;
        margin: 12px auto 4px;
        width: 65%; }
        @media only screen and (max-width: 40em) {
          .choose-team .team-toggle .team-icon-wrapper img {
            width: 80%; } }
      @media only screen and (max-width: 48em) {
        .choose-team .team-toggle .team-icon-wrapper p {
          font-size: 16px;
          font-size: 1rem; } }
      @media only screen and (max-width: 25em) {
        .choose-team .team-toggle .team-icon-wrapper p {
          font-size: 14px;
          font-size: 0.875rem; } }
  .choose-team .active .team-icon-wrapper {
    opacity: 1; }

@media only screen and (min-width: 75em) {
  .datanyzer-about-title {
    margin-top: 30px; } }

@media only screen and (max-width: 75em) {
  .datanyzer-about-title {
    margin-top: 25px; } }

@media only screen and (max-width: 48em) {
  .datanyzer-about-title {
    margin-top: 30px; } }

.datanyzer {
  margin: 0 0 50px; }
  @media only screen and (min-width: 75em) {
    .datanyzer {
      height: 350px; } }
  @media only screen and (max-width: 75em) {
    .datanyzer {
      height: 300px; } }
  @media only screen and (max-width: 991px) {
    .datanyzer {
      height: 260px; } }
  @media only screen and (max-width: 48em) {
    .datanyzer img {
      margin: 0 auto;
      max-width: 160px; } }
  @media only screen and (max-width: 40em) {
    .datanyzer img {
      max-width: 100%; } }
  .datanyzer .about-container {
    margin: 0; }
    .datanyzer .about-container p {
      margin: 15px 0 0; }
      @media only screen and (max-width: 48em) {
        .datanyzer .about-container p {
          display: block;
          text-align: center; } }
    .datanyzer .about-container .datanyzer-title {
      margin: 0;
      font-weight: 300;
      color: #8391A1;
      text-transform: capitalize; }
      @media only screen and (max-width: 48em) {
        .datanyzer .about-container .datanyzer-title {
          margin: 0 auto;
          text-align: center; } }
    .datanyzer .about-container a {
      display: inline-block;
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: 400;
      text-transform: capitalize;
      color: #41C3E5; }

.investors-section .row,
.team-section .row {
  margin-bottom: 64px; }

#investors-logo-holder {
  min-height: 215px;
  background: #083f75;
  /* Old browsers */
  background: -moz-linear-gradient(left, #083f75 0%, #1592c4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #083f75 0%, #1592c4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #083f75 0%, #1592c4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083f75', endColorstr='#1592c4',GradientType=1 );
  /* IE6-9 */ }

.partners-logo {
  width: 100px;
  margin-top: 25px; }
  .partners-logo-hubspot {
    margin-top: 40px; }
  @media only screen and (max-width: 48em) {
    .partners-logo {
      margin: 15px 0 !important; } }

#partners-list li {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  margin: 0 10px;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-dots {
  position: absolute;
  bottom: -35px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #41C3E5; }

.market-share-hero, .pricing-hero, .sub-pricing-hero {
  height: calc(60vh);
  min-height: 580px; }
  @media only screen and (max-width: 48em) {
    .market-share-hero, .pricing-hero, .sub-pricing-hero {
      height: auto;
      min-height: auto;
      padding: 1em 0 2em; } }
  .market-share-hero ul li, .pricing-hero ul li, .sub-pricing-hero ul li, .market-share-hero ol li, .pricing-hero ol li, .sub-pricing-hero ol li {
    text-align: left;
    font-weight: 300; }
  .market-share-hero-short {
    height: calc(50vh);
    min-height: 450px; }
    @media only screen and (max-width: 48em) {
      .market-share-hero-short {
        height: auto;
        min-height: auto;
        padding: 1em 0; } }
  @media only screen and (max-width: 48em) {
    .market-share-hero-short-domain {
      height: auto;
      min-height: auto;
      padding: 1em 0; } }
  @media only screen and (max-width: 48em) {
    .market-share-hero br, .pricing-hero br, .sub-pricing-hero br {
      display: none; } }

.bottom-cta-market-share {
  z-index: 9998;
  background: #4A5474; }

.market-share-list {
  column-count: 3;
  column-gap: 1em; }
  @media only screen and (max-width: 62em) {
    .market-share-list {
      column-count: 2; } }
  @media only screen and (max-width: 48em) {
    .market-share-list {
      column-count: 1; } }
  .market-share-list .ms-wrap {
    display: inline-block;
    width: 100%; }
    .market-share-list .ms-wrap h4 {
      color: #8391A1;
      font-weight: 500; }
      .market-share-list .ms-wrap h4 a {
        color: #8391A1;
        font-weight: 500;
        text-decoration: none; }
    .market-share-list .ms-wrap li {
      padding: 6px 0;
      list-style: none;
      height: auto; }
      .market-share-list .ms-wrap li a {
        color: #41C3E5;
        font-weight: 400;
        font-size: 15px;
        font-size: 0.9375rem; }
      .market-share-list .ms-wrap li span {
        color: #8391A1;
        font-weight: 400;
        font-size: 15px;
        font-size: 0.9375rem; }
  .market-share-list-subpage li a {
    color: #41C3E5; }

#market_share_graph_wrap {
  overflow-y: hidden; }

#market_share_graph_div {
  margin: 0 auto;
  width: 600px;
  height: 500px;
  text-align: center; }

#d3-donut-chart,
#d3-bar-chart,
.d3-pie {
  padding-top: 0.5em; }
  #d3-donut-chart svg,
  #d3-bar-chart svg,
  .d3-pie svg {
    overflow: visible; }
  #d3-donut-chart text,
  #d3-bar-chart text,
  .d3-pie text {
    font-family: 'Roboto', sans-serif; }

#d3-bar-chart text {
  fill: #4A5474; }

#d3-bar-chart line,
#d3-bar-chart path {
  stroke: #4A5474; }

#d3-bar-chart .numbers {
  font-size: 11px;
  font-size: 0.6875rem; }

#hover-tech {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }

.ms-title {
  margin-top: 12px;
  color: #FFFFFF;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px; }
  .ms-title-page {
    color: #293846;
    font-weight: 500; }

.ms-description {
  position: relative;
  color: #FFFFFF;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 300;
  word-wrap: break-word; }
  .ms-description i.font-size-24 {
    position: absolute;
    top: 5px; }
  @media only screen and (max-width: 48em) {
    .ms-description {
      margin-bottom: 1.5em;
      font-size: 28px;
      font-size: 1.75rem; } }

.tech-description {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.25px; }
  .tech-description-white {
    margin-top: 1.5em;
    padding-right: 10px;
    color: #FFFFFF; }

.ms-select {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF; }
  .ms-select optgroup {
    color: #2b3644; }
  .ms-select option {
    color: #2b3644; }

#subscribe_market_share .hs_industry {
  display: none; }

#subscribe_market_share .hs-button[type="submit"] {
  border: 1px solid #74d8c2;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  background-clip: padding-box; }

#subscribe_market_share .hs_email.hs-form-field,
#subscribe_market_share .hs_submit {
  display: inline-block; }
  #subscribe_market_share .hs_email.hs-form-field label,
  #subscribe_market_share .hs_submit label {
    display: none; }

#subscribe_market_share .hs-error-msgs.inputs-list {
  position: absolute;
  padding: 4px;
  list-style: none; }
  #subscribe_market_share .hs-error-msgs.inputs-list label {
    text-transform: none;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    color: #DC4A39; }

#subscribe_market_share .submitted-message {
  color: #576677; }

.highcharts-title {
  text-align: left !important;
  color: #293846;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px; }

.highcharts-legend-item text {
  font-weight: 400 !important; }

.home-hero {
  height: calc(100vh);
  position: relative;
  overflow: visible; }
  .home-hero .header-text span {
    color: #74d8c2; }
    .home-hero .header-text span.active {
      width: 100%;
      opacity: 1;
      visibility: visible; }
    .home-hero .header-text span.hidden {
      width: 0;
      opacity: 0;
      visibility: hidden; }
  .home-hero .home-company-name {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .home-hero .home-company-name li {
      height: 0;
      opacity: 0;
      visibility: hidden;
      color: #74d8c2;
      -webkit-transition: all 1.75s;
      -moz-transition: all 1.75s;
      -o-transition: all 1.75s;
      transition: all 1.75s;
      display: none; }
      .home-hero .home-company-name li:first-child {
        display: block;
        opacity: 1;
        visibility: visible;
        text-align: left; }
        @media (max-width: 62em) {
          .home-hero .home-company-name li:first-child {
            text-align: center; } }

.home-sub-hero {
  position: relative;
  padding: 30px 0;
  height: calc(60vh);
  min-height: 600px;
  max-height: 600px;
  max-width: 100%;
  overflow: hidden;
  background-color: #91a4be; }
  @media (max-width: 48em) {
    .home-sub-hero {
      padding: 30px 0 50px;
      height: 100%;
      max-height: 100%; } }
  .home-sub-hero .quote-section {
    height: 480px; }
    @media only screen and (max-width: 25em) {
      .home-sub-hero .quote-section {
        height: 560px; } }
  .home-sub-hero .quotemark {
    top: 40%;
    left: 50%;
    margin-left: -50px; }
  .home-sub-hero .home-quote {
    margin: 0 0 35px;
    min-height: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 200;
    font-style: italic; }
    @media (max-width: 48em) {
      .home-sub-hero .home-quote {
        min-height: auto;
        height: auto;
        margin: 0 0 30px;
        font-weight: 300; } }
    @media only screen and (max-width: 25em) {
      .home-sub-hero .home-quote {
        font-size: 16px;
        font-size: 1rem; } }
  .home-sub-hero .about-title {
    margin: 0 0 40px; }
    @media only screen and (max-width: 62em) {
      .home-sub-hero .about-title {
        margin: 0 0 20px; } }
    @media only screen and (max-width: 25em) {
      .home-sub-hero .about-title {
        font-size: 28px;
        font-size: 1.75rem; } }
  .home-sub-hero .about-subtitle {
    margin: 0;
    text-align: left; }
  .home-sub-hero .quote-rep-photo {
    bottom: -35px;
    max-width: 120%; }

.below-hero-section-home {
  margin: 20px 0 130px; }
  @media only screen and (max-width: 40em) {
    .below-hero-section-home {
      margin: 20px 0 50px; } }
  .below-hero-section-home .container > .about-title {
    margin-bottom: 15px; }
  .below-hero-section-home .about-title-description {
    margin: 0 auto 45px !important;
    max-width: 600px !important;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem; }

.rep-info {
  margin: 0 0 30px; }
  @media only screen and (max-width: 62em) {
    .rep-info {
      margin: 0 0 15px;
      position: relative; } }
  .rep-info #newrelic-logo {
    height: 29px; }

.home-quote-section {
  padding: 30px 0 0; }

.home-quote-info {
  max-width: 300px;
  margin: 0 auto;
  display: block; }

.home-triangle {
  position: absolute;
  bottom: 0; }
  .home-triangle-left {
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18vh 0 0 80vw;
    border-color: transparent transparent transparent #FFFFFF; }
  .home-triangle-right {
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12vh 33vw;
    border-color: transparent transparent #FFFFFF transparent; }

@media only screen and (max-width: 48em) {
  #sales-leaders-btn {
    position: absolute;
    left: calc(50% - 125px); } }

@media only screen and (max-width: 48em) {
  #marketing-leaders-btn {
    position: absolute;
    left: calc(50% - 145px); } }

.home-card-links {
  text-decoration: none; }

.home-cards {
  border: 1px solid #ecf9fc;
  padding: 15px;
  background-size: cover !important;
  cursor: pointer; }
  @media (max-width: 62em) {
    .home-cards {
      margin: 10px 0; } }
  .home-cards#technology-tracking {
    background: url("/i/public/backgrounds/tech-tracking.png") -7.5% 60px no-repeat; }
  .home-cards#predictive-analytics {
    background: url("/i/public/backgrounds/predictive-analytics.png") -7.5% 60px no-repeat; }
  .home-cards#prospecting {
    background: url("/i/public/backgrounds/prospecting-bg.png") -7.5% 60px no-repeat; }
  .home-cards#data-enrichment {
    background: url("/i/public/backgrounds/data-enrichment.png") 9% 38px no-repeat; }
  .home-cards#visitor-analytics {
    background: url("/i/public/backgrounds/visitor-analytics.png") -7.5% 60px no-repeat; }
  .home-cards.active {
    outline: 1px solid #41C3E5;
    border: 1px solid #41C3E5; }
    .home-cards.active .small-accent {
      width: 100%; }
      @media only screen and (max-width: 48em) {
        .home-cards.active .small-accent {
          background: #41C3E5; } }
  .home-cards .small-accent {
    margin: 0 0 10px; }
    @media only screen and (max-width: 48em) {
      .home-cards .small-accent {
        width: 100%;
        background: #ecf9fc; } }
  @media only screen and (min-width: 48em) {
    .home-cards p {
      min-height: 80px; } }
  @media only screen and (max-width: 48em) {
    .home-cards p {
      max-width: 100%;
      text-align: center; } }
  @media only screen and (max-width: 75em) and (min-width: 62em) {
    .home-cards p {
      min-height: 110px; } }
  @media only screen and (max-width: 75em) and (min-width: 62em) {
    .home-cards .banner-title {
      height: 26px; } }

.rep-title {
  margin: 0 0 10px;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300; }

.bg-header-home {
  position: relative;
  background: url("../i/public/animations/home/home-machine.png") 50% 50% no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 333px;
  margin: 0 auto;
  z-index: 1; }

#home-mobile-machine {
  position: relative;
  background: url("../i/public/animations/home/home-machine-mobile.png") 50% 50% no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 350px;
  margin: 0 auto;
  z-index: 1; }

.dial-spin {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url("../i/public/animations/home/bg-dial-spinner.png") no-repeat;
  -webkit-animation: dial-spin-first 2s linear infinite; }
  @media only screen and (max-width: 120em) {
    .dial-spin {
      left: 316px;
      top: 73px; } }
  @media only screen and (max-width: 75em) {
    .dial-spin {
      left: 226px;
      top: 77px; } }
  @media only screen and (max-width: 62em) {
    .dial-spin {
      height: 40px;
      width: 40px;
      background-size: 40px 40px;
      left: 172px;
      top: 97px; } }

.dial-spin-2 {
  background: url("../i/public/animations/home/bg-dial-spinner.png") no-repeat;
  width: 51px;
  height: 51px;
  position: absolute;
  -webkit-animation: dial-spin-second 2.6s linear infinite; }
  @media only screen and (max-width: 120em) {
    .dial-spin-2 {
      right: 404px;
      top: 202px; } }
  @media only screen and (max-width: 75em) {
    .dial-spin-2 {
      right: 309px;
      top: 200px; } }
  @media only screen and (max-width: 62em) {
    .dial-spin-2 {
      height: 40px;
      width: 40px;
      background-size: 40px 40px;
      right: 236px;
      top: 193px; } }

.dial-spin-3 {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url("../i/public/animations/home/bg-dial.png") no-repeat;
  -webkit-transform: rotate(-170deg);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-name: dial-spin-3;
  -webkit-animation-duration: 4.8s;
  -webkit-animation-delay: 1s; }
  @media only screen and (max-width: 120em) {
    .dial-spin-3 {
      left: 488px;
      bottom: 10px; } }
  @media only screen and (max-width: 75em) {
    .dial-spin-3 {
      left: 389px;
      bottom: 14px; } }
  @media only screen and (max-width: 62em) {
    .dial-spin-3 {
      height: 40px;
      width: 40px;
      background-size: 40px 40px;
      left: 299px;
      bottom: 50px; } }

@-webkit-keyframes dial-spin-first {
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes dial-spin-first {
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes dial-spin-first {
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dial-spin-first {
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes dial-spin-second {
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-moz-keyframes dial-spin-second {
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-o-keyframes dial-spin-second {
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes dial-spin-second {
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-webkit-keyframes dial-spin-3 {
  from {
    -webkit-transform: rotate(-170deg); }
  to {
    -webkit-transform: rotate(29deg); } }

#exchange-header {
  position: absolute;
  right: 0;
  z-index: 1; }

.dz-exchange .public-email-input, .dz-exchange .marketo-form-market-share .mktoField, .marketo-form-market-share .dz-exchange .mktoField, .dz-exchange #subscribe_market_share .hs-input[type="email"], #subscribe_market_share .dz-exchange .hs-input[type="email"] {
  border: none;
  border: 0;
  height: 37px; }
  @media only screen and (max-width: 40em) {
    .dz-exchange .public-email-input, .dz-exchange .marketo-form-market-share .mktoField, .marketo-form-market-share .dz-exchange .mktoField, .dz-exchange #subscribe_market_share .hs-input[type="email"], #subscribe_market_share .dz-exchange .hs-input[type="email"] {
      width: calc(100% - 121px); } }

.dz-exchange .req {
  border: none !important;
  position: absolute;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  background-clip: padding-box; }

.dz-exchange .user-notification {
  margin: 5px 0 0;
  padding: 0;
  color: #DC4A39;
  line-height: 19px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400; }

@media only screen and (min-width: 48em) {
  .dz-exchange.cta-information .public-email-input, .dz-exchange.cta-information .marketo-form-market-share .mktoField, .marketo-form-market-share .dz-exchange.cta-information .mktoField, .dz-exchange.cta-information #subscribe_market_share .hs-input[type="email"], #subscribe_market_share .dz-exchange.cta-information .hs-input[type="email"] {
    margin-left: -9em; } }

.faq-ol {
  margin-top: -1.75em;
  margin-bottom: 2em;
  color: #8391A1;
  font-weight: 300;
  line-height: 26px; }

.pricing-hero, .sub-pricing-hero {
  height: calc(40vh);
  min-height: 400px; }
  @media only screen and (max-width: 62em) {
    .pricing-hero, .sub-pricing-hero {
      min-height: 450px; } }
  @media only screen and (max-width: 48em) {
    .pricing-hero, .sub-pricing-hero {
      min-height: 500px; } }

.sub-pricing-hero {
  height: calc(40vh);
  min-height: 300px; }

@media only screen and (max-width: 48em) {
  #pricing-banner-options .p-toggle p {
    display: none; } }

#pricing-banner-options .p-toggle.active, #pricing-banner-options .p-toggle:hover {
  background: #FFFFFF; }
  #pricing-banner-options .p-toggle.active h3, #pricing-banner-options .p-toggle.active p, #pricing-banner-options .p-toggle:hover h3, #pricing-banner-options .p-toggle:hover p {
    color: #293846; }
  #pricing-banner-options .p-toggle.active p, #pricing-banner-options .p-toggle:hover p {
    font-weight: 400; }

.pricing-float-div {
  background-color: #FFFFFF;
  margin-top: -2.5em; }
  @media only screen and (max-width: 48em) {
    .pricing-float-div {
      margin-top: 0; } }

.extras-list {
  height: 0;
  opacity: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }
  .extras-list.active {
    height: auto;
    opacity: 1; }

.pricing-div {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .pricing-div:before {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 5px;
    top: -5px;
    left: 15px; }
  .pricing-div-1:before {
    background: #74d8c2; }
  .pricing-div-2:before {
    background: #41C3E5; }
  .pricing-div-3:before {
    background: #F88B8B; }
  .pricing-div-4:before {
    background: #ab62e2; }
  .pricing-div-primary:before {
    background: #41C3E5;
    width: 100%;
    left: 0; }
  .pricing-div h5 {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    margin-bottom: 0.25rem;
    color: #8391A1; }
  .pricing-div .no-of-teammates {
    position: absolute;
    display: block;
    width: calc(100% - 30px);
    top: -4px;
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 0.25px;
    line-height: 14px;
    font-weight: 400;
    padding: 10px 16px;
    left: 15px; }
    .pricing-div .no-of-teammates#small_team_teammates {
      background: #F88B8B; }
    .pricing-div .no-of-teammates#enterprise_teammates {
      background: #ab62e2; }

.pricing-float-up {
  position: relative;
  top: 0;
  margin-bottom: 3em; }

#banner-app {
  position: absolute;
  max-width: 100%;
  right: 10px;
  top: -39px;
  z-index: 0; }
  @media only screen and (max-width: 75em) {
    #banner-app {
      top: -20px;
      right: -15px; } }
  @media only screen and (max-width: 62em) {
    #banner-app {
      top: 0; } }

.pricing-page-icons {
  max-height: 50px; }

.pricing-description {
  height: 110px;
  min-height: 100%; }
  @media only screen and (max-width: 62em) {
    .pricing-description {
      height: auto; } }

.middle-pricing-description {
  border-left: 1px solid #d9e1e7;
  border-right: 1px solid #d9e1e7; }
  @media only screen and (max-width: 991px) {
    .middle-pricing-description {
      padding: 2em 0;
      border-top: 1px solid #d9e1e7;
      border-bottom: 1px solid #d9e1e7;
      border-left: none;
      border-right: none; } }

.pricing-specs h4 {
  margin-bottom: 1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #293846; }

.pricing-specs p {
  font-size: 14px;
  font-size: 0.875rem; }

.pricepoint {
  text-align: center; }
  .pricepoint .recommended {
    position: absolute;
    right: 1px;
    top: 34px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .pricepoint li {
    padding: 0.5em 1em;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #576677; }
    .pricepoint li:before {
      position: absolute;
      left: 8px;
      font-family: 'FontAwesome';
      content: "\f00c";
      color: #74d8c2; }
  .pricepoint#plan-annual li {
    opacity: 0.5;
    text-decoration: line-through; }
  .pricepoint#plan-annual.active li {
    opacity: 1;
    text-decoration: none; }

@media only screen and (min-width: 40em) {
  .add-ons a.push {
    margin-top: 20px; } }

.insider-table-body .border-added {
  border: 1px solid #d9e1e7; }

.public-header-offset {
  height: 76px; }
  .public-header-offset.top-bar-present {
    height: 22px; }
    @media only screen and (max-width: 991px) {
      .public-header-offset.top-bar-present {
        height: 6px; } }
  @media only screen and (max-width: 991px) {
    .public-header-offset {
      height: 60px; } }

#checkout-header {
  height: 76px; }
  #checkout-header p {
    line-height: 76px; }
  #checkout-header #minimize-arrow {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0.75; }
    #checkout-header #minimize-arrow:hover {
      opacity: 1;
      cursor: pointer; }

@media only screen and (max-width: 61em) {
  #checkout-div {
    position: fixed;
    top: 0;
    right: -105%;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    z-index: 10000;
    background: #F4F7FA;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0px 0px 10px #bdb6b6;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
    #checkout-div.open {
      right: 0; } }

#checkout-wrapper {
  overflow-x: hidden;
  overflow-y: auto; }

.checkout-steps {
  padding: 0 0 30px;
  position: relative;
  list-style: none; }
  .checkout-steps .checkout-step {
    margin-bottom: 2em; }
    .checkout-steps .checkout-step h4, .checkout-steps .checkout-step .step-number {
      margin: 0 0 0.25em;
      display: inline-block;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      pointer-events: none;
      cursor: none;
      color: #8391A1; }
    .checkout-steps .checkout-step.active h4, .checkout-steps .checkout-step.active .step-number {
      font-weight: bold;
      text-decoration: underline; }
    .checkout-steps .checkout-step.checked h4:hover {
      pointer-events: auto;
      cursor: pointer; }

#checkout-cart-list li .fa-times {
  margin-top: 6px;
  opacity: 0.7; }
  #checkout-cart-list li .fa-times:hover {
    opacity: 1; }

#checkout-cart-list li .backend-indicator {
  vertical-align: middle; }

.pricing-section {
  position: relative; }
  .pricing-section-no-shadow {
    box-shadow: none !important; }

#tech-start-page-web,
#tech-start-page-mobile {
  height: 220px;
  padding: 3em 2em; }

.pricing-instructions {
  background: #F4F7FA; }
  .pricing-instructions section {
    max-width: calc(100% - 62px);
    padding: 55px 0 45px; }
    .pricing-instructions section h2 {
      margin: 6px 0 16px;
      font-size: 34px;
      font-size: 2.125rem;
      font-weight: 300; }
    .pricing-instructions section span {
      font-weight: bold; }

.step-loader-back {
  position: absolute;
  top: 24px; }

@media only screen and (max-width: 62em) {
  .prospecting-instructions {
    width: calc( 100% - 65px); } }

#body-toggle-cart {
  position: absolute;
  right: 15px;
  top: 60px;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  padding: 17px;
  z-index: 999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px #c3c3c3;
  -moz-box-shadow: 0px 0px 10px #c3c3c3;
  box-shadow: 0px 0px 10px #c3c3c3; }
  @media only screen and (min-width: 62em) {
    #body-toggle-cart {
      display: none; } }
  #body-toggle-cart .fa-shopping-cart {
    font-size: 28px;
    font-size: 1.75rem;
    color: #4A5474; }
  #body-toggle-cart #tech-cart {
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background: #41C3E5;
    line-height: 17px; }
    #body-toggle-cart #tech-cart span {
      color: #FFFFFF;
      font-size: 13px;
      font-size: 0.8125rem; }

#pricing-step-progression {
  padding-top: 10px;
  height: 60px;
  background: #4A5474;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }
  @media only screen and (max-width: 62em) {
    #pricing-step-progression.open {
      height: 160px; } }
  #pricing-step-progression.open .fa-caret-down {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  #pricing-step-progression .fa-caret-down {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
  #pricing-step-progression .pricing-step {
    display: inline-block;
    margin: 0 15px;
    padding: 6px; }
    @media only screen and (max-width: 62em) {
      #pricing-step-progression .pricing-step {
        display: block;
        margin-top: 3px;
        width: 100%;
        clear: both;
        float: left; } }
    #pricing-step-progression .pricing-step span {
      margin-right: 4px; }
    #pricing-step-progression .pricing-step span, #pricing-step-progression .pricing-step p {
      display: inline-block;
      color: #DADEED;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 300;
      pointer-events: none;
      cursor: none;
      margin: 0; }
    #pricing-step-progression .pricing-step.checked span, #pricing-step-progression .pricing-step.checked p {
      color: #FFFFFF;
      font-weight: 400; }
    #pricing-step-progression .pricing-step.checked p {
      pointer-events: auto;
      cursor: pointer; }
    #pricing-step-progression .pricing-step.active {
      padding-bottom: 12px;
      border-bottom: 2px solid #41C3E5; }
      #pricing-step-progression .pricing-step.active span, #pricing-step-progression .pricing-step.active p {
        color: #FFFFFF;
        font-weight: bold; }
      @media only screen and (max-width: 62em) {
        #pricing-step-progression .pricing-step.active {
          padding-left: 12px;
          border-bottom: none;
          border-left: 4px solid #41C3E5; } }
    #pricing-step-progression .pricing-step-indicator {
      display: none;
      margin-bottom: 12px; }
      @media only screen and (max-width: 62em) {
        #pricing-step-progression .pricing-step-indicator {
          display: block; } }
      #pricing-step-progression .pricing-step-indicator span, #pricing-step-progression .pricing-step-indicator p {
        color: #FFFFFF;
        font-weight: 500;
        margin-right: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-size: 1rem; }
      #pricing-step-progression .pricing-step-indicator i {
        vertical-align: -1px !important;
        font-size: 21px;
        margin-left: 4px; }
  #pricing-step-progression .last-step {
    width: 28.5%;
    margin-right: 0; }
    #pricing-step-progression .last-step .btn-primary span, #pricing-step-progression .last-step .marketo-form .mktoButton span, .marketo-form #pricing-step-progression .last-step .mktoButton span {
      font-weight: 400;
      color: inherit !important; }

.technologies-toggle,
.pricing-toggle,
.plan-type-toggle {
  margin: 0 0 24px !important; }

.technologies-toggle ul li a.disabled,
.plan-type-toggle ul li a.disabled {
  color: #CED6DC;
  border-bottom: none;
  cursor: not-allowed; }

.last-step #to_next_step {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #FFFFFF; }
  .last-step #to_next_step.disabled {
    pointer-events: none; }

#pricing-wrapper {
  margin: 3rem auto; }
  #pricing-wrapper h2 {
    margin: 0;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300; }
  #pricing-wrapper .tech-table-headings {
    padding-bottom: 10px; }
  #pricing-wrapper #tech-search-results {
    position: relative;
    height: auto;
    max-height: 400px;
    border: 1px solid #F4F7FA;
    overflow: auto;
    box-shadow: inset 0 2px 4px rgba(86, 86, 86, 0.3); }
    #pricing-wrapper #tech-search-results li {
      position: relative; }
      @media only screen and (max-width: 48em) {
        #pricing-wrapper #tech-search-results li .col-xs-12:not(.text-align-right) {
          text-align: left !important; }
        #pricing-wrapper #tech-search-results li .col-xs-12.text-align-right {
          position: absolute;
          top: 50%;
          margin-top: -7.5px;
          right: 0; } }
    #pricing-wrapper #tech-search-results p {
      margin: 0; }
  #pricing-wrapper #all-tech-menu {
    height: 100%;
    min-height: 100%;
    padding: 0 15px;
    border-right: none;
    background: transparent;
    overflow: hidden; }
    @media only screen and (max-width: 48em) {
      #pricing-wrapper #all-tech-menu {
        margin-bottom: 1em;
        padding: 0; } }
    #pricing-wrapper #all-tech-menu p {
      margin-bottom: 4px;
      padding: 0;
      font-size: 12px;
      font-size: 0.75rem; }
  #pricing-wrapper .btn.disabled, #pricing-wrapper .marketo-form .disabled.mktoButton, .marketo-form #pricing-wrapper .disabled.mktoButton, #pricing-wrapper #subscribe_market_share .disabled.hs-button[type="submit"], #subscribe_market_share #pricing-wrapper .disabled.hs-button[type="submit"] {
    border: none !important; }
  #pricing-wrapper #techs-container {
    border: none; }
    @media only screen and (max-width: 48em) {
      #pricing-wrapper #techs-container {
        margin-top: 1em; } }
  #pricing-wrapper #tech-list {
    padding: 0;
    height: 100%;
    max-height: 400px;
    min-height: 100%;
    border: 1px solid #F4F7FA;
    box-shadow: inset 0 2px 4px rgba(86, 86, 86, 0.3); }
    #pricing-wrapper #tech-list h4 {
      padding-left: 12px; }
    #pricing-wrapper #tech-list .tech-row {
      position: relative;
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (max-width: 48em) {
        #pricing-wrapper #tech-list .tech-row .col-xs-12:not(.text-align-right) {
          text-align: left !important; }
        #pricing-wrapper #tech-list .tech-row .col-xs-12.text-align-right {
          position: absolute;
          top: 50%;
          margin-top: -7.5px;
          right: 12px; } }
  #pricing-wrapper .fa-search {
    position: absolute;
    z-index: 90;
    top: 13px;
    left: 8px;
    font-size: 16px;
    font-size: 1rem;
    color: #A3ABB5;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    #pricing-wrapper .fa-search.active {
      color: #41C3E5; }
  #pricing-wrapper #tech-search-bar {
    width: 100%;
    padding-top: 3px; }
  #pricing-wrapper #tech_search {
    padding-left: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box; }
    #pricing-wrapper #tech_search:focus {
      border: 1px solid #41C3E5; }
  #pricing-wrapper .tech-category .fa {
    font-size: 16px;
    font-size: 1rem; }
  #pricing-wrapper .empty-state-div {
    padding: 1em; }
  #pricing-wrapper input.qty {
    width: 60px;
    height: 50px;
    text-align: center; }
  #pricing-wrapper input.qtyplus,
  #pricing-wrapper input.qtyminus {
    width: 60px;
    height: 40px;
    background: #41C3E5;
    border: none;
    color: white;
    border-radius: 100px;
    border-top-right-radius: 100px; }
    #pricing-wrapper input.qtyplus:hover, #pricing-wrapper input.qtyplus:active,
    #pricing-wrapper input.qtyminus:hover,
    #pricing-wrapper input.qtyminus:active {
      background: #2bbce2; }
  #pricing-wrapper .technologies-tab.disabled a {
    color: #CED6DC; }

.add-remove-tech-btn {
  line-height: 16px; }
  .add-remove-tech-btn span {
    color: #A3ABB5;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    font-weight: 400; }
  .add-remove-tech-btn.disabled {
    cursor: default; }
    .add-remove-tech-btn.disabled .fa {
      color: #A3ABB5 !important; }

.billing-type {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2em 0;
  border: 1px solid #d9e1e7;
  text-align: center; }
  .billing-type h4 {
    margin: 0 0 0.5em;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.5px; }
  .billing-type p {
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.5px; }
  .billing-type .extra-info {
    margin-top: 4px;
    color: #8391A1;
    font-size: 12px;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: 400; }

.checkout-form form .form-group {
  margin-bottom: 20px; }

.checkout-form form label {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase; }
  .checkout-form form label.error {
    text-transform: none; }

.checkout-form form input[type='text'] {
  width: 100%; }

.checkout-form form span {
  margin-left: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #8391A1; }

#intercom-container .intercom-launcher-frame.pricing-page {
  bottom: 70px !important; }

.enrichment-select-section img#logo-hs {
  margin: 16px 0 8px; }

.enrichment-select-section img#logo-mr {
  margin: 4px 0 3px; }

.enrichment-select-section img#logo-dz {
  margin: 22px 0 8px;
  height: 24px; }

#enrichment-wrapper #to_next_step.disabled,
#insider-wrapper #to_next_step.disabled {
  pointer-events: none; }

.full-page-bg {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #083b72;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=$direction);
  background: -webkit-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -moz-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: -o-linear-gradient(left, #083b72 0%, #18a5d4 100%);
  background: linear-gradient(to right, #083b72 0%, #18a5d4 100%); }
  .full-page-bg p {
    margin: 0 0 8px;
    color: #FFFFFF;
    font-weight: 200; }
  .full-page-bg .bottom-links, .full-page-bg .legal-links {
    margin-top: 1em;
    font-size: 13px;
    font-size: 0.8125rem; }
    .full-page-bg .bottom-links a, .full-page-bg .legal-links a {
      color: #FFFFFF;
      font-weight: 400; }
    .full-page-bg .bottom-links .float-right, .full-page-bg .legal-links .float-right {
      display: block;
      float: right; }
      @media only screen and (max-width: 48em) {
        .full-page-bg .bottom-links .float-right, .full-page-bg .legal-links .float-right {
          float: none; } }

.full-page-shadow {
  padding: 25px;
  background: #256287;
  -webkit-box-shadow: 0 3px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 2px 1px rgba(0, 0, 0, 0.3); }
  .full-page-shadow input[type="text"], .full-page-shadow input[type="password"] {
    padding-left: 8px;
    background: transparent;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
    .full-page-shadow input[type="text"]::-webkit-input-placeholder, .full-page-shadow input[type="password"]::-webkit-input-placeholder {
      color: #a2abb5;
      font-weight: 300;
      letter-spacing: 1px; }
    .full-page-shadow input[type="text"]:-moz-placeholder, .full-page-shadow input[type="password"]:-moz-placeholder {
      color: #a2abb5;
      font-weight: 300;
      letter-spacing: 1px; }
    .full-page-shadow input[type="text"]::-moz-placeholder, .full-page-shadow input[type="password"]::-moz-placeholder {
      color: #a2abb5;
      font-weight: 300;
      letter-spacing: 1px; }
    .full-page-shadow input[type="text"]:-ms-input-placeholder, .full-page-shadow input[type="password"]:-ms-input-placeholder {
      color: #a2abb5;
      font-weight: 300;
      letter-spacing: 1px; }
    .full-page-shadow input[type="text"]:active, .full-page-shadow input[type="text"]:focus, .full-page-shadow input[type="password"]:active, .full-page-shadow input[type="password"]:focus {
      border-bottom: 1px solid #41C3E5; }
  .full-page-shadow .btn-primary, .full-page-shadow .marketo-form .mktoButton, .marketo-form .full-page-shadow .mktoButton {
    width: 100%; }
  .full-page-shadow .form-control {
    color: #FFFFFF;
    font-weight: 300;
    letter-spacing: 1px; }
  .full-page-shadow .form-group {
    margin-bottom: 8px;
    max-width: 100%; }
    .full-page-shadow .form-group textarea {
      max-width: 100%;
      color: #8391A1; }
    .full-page-shadow .form-group label {
      margin: 4px 0;
      color: #41C3E5;
      font-weight: 400; }
      .full-page-shadow .form-group label.error {
        color: #DC4A39; }
  .full-page-shadow p span {
    font-weight: 500;
    letter-spacing: 0.5px; }
  .full-page-shadow p.tos span {
    font-weight: 300;
    font-size: 13px;
    font-size: 0.8125rem; }

#login-or {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -19px;
  margin-left: -18px;
  padding: 10px;
  background: #256287;
  text-align: center; }

.legal-footer {
  position: fixed;
  z-index: 2;
  bottom: 0;
  background: #2b3644; }
  .legal-footer a {
    padding: 10px; }

.information-section a {
  color: #41C3E5; }

.information-section h3 {
  color: #41C3E5;
  font-weight: 400; }

.information-section p {
  font-weight: 300; }
  .information-section p a {
    font-weight: 400; }

.information-section li {
  color: #8391A1;
  font-weight: 300;
  line-height: 26px; }
  .information-section li a {
    font-weight: 400; }

.information-section blockquote {
  margin: 10px 0 10px 20px;
  border-left: 5px solid #41C3E5;
  color: #8391A1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300; }

.site-map-ul li a {
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem; }

.tech-request-tabs li .btn, .tech-request-tabs li .marketo-form .mktoButton, .marketo-form .tech-request-tabs li .mktoButton, .tech-request-tabs li #subscribe_market_share .hs-button[type="submit"], #subscribe_market_share .tech-request-tabs li .hs-button[type="submit"] {
  background: #d9e1e7;
  color: #FFFFFF;
  text-decoration: none; }

.tech-request-tabs li.active .btn, .tech-request-tabs li.active .marketo-form .mktoButton, .marketo-form .tech-request-tabs li.active .mktoButton, .tech-request-tabs li.active #subscribe_market_share .hs-button[type="submit"], #subscribe_market_share .tech-request-tabs li.active .hs-button[type="submit"] {
  background: #41C3E5; }

#insider-signup-page #c_title_dropdown {
  color: #a2abb5; }

.technographics-hero {
  height: calc(60vh);
  min-height: 600px; }
  .technographics-hero #technographics-icon {
    height: 200px; }
    @media only screen and (max-width: 991px) {
      .technographics-hero #technographics-icon {
        display: none; } }

.demo-triangle {
  position: absolute;
  bottom: -40px; }
  .demo-triangle-right {
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #2b3644; }
  .demo-triangle-left {
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #2b3644 transparent transparent; }

.domain-logo {
  max-width: 100%;
  max-height: 175px;
  min-width: 175px;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2); }

.tech-description-container p {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.25px;
  color: #4A5474; }

.insider-icon {
  display: block;
  margin-top: 1rem;
  height: 54px;
  width: 56px;
  background: url("/i/public/icons/insider-icons.jpg"); }
  .insider-icon#tech-spend {
    background-position: 0 0; }
  .insider-icon#funding {
    background-position: -72px 0; }
  .insider-icon#sic-naics {
    background-position: -221px 0; }
  .insider-icon#revenue {
    background-position: -145px 0; }
  .insider-icon#co-type {
    background-position: -294px 0; }
  .insider-icon#social-links {
    background-position: -366px 0;
    width: 50px; }

.upload-block {
  margin: 12px auto;
  padding: 30px 0 35px;
  width: 100%;
  height: auto;
  min-height: 260px;
  overflow: hidden;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box;
  border: 1px dashed #A3ABB5;
  background-color: #F4F7FA;
  text-align: center; }

.ta-form .public-email-input, .ta-form .marketo-form-market-share .mktoField, .marketo-form-market-share .ta-form .mktoField, .ta-form #subscribe_market_share .hs-input[type="email"], #subscribe_market_share .ta-form .hs-input[type="email"] {
  margin-right: -4px; }

.ta-form .req {
  border: 1px solid #CED6DC;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  background-clip: padding-box; }

.ta-form .user-notification {
  margin: 8px 0 0;
  padding: 0;
  color: #DC4A39;
  line-height: 19px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600; }

.ta-form .form-group.tos-checkboxes.csv > div > div {
  align-items: flex-start; }

#ta-submit.disabled {
  pointer-events: none; }

.container-half-grey-until-small {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: linear-gradient(90deg, #F4F7FA 50%, #FFFFFF 50%); }
  .container-half-grey-until-small .col-sm-6 {
    height: 400px; }
  @media only screen and (max-width: 48em) {
    .container-half-grey-until-small {
      background: linear-gradient(180deg, #F4F7FA 50%, #FFFFFF 50%); } }
  @media only screen and (max-width: 48em) {
    .container-half-grey-until-small .public-email-input, .container-half-grey-until-small .marketo-form-market-share .mktoField, .marketo-form-market-share .container-half-grey-until-small .mktoField, .container-half-grey-until-small #subscribe_market_share .hs-input[type="email"], #subscribe_market_share .container-half-grey-until-small .hs-input[type="email"] {
      width: calc(100% - 120px); } }
  .container-half-grey-until-small .step-loader-back {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 3em; }

.middle-ta-description {
  border-left: 1px solid #d9e1e7;
  border-right: 1px solid #d9e1e7; }
  @media only screen and (max-width: 48em) {
    .middle-ta-description {
      padding: 2em 0;
      border-top: 1px solid #d9e1e7;
      border-bottom: 1px solid #d9e1e7;
      border-left: none;
      border-right: none; } }

#search_image,
#search_image.focused {
  position: absolute;
  top: 9px;
  left: 10px;
  border: 0;
  box-shadow: none;
  font-size: 16px;
  font-size: 1rem;
  color: #CCD0D7; }

.search-technologies {
  position: relative;
  margin: 7px -6px 0 0; }

.search-technologies input {
  background-color: #FFFFFF !important;
  box-shadow: none; }

/*ALL TECH REDESIGN*/
#techs-container {
  border: 1px solid #f0f3f6;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #techs-container ::-webkit-scrollbar {
    width: 5px; }
  #techs-container ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #cccccc;
    border-radius: 0px; }
  #techs-container ::-webkit-scrollbar-thumb {
    background: #9c9c9c;
    border-radius: 0px; }
  #techs-container ::-webkit-scrollbar-thumb:hover {
    background: #838383; }

/* TECH HEADER */
#tech-header {
  position: relative; }
  #tech-header h1 {
    margin: 0 0 20px; }
  #tech-header #tech-search-bar {
    position: relative;
    width: 250px;
    margin: 8px 0 20px; }
    @media (min-width: 992px) {
      #tech-header #tech-search-bar {
        position: absolute;
        right: 0;
        bottom: -18px; } }
    #tech-header #tech-search-bar i {
      position: absolute;
      z-index: 90;
      top: 9px;
      left: 7px;
      font-size: 16px;
      font-size: 1rem;
      color: #A3ABB5;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
      #tech-header #tech-search-bar i.active {
        color: #41C3E5; }
  #tech-header #tech_search {
    padding-left: 30px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #A3ABB5;
    background: transparent; }
    #tech-header #tech_search:focus {
      border: none;
      border-bottom: 1px solid #41C3E5; }

.tech-table-headings {
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid #F0F3F6;
  border-bottom: 1px solid #F0F3F6; }

.tech-table-headings p {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  max-width: 100% !important; }

.tech-table-headings p:nth-child(2) {
  text-align: right;
  white-space: nowrap; }

.tech-table-headings p.text-align-center {
  text-align: center; }

#search_tech_input {
  padding-left: 34px;
  width: 300px !important;
  max-width: 100%; }

/* TECH MENU*/
#all-tech-menu,
#dashboard-tech-menu {
  padding: 0;
  height: 75vh;
  min-height: 550px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  border-right: 1px solid #F0F3F6;
  background: #FFFFFF;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #all-tech-menu p,
  #dashboard-tech-menu p {
    position: relative;
    margin: 0;
    padding: 20px 20px 10px; }
  #all-tech-menu ul,
  #dashboard-tech-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #all-tech-menu ul li,
    #dashboard-tech-menu ul li {
      width: 100%; }
      #all-tech-menu ul li a,
      #dashboard-tech-menu ul li a {
        display: block;
        padding: 10px 20px;
        width: 100%;
        color: #A3ABB5;
        border-left: 4px solid transparent;
        font-weight: normal;
        font-size: 13px;
        font-size: 0.8125rem;
        text-decoration: none; }
        #all-tech-menu ul li a.active,
        #dashboard-tech-menu ul li a.active {
          border-left: 4px solid #41C3E5;
          color: #6f8498;
          background: #F6F9FC;
          font-weight: bold; }
        #all-tech-menu ul li a:hover,
        #dashboard-tech-menu ul li a:hover {
          color: #576677;
          background: #F6F9FC; }
  #all-tech-menu .tech-categories,
  #dashboard-tech-menu .tech-categories {
    display: none; }
  #all-tech-menu .tech-categories.active-list,
  #dashboard-tech-menu .tech-categories.active-list {
    display: block;
    position: relative; }
    @media (max-width: 48em) {
      #all-tech-menu .tech-categories.active-list,
      #dashboard-tech-menu .tech-categories.active-list {
        max-height: 200px; } }

#dashboard-cat-list li a {
  padding: 10px 25px 10px 15px; }
  #dashboard-cat-list li a .fa {
    position: absolute;
    right: 7px; }

#all-tech-menu ul h4 {
  margin: 0; }

a.toggle-mobile-tech-menu {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 12px;
  width: 100%;
  color: #8391A1;
  font-size: 17px;
  font-size: 1.0625rem;
  text-align: right;
  text-decoration: none; }

.add-tech {
  margin: 15px auto 5px;
  width: 200px; }

@media (max-width: 768px) {
  #all-tech-menu,
  #dashboard-tech-menu {
    margin-bottom: 10px;
    min-height: auto;
    height: 48px;
    overflow-y: hidden; }
  #all-tech-menu p,
  #dashboard-tech-menu p {
    padding: 15px 20px; }
  #all-tech-menu p:hover,
  #dashboard-tech-menu p:hover {
    text-decoration: underline; }
  #all-tech-menu.expand-mobile-tech-menu,
  #dashboard-tech-menu.expand-mobile-tech-menu {
    height: 200px;
    overflow-y: scroll; }
  #all-tech-menu.expand-mobile-tech-menu .toggle-mobile-tech-menu,
  #dashboard-tech-menu.expand-mobile-tech-menu .toggle-mobile-tech-menu {
    width: auto;
    text-align: left;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

/*END OF TECH MENU*/
/*TECH TABS*/
.technologies-tab {
  display: block;
  margin: 15px 0 11px;
  clear: both; }
  .technologies-tab a {
    margin: 0 0 0 5px;
    padding: 0 8px 8px;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    font-weight: normal; }
    .technologies-tab a.active-tab {
      border-bottom: 3px solid #41C3E5;
      color: #576677;
      font-weight: bold; }
    @media (max-width: 500px) {
      .technologies-tab a {
        display: block;
        margin: 0 0 10px 5px; } }
  .technologies-tab.disabled a {
    color: #A3ABB5;
    font-weight: normal;
    border-bottom: 3px solid transparent; }

/*END OF TECH TABS*/
/*TECH LIST+BODY*/
#tech-list {
  position: relative;
  height: 75vh;
  min-height: 550px;
  overflow-y: auto;
  background: #FFFFFF; }

#tech-list #add_tech {
  margin: 15px 0; }

#tech-list div h4 {
  margin: 0 0 20px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal; }

#tech-list ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#tech-list .tech-row {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #F0F3F6;
  font-size: 13px;
  font-size: 0.8125rem; }

#tech-list .tech-row h5 {
  margin: 0; }

#tech-list .tech-row .col-sm-3 {
  text-align: right; }

#tech-list .tech-row a {
  text-decoration: none; }

#tech-list .tech-row a:hover {
  text-decoration: underline; }

#tech-list .tech-row a.edit-tech-link {
  margin-left: 8px; }

#tech-list .tech-row .fa-check-circle {
  color: #93D04C;
  margin-left: 5px; }

.tech-category {
  display: none;
  padding: 20px 0; }
  .tech-category .fa {
    font-size: 14px;
    font-size: 0.875rem; }

.tech-category.active {
  display: block; }

@media (max-width: 768px) {
  #tech-list {
    height: auto;
    min-height: auto; } }

#tech-search-results {
  padding: 20px;
  background: #FFFFFF; }
  #tech-search-results .tech-results-headings {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #F0F3F6;
    text-transform: uppercase;
    font-weight: bold; }
  #tech-search-results ul {
    padding: 0;
    font-size: 13px;
    font-size: 0.8125rem; }
    #tech-search-results ul li {
      margin: 0;
      padding: 8px 0;
      border-bottom: 1px solid #F0F3F6;
      list-style: none; }
      #tech-search-results ul li div:nth-child(2) {
        text-align: center; }
        @media (max-width: 768px) {
          #tech-search-results ul li div:nth-child(2) {
            text-align: left; } }
      #tech-search-results ul li div:nth-child(3) {
        text-align: right; }
        @media (max-width: 768px) {
          #tech-search-results ul li div:nth-child(3) {
            text-align: left; } }
  #tech-search-results .results-section {
    margin: 0 0 30px;
    font-size: 13px;
    font-size: 0.8125rem; }

.empty-state-div {
  position: relative;
  padding: 60px 20px;
  width: 100%;
  min-height: 300px;
  background: #FFFFFF;
  text-align: center; }
  .empty-state-div img {
    -webkit-transition: all ease-in-out;
    -moz-transition: all ease-in-out;
    -o-transition: all ease-in-out;
    transition: all ease-in-out;
    position: absolute;
    left: 50%; }
    .empty-state-div img#binoculars {
      top: 66px;
      margin-left: -47px;
      animation: bounce;
      animation-duration: 1.8s;
      animation-delay: 2s;
      animation-iteration-count: 2; }
    .empty-state-div img#bino-shadow {
      top: 160px;
      margin-left: -45px;
      animation: expand;
      width: 90px;
      animation-duration: 1.8s;
      animation-delay: 2s;
      animation-iteration-count: 2; }
  .empty-state-div h3 {
    margin-top: 140px; }
  .empty-state-div p {
    margin-bottom: 30px; }
  .empty-state-div form input {
    display: inline-block; }
    .empty-state-div form input.btn-primary, .empty-state-div form .marketo-form input.mktoButton, .marketo-form .empty-state-div form input.mktoButton {
      vertical-align: baseline; }

@-webkit-keyframes bounce {
  0% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes expand {
  0% {
    width: 90px;
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    width: 72px;
    -moz-transform: translateX(9px);
    -o-transform: translateX(9px);
    -ms-transform: translateX(9px);
    -webkit-transform: translateX(9px);
    transform: translateX(9px); }
  100% {
    width: 90px;
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.check-info {
  position: relative; }

.check-info #new_password_info {
  position: absolute;
  left: 40px;
  width: 250px;
  padding: 15px;
  background: #fefefe;
  font-size: .875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  z-index: 9999; }

#new_password_info h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal; }

#new_password_info::before {
  content: "\25B2";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block; }

.ul_info .invalid {
  background: url("../i/invalid.png") no-repeat 0 50%;
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41; }

.ul_info .valid {
  background: url("../i/valid.png") no-repeat 0 50%;
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34; }

#new_password_info {
  display: none; }

#show_password {
  display: none; }

#error_new_password {
  display: none; }

#show_password_label {
  display: none; }

.ul_info {
  padding: 0;
  list-style-type: none;
  margin-left: 10px; }

.check-info .new1_password, #new1 .new1_password {
  display: none;
  right: 30px;
  color: #2bbce2;
  position: absolute;
  top: 10px;
  cursor: pointer; }

.check-info .new2_password, #new2 .new2_password {
  display: none;
  right: 30px;
  color: #2bbce2;
  position: absolute;
  top: 10px;
  cursor: pointer; }

.background-mask {
  display: none;
  position: fixed;
  top: 0;
  left: -100vw;
  bottom: 0;
  z-index: 9998;
  background: transparent;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }
  .background-mask.active {
    display: block;
    left: 0;
    right: 0;
    height: 100%;
    min-height: 100vh;
    width: 100vw;
    background: rgba(41, 56, 70, 0.7); }

.demo-modal {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  bottom: 0;
  right: -35vw;
  padding: 20px;
  width: 25vw;
  min-width: 250px;
  z-index: 99999;
  background: url("/i/public/icons/paper-airplane.png") #41C3E5;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 5%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (max-width: 62em) {
    .demo-modal {
      right: -100vw;
      left: 100vw; } }
  .demo-modal #c_message {
    max-width: 100%; }
  .demo-modal #contact_form {
    position: absolute;
    left: 0;
    top: 50%;
    width: 350px;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.42s;
    -moz-transition: all 0.42s;
    -o-transition: all 0.42s;
    transition: all 0.42s; }
    @media only screen and (max-width: 62em) {
      .demo-modal #contact_form {
        margin-top: 2em;
        position: relative;
        top: auto;
        width: 100%;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; } }
    .demo-modal #contact_form input[type="text"] {
      padding: 8px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box; }
    .demo-modal #contact_form input[type="submit"][disabled] {
      background-color: #ebebeb;
      color: #c4c5c5;
      opacity: 1;
      pointer-events: none; }
    .demo-modal #contact_form textarea {
      max-width: 350px;
      width: 100%;
      padding: 8px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box; }
  .demo-modal .form-group {
    margin-bottom: 8px; }
  .demo-modal label {
    margin: 0;
    max-width: 190px;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    color: #DC4A39; }
  .demo-modal #c_message {
    max-width: 250px;
    height: 70px;
    resize: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box; }
    @media only screen and (max-width: 62em) {
      .demo-modal #c_message {
        max-width: 100%; } }
  .demo-modal.active {
    right: 0;
    visibility: visible;
    width: 25vw;
    max-width: 300px;
    outline: none; }
    @media only screen and (max-width: 62em) {
      .demo-modal.active {
        width: 100%;
        max-width: 100vw;
        left: 0;
        overflow: scroll; } }
    .demo-modal.active #contact_form {
      left: -375px; }
      @media only screen and (max-width: 62em) {
        .demo-modal.active #contact_form {
          left: auto; } }
  .demo-modal .hamburger-menu {
    padding: 30px;
    cursor: pointer; }
    .demo-modal .hamburger-menu span {
      display: block;
      position: absolute;
      top: 17px;
      left: 12px;
      height: 3px;
      width: 30px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      background: #FFFFFF; }
      .demo-modal .hamburger-menu span::before, .demo-modal .hamburger-menu span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 30px;
        height: 3px;
        top: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-clip: padding-box;
        content: "";
        background-color: #FFFFFF; }
      .demo-modal .hamburger-menu span::after {
        top: 20px; }
    .demo-modal .hamburger-menu.closed {
      position: absolute;
      top: 12px;
      right: 16px; }
      .demo-modal .hamburger-menu.closed span {
        left: auto;
        z-index: 9999;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
        .demo-modal .hamburger-menu.closed span::before {
          top: 0px;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .demo-modal .hamburger-menu.closed span::after {
          display: none; }

.demo-modal-message {
  position: absolute;
  margin-right: 10px;
  top: calc(50% - 130px);
  overflow: auto;
  -moz-transform: translate(0, calc( -50% + 65px));
  -o-transform: translate(0, calc( -50% + 65px));
  -ms-transform: translate(0, calc( -50% + 65px));
  -webkit-transform: translate(0, calc( -50% + 65px));
  transform: translate(0, calc( -50% + 65px)); }
  @media only screen and (max-width: 62em) {
    .demo-modal-message {
      position: relative;
      top: auto;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none; } }
  @media only screen and (max-width: 48em) {
    .demo-modal-message {
      margin-top: 25px; } }
  .demo-modal-message h3 {
    font-weight: 100;
    font-size: 38px;
    font-size: 2.375rem; }
  .demo-modal-message p {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 200; }
  .demo-modal-message .left-triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #41C3E5;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 1; }

#request-demo-btn-2[disabled], #request-pricing-btn[disabled], #technology-request-btn[disabled], #submit-btn-insider[disabled] {
  pointer-events: none; }

.overlay-gdpr {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999; }
  .overlay-gdpr .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    max-width: 500px;
    background: #293846;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 1rem;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 2147483647; }
  .overlay-gdpr h4 {
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px; }

#req-demo .form-group.tos-checkboxes {
  background: white;
  color: #8391a1; }
  #req-demo .form-group.tos-checkboxes label {
    color: #8391a1 !important;
    font-weight: normal;
    max-width: 290px;
    white-space: nowrap; }

#tos label.checkbox {
  display: flex;
  flex-flow: row nowrap; }
  #tos label.checkbox div.first {
    margin-right: 10px;
    flex: 0 0 auto;
    width: auto;
    max-width: auto;
    flex-basis: auto; }
    #tos label.checkbox div.first input[type=checkbox] {
      position: static !important; }
  #tos label.checkbox div.second {
    flex: 1 1 auto;
    text-align: left; }

.form-group.tos-checkboxes {
  font-size: 14px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  margin-left: auto;
  margin-right: auto; }
  .form-group.tos-checkboxes input[type=checkbox] {
    position: relative;
    top: 2px;
    margin: 0;
    margin-right: 10px; }
  .form-group.tos-checkboxes > div {
    display: inline-block; }
  .form-group.tos-checkboxes.csv {
    display: block;
    margin-left: auto;
    margin-right: auto;
    flex-flow: column; }
    .form-group.tos-checkboxes.csv > div > div {
      display: flex;
      align-items: center;
      width: 300px; }
  .form-group.tos-checkboxes.csv label {
    flex: 0 0 auto !important;
    color: #293846 !important; }
  .form-group.tos-checkboxes label {
    color: white !important;
    font-weight: normal; }
  .form-group.tos-checkboxes > div > div {
    display: flex;
    flex-flow: row nowrap; }
    .form-group.tos-checkboxes > div > div div.first {
      flex: 0 0 auto;
      width: auto;
      max-width: auto;
      flex-basis: auto; }
    .form-group.tos-checkboxes > div > div label {
      flex: 1 1 auto;
      text-align: left; }