/*
 Theme Name:     RJMetrics New Child Theme
 Theme URI:      http://www.rjmetrics.com
 Description:    rjmetrics_new Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       rjmetrics_new
 Version:        1.0.0
*/
@import url("../rjmetrics_new/style.css");
@import url("bower_components/rjm-common-styles/marketing/marketing.css");
/* =Theme customization starts here
------------------------------------------------------- */
.homepage {
  position: relative; }

#home-new .btn span {
  font-family: "proxima-nova";
  font-size: 0.75em;
  font-weight: 600; }
#home-new .btn:hover {
  font-weight: 600; }
#home-new .all_links {
  float: right; }
  #home-new .all_links a[title="Login"] {
    display: none; }
#home-new .menu-back {
  background: none; }
#home-new .billboard {
  margin-top: 8%; }
#home-new h2 {
  font-size: 1.2em;
  margin-bottom: 30px; }
#home-new .main-nav .total-nav {
  padding: 17px 0; }
#home-new .navbar-default .navbar-brand {
  padding: 7px 0; }
#home-new .navbar-default .navbar-collapse {
  float: right;
  padding: 0; }
#home-new .home-section {
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: 0;
  left: 0; }
#home-new.old-home {
  background-image: url("http://rjmetrics.com/wp-content/themes/rjmetrics_new/images/dashboard-screenshot.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  overflow: hidden; }
  #home-new.old-home .main-nav {
    bottom: initial;
    top: 0; }
  #home-new.old-home .hero {
    margin-top: 10%; }
  #home-new.old-home .all-links {
    float: right; }
  #home-new.old-home .cloudy {
    background-color: #231f20; }
  #home-new.old-home .navbar-default .navbar-collapse {
    float: left; }
  #home-new.old-home .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.2; }
  #home-new.old-home .desc {
    width: 100%;
    max-width: 834px;
    margin-top: 35px; }
    #home-new.old-home .desc .btn {
      margin-right: 1em !important;
      font-family: "proxima-nova"; }
      #home-new.old-home .desc .btn:hover {
        font-weight: 600; }
      #home-new.old-home .desc .btn.org {
        margin-right: 0 !important;
        margin-left: 1em !important; }
  #home-new.old-home .main-nav .nav-contain .navbar-nav > li > a {
    color: #fff; }
  #home-new.old-home .main-nav .rj-login {
    color: #fff; }
  #home-new.old-home nav {
    width: 98%;
    margin: 0 auto;
    max-width: 1480px; }
  #home-new.old-home .main-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
    border-bottom: none; }

#menu-interim-menu {
  padding-bottom: 0; }
  #menu-interim-menu li {
    font-family: "proxima-nova";
    font-weight: 600; }

#home-new nav {
  width: 100%;
  margin: 0 auto;
  max-width: none; }
  #home-new nav .navbar-header {
    padding: 11px 15px; }
#home-new h1 {
  padding: 0;
  font-size: 6em;
  font-weight: 500; }
#home-new h2, #home-new h3 {
  color: #fff; }
#home-new footer {
  height: 195px; }
  #home-new footer h3 {
    margin-bottom: 0;
    font-family: "proxima-nova";
    font-size: 0.8em;
    line-height: 1em; }
    #home-new footer h3:before, #home-new footer h3:after {
      top: 4.5em; }

@media screen and (max-width: 1440px) {
  #home-new footer {
    height: 190px; }
    #home-new footer h3:before, #home-new footer h3:after {
      top: 4.5em; }
  #home-new .btn span {
    font-size: 0.9em; }
  #home-new .main-nav {
    height: 65px; }
  #home-new nav .navbar-header {
    padding: 3px 0 0 15px; }
  #home-new .nav-contain .rjm-home {
    height: 20px; }
  #home-new .navbar-default .navbar-brand {
    padding: 2px 0; } }
@media screen and (max-width: 1280px) {
  #home-new footer img {
    height: 25px; } }
@media screen and (max-width: 992px) {
  #home-new footer {
    height: 135px; }
    #home-new footer h3:before, #home-new footer h3:after {
      top: 1em; }
  #home-new.old-home .main-nav {
    display: none; } }
@media screen and (max-width: 800px) {
  .top-nav .navbar-default .nav-mobile {
    display: block; }
  .top-nav .navbar-default .navbar-nav > li > a {
    font-size: 1em; }
  .top-nav .rj-login {
    display: none; }

  #home-new .main-nav .total-nav {
    padding: 10px 0; }
  #home-new .main-nav .nav-contain .navbar-nav {
    background-color: #444; }
  #home-new .navbar-default .navbar-brand img {
    height: 30px;
    padding-top: 5px; }
  #home-new .navbar-default .navbar-toggle .icon-bar {
    background-color: #888; } }
@media screen and (max-width: 700px) {
  #home-new h1 {
    font-size: 3em; } }
@media screen and (max-width: 568px) {
  #home-new .btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important; }
  #home-new .all_links {
    float: none; }
    #home-new .all_links a[title="Login"] {
      display: block; }
  #home-new.old-home .desc .btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important; }
    #home-new.old-home .desc .btn.org {
      margin-left: 0 !important; } }
#home-header {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: url('assets/images/homepage-header-wide.jpg?1414974406') bottom center no-repeat;
  width: 100%;
  height: 0;
  max-width: 1900px;
  margin: 0 auto;
  padding-top: 48%;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  #home-header .home-start {
    padding: 0 15px !important;
    min-width: initial;
    font-size: 0.9em;
    margin-left: 1em !important; }
  #home-header h1 {
    color: #444;
    padding: 0;
    margin-bottom: 0; }
  #home-header .subhead {
    font-size: 0.75em;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    color: #828282; }

body.home {
  height: auto !important; }

.home-header-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

#customer-strip {
  background: #444444;
  padding: 25px 0 0;
  position: relative;
  text-align: center; }
  #customer-strip .home-case {
    margin: 0 auto -30px !important;
    position: relative;
    z-index: 10; }
  #customer-strip .customer-logo {
    height: 50px;
    width: 230px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    float: none; }
    #customer-strip .customer-logo.nomorerack {
      background-image: url('assets/images/logo-nomore-rack-gray.svg?1414974406');
      max-width: 200px; }
    #customer-strip .customer-logo.jewelscent {
      background-image: url('assets/images/logo-jewelscent-gray.svg?1414974406');
      background-position: bottom 10px center; }
    #customer-strip .customer-logo.coupaw {
      background-image: url('assets/images/coupaw-logo.svg?1414974406'); }

.customer-stat {
  text-align: center; }
  .customer-stat .customer-number {
    color: #f3b446;
    font-size: 3.2em;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1em;
    padding-bottom: 0;
    background: url('assets/images/customer-increase.svg?1414974406') right center no-repeat;
    padding-right: 50px;
    display: inline;
    background-size: auto 57%; }
  .customer-stat p {
    color: #fff;
    text-transform: uppercase; }

#decisions {
  text-align: center; }
  #decisions .billboard {
    width: 85%;
    text-align: center;
    margin: 0 auto; }

#animation-central {
  height: 680px;
  width: 986px;
  background: url('assets/images/ipad-angled.jpg?1414974406') bottom center no-repeat;
  background-size: contain;
  position: relative;
  margin: 0 auto; }

#home-learn {
  margin-top: 375px !important;
  position: relative;
  z-index: 9; }

.vacuum-logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 168px;
  height: 84px;
  position: absolute;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  .vacuum-logo.logo-md {
    width: 100px; }
  .vacuum-logo.logo-sm {
    width: 60px; }
  .vacuum-logo:nth-of-type(1) {
    background-image: url('assets/images/home-salesforce.svg?1414974406');
    left: 0;
    top: 33%; }
  .vacuum-logo:nth-of-type(2) {
    background-image: url('assets/images/home-shopify.svg?1414974406');
    left: 6%;
    top: 14%; }
  .vacuum-logo:nth-of-type(3) {
    background-image: url('assets/images/home-mysql.svg?1414974406');
    top: 21%;
    left: 16%; }
  .vacuum-logo:nth-of-type(4) {
    background-image: url('assets/images/home-adwords.svg?1414974406');
    top: 10%;
    left: 15%; }
  .vacuum-logo:nth-of-type(5) {
    background-image: url('assets/images/home-fb.svg?1414974406');
    top: 19%;
    left: 33%; }
  .vacuum-logo:nth-of-type(6) {
    background-image: url('assets/images/home-zendesk.svg?1414974406');
    top: 7%;
    left: 38%; }
  .vacuum-logo:nth-of-type(7) {
    background-image: url('assets/images/home-postgremysql.svg?1414974406');
    top: 10%;
    left: 49%; }
  .vacuum-logo:nth-of-type(8) {
    background-image: url('assets/images/home-mongodb.svg?1414974406');
    top: 7%;
    right: 33%; }
  .vacuum-logo:nth-of-type(9) {
    background-image: url('assets/images/home-mailchimp.svg?1414974406');
    top: 5%;
    right: 25%; }
  .vacuum-logo:nth-of-type(10) {
    background-image: url('assets/images/home-magento.svg?1414974406');
    top: 17%;
    right: 20%; }
  .vacuum-logo:nth-of-type(11) {
    background-image: url('assets/images/home-ga.svg?1414974406');
    top: 7%;
    right: 3%; }
  .vacuum-logo:nth-of-type(12) {
    background-image: url('assets/images/home-mixpanel.svg?1414974406');
    top: 17%;
    right: 5.5%; }
  .vacuum-logo:nth-of-type(13) {
    background-image: url('assets/images/home-desk.svg?1414974406');
    top: 26%;
    right: 5%; }
  .vacuum-logo:nth-of-type(14) {
    background-image: url('assets/images/home-xero.svg?1414974406');
    top: 16%;
    right: -3%; }

.coupaw-section {
  float: right;
  width: 85%; }
  .coupaw-section cite {
    display: inline-block;
    text-align: left;
    font-size: 1.25em;
    padding-right: 20px;
    line-height: 1.1em;
    margin-right: 20px;
    border-right: 1px solid #fff; }
    .coupaw-section cite strong {
      font-size: 1.2em; }
  .coupaw-section .cite {
    text-align: right; }
  .coupaw-section .cite-logo {
    height: 54px;
    width: 145px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    float: none;
    background-image: url('assets/images/logo-coupaw-white.svg?1414974406'); }

.coupaw-quote {
  font-weight: 300;
  font-family: "proxima-nova-extra-condensed";
  background: #fff;
  color: #5f90a0;
  font-size: 3em;
  padding: 35px;
  border-radius: 12px;
  position: relative;
  max-width: 655px;
  float: right;
  margin-bottom: 0.5em; }
  .coupaw-quote:after {
    content: '';
    height: 42px;
    width: 46px;
    background: url('assets/images/home-quote-nub.svg?1414974406') top left no-repeat;
    position: absolute;
    top: 99%;
    left: 20%; }

#data-results {
  background: url('assets/images/homepage-coupaw-background.jpg?1414974406') center center no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
  height: 900px; }
  #data-results h3, #data-results p {
    color: #fff; }
  #data-results .overlay {
    background: #5f90a0;
    opacity: 0.7;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  #data-results .valign {
    height: 800px; }
  #data-results .vcenter {
    float: none; }

#planet-money {
  background-color: #e2e2e2;
  border-radius: 10px;
  width: 583px;
  height: 378px;
  overflow-y: hidden;
  overflow: hidden;
  margin: auto; }
  #planet-money .close-btn {
    position: absolute;
    top: 0;
    right: 15px;
    color: #828282;
    font-size: 35px;
    cursor: pointer;
    z-index: 100; }
  #planet-money #modal-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10; }
  #planet-money .title-bar {
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: url('assets/images/planet-money-title.svg?1414535967') center no-repeat;
    background-size: 65% auto;
    background-color: #eaeaea; }
  #planet-money .modal-text {
    padding-top: 90px;
    width: 55%;
    margin-left: 45%;
    padding-right: 20px;
    position: relative;
    z-index: 11; }
  #planet-money .arrow-attach {
    position: relative; }
    #planet-money .arrow-attach:before {
      content: '';
      position: absolute;
      background: url('assets/images/planet-money-arrow.svg?1414535967') right center no-repeat;
      top: -50px;
      left: -65px;
      height: 60px;
      width: 60px; }
  #planet-money .t-link {
    font-family: "proxima-nova";
    color: #55acee;
    font-weight: 700; }
  #planet-money h3 {
    font-family: "proxima-nova";
    color: #444 !important;
    font-size: 25px;
    font-weight: 800; }
  #planet-money p {
    font-family: "proxima-nova";
    font-size: 14px;
    line-height: 1.25em;
    color: #444; }
  #planet-money .btn {
    font-family: "proxima-nova-extra-condensed";
    font-weight: 800;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    margin-top: 0 !important;
    min-width: initial;
    padding: 1px 15px !important; }
    #planet-money .btn:nth-of-type(1) {
      margin-right: 8px !important; }
    #planet-money .btn:nth-of-type(2) {
      margin-left: 8px !important; }
    #planet-money .btn.orange {
      background: #f37621; }
    #planet-money .btn.blue {
      background: #5f90a0; }

@media screen and (max-width: 1440px) {
  #home-header {
    height: 0;
    padding-top: 54.34375%;
    background-size: 120% auto; }

  #data-results {
    height: 700px; }
    #data-results .valign {
      height: 600px; }

  .coupaw-section cite {
    padding-top: 20px; } }
@media screen and (max-width: 1100px) {
  #customer-strip .container {
    width: 95%; }

  #home-header {
    padding-top: 57.34375%; }

  #animation-central {
    height: 575px;
    width: 860px; }

  #home-learn {
    display: none !important; } }
@media screen and (max-width: 992px) {
  #data-results {
    height: 600px; }
    #data-results .valign {
      height: 500px !important; }

  #home-header {
    background-image: url('assets/images/homepage-header-ipad.jpg?1414974406');
    padding-top: 62.125%;
    background-size: cover; }

  #customer-strip .customer-logo {
    height: 45px;
    width: 170px; }

  .coupaw-quote {
    font-size: 2em;
    padding: 20px; }

  #decisions h3 {
    margin-top: 20px; }

  .coupaw-section cite {
    font-size: 0.8em;
    padding-right: 0;
    margin-right: 0;
    border: none; }
    .coupaw-section cite strong {
      font-size: 1.4em; }
  .coupaw-section .cite-logo {
    margin-right: 5px; }

  #animation-central {
    height: 0;
    padding-top: 54.676259%;
    width: 100%; }

  .vacuum-logo {
    background: none !important; } }
@media screen and (max-width: 767px) {
  #planet-money, .modal-backdrop {
    display: none !important; }

  .hidden-xs-inline {
    display: none !important; }

  #data-results {
    height: auto; }
    #data-results .vcenter {
      float: left; }
    #data-results .coupaw-section {
      float: none;
      width: 100%; }

  #decisions .billboard {
    width: 100%; }

  #home-header {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain; }

  .coupaw-quote {
    background: none;
    color: #fff;
    padding: 20px 0;
    font-size: 2.5em; }
    .coupaw-quote:after {
      content: none;
      background: none;
      height: 0;
      width: 0; }

  .coupaw-section cite {
    display: block;
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 15px; }
  .coupaw-section .cite-logo {
    margin: 0 auto;
    display: block; }

  #home-header {
    padding-top: 115.2666667%;
    background-position: bottom center; }
    #home-header h1 {
      margin-bottom: 20px; }
    #home-header .subhead {
      max-width: 280px;
      display: block;
      margin: 0 auto;
      line-height: 1.6em; }

  #data-results {
    background: #5f90a0; }
    #data-results .overlay {
      display: none; }

  .customer-stat h2 {
    padding-right: 35px; } }
@media screen and (max-width: 350px) {
  #home-header {
    padding-top: 135.2666667%; } }
@media screen and (min-width: 1920px) {
  #home-header {
    height: 945px;
    padding-top: 0; } }
.bottom-nav .nav-contain {
  max-width: 1440px; }
.bottom-nav .total-nav {
  display: block; }

.rjm-lock {
  display: inline-block;
  height: 13px;
  width: auto;
  padding-bottom: 2px; }

#menu-child-top-nav-1 {
  padding: 0; }
  #menu-child-top-nav-1 li {
    font-family: 'proxima-nova'; }

.main-nav {
  height: auto;
  position: relative;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid #e2e2e2;
  top: 0;
  left: 0; }
  .main-nav.sticky {
    position: fixed; }
    .main-nav.sticky .orange-signup {
      border: 1px solid #f37621; }
      .main-nav.sticky .orange-signup a {
        color: #f37621 !important; }
  .main-nav .total-nav {
    margin-left: 0; }
  .main-nav .nav-contain {
    padding: 10px 0;
    max-width: 1190px; }
    .main-nav .nav-contain .navbar-nav {
      padding-bottom: 0; }
      .main-nav .nav-contain .navbar-nav > li.change-btn {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      .main-nav .nav-contain .navbar-nav > li.active > a {
        background: none;
        color: #444; }
      .main-nav .nav-contain .navbar-nav > li > a {
        font-weight: 500;
        line-height: 1em;
        padding: 10px 28px;
        border-bottom: 0; }
        .main-nav .nav-contain .navbar-nav > li > a:hover {
          font-weight: 500; }
        .main-nav .nav-contain .navbar-nav > li > a[title="Sign Up"] {
          font-weight: 600; }
          .main-nav .nav-contain .navbar-nav > li > a[title="Sign Up"]:hover {
            background-color: #C95C12; }
  .main-nav .rj-login {
    font-weight: 500; }

.change-btn {
  border: 1px solid #828282;
  text-align: center;
  padding: 0 10px;
  border-radius: 5px;
  min-width: 100px;
  margin-top: 3px; }
  .change-btn a {
    margin-right: 0 !important;
    padding: 7px 10px !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }

header {
  background: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  height: auto; }
  header .banner {
    background: none;
    opacity: 1.0;
    z-index: 4;
    height: auto; }
  header h1 {
    font-size: 2.8em;
    margin: 0 auto;
    width: 68%;
    max-width: 1210px;
    color: #444;
    padding: 1em 1em 0; }

.main-nav .nav-contain .rjm-home {
  padding: 3px 0 0 0;
  height: auto; }
.main-nav .navbar-collapse {
  float: right;
  padding: 0; }

.navbar-default .navbar-brand {
  width: 155px;
  padding: 0; }

#home-nav {
  border-bottom: none; }

@media screen and (max-width: 1440px) {
  .change-btn {
    min-width: 95px; }

  header h1 {
    font-size: 2.5em;
    width: 60%; }

  .main-nav .nav-contain .navbar-nav > li > a {
    font-size: 14px; }
  .main-nav .rj-login {
    padding: 7px 1em; } }
@media screen and (max-width: 1180px) {
  .main-nav .total-nav {
    margin-left: 0; }
  .main-nav .nav-contain {
    width: 90%; }
    .main-nav .nav-contain .rjm-home {
      height: auto; }
    .main-nav .nav-contain .navbar-nav {
      margin-left: 10px; }
      .main-nav .nav-contain .navbar-nav > li > a {
        margin-right: 20px;
        font-size: 14px; }

  header h1 {
    font-size: 3.4em; }

  .navbar-default .navbar-brand {
    width: 125px; } }
@media screen and (max-width: 1130px) {
  .main-nav .nav-contain .navbar-nav > li > a {
    font-size: 13px; }

  header h1 {
    font-size: 2.2em; } }
@media screen and (max-width: 992px) {
  .main-nav {
    height: auto;
    position: relative;
    box-shadow: none; }
    .main-nav .total-nav {
      margin-left: 0; }
    .main-nav .nav-contain {
      width: 95%;
      padding: 15px 0; }
      .main-nav .nav-contain .navbar-nav {
        padding-bottom: 0;
        margin-left: 15px; }
        .main-nav .nav-contain .navbar-nav > li > a {
          font-size: 13px;
          margin-right: 10px; } }
@media screen and (max-width: 900px) {
  .main-nav .nav-contain .navbar-nav > li > a {
    font-size: 0.9em;
    padding: 7px 20px;
    margin-right: 0; }

  header h1 {
    width: 85%;
    line-height: 1.1em; } }
@media screen and (max-width: 800px) {
  .navbar-default .navbar-brand {
    padding: 11px 0 0 40px; }
  .navbar-default .navbar-collapse {
    height: auto;
    z-index: 100;
    position: relative;
    width: 100%;
    background: #b2b2b2; }

  .all_links a[title="Login"] {
    display: block; }

  .main-nav .nav-contain {
    width: 100%;
    padding: 0; }
    .main-nav .nav-contain .rjm-home {
      height: 30px; }
    .main-nav .nav-contain .navbar-nav {
      margin-left: 0; }
      .main-nav .nav-contain .navbar-nav > li > a {
        font-size: 1em;
        padding: 15px;
        color: #fff; }
        .main-nav .nav-contain .navbar-nav > li > a:hover {
          color: #fff; }
        .main-nav .nav-contain .navbar-nav > li > a[title="Sign Up"] {
          background: none; }

  .change-btn {
    border: none; }

  .navbar-header {
    padding: 9px 0; } }
@media screen and (max-width: 568px) {
  .main-nav {
    height: 45px; }
    .main-nav .nav-contain .rjm-home {
      height: 25px; }

  .navbar-toggle {
    padding: 7px 10px; }

  header h1 {
    font-size: 1.9em;
    width: 100%;
    line-height: 1.15em; }

  .navbar-header {
    padding: 0; }

  .navbar-default .navbar-brand {
    padding: 10px 0 0 20px; } }
.footer-logo {
  width: 100%;
  height: 55px;
  background: url('assets/images/logo-footer.svg?1410545480') center no-repeat;
  margin-top: 30px; }

footer {
  background: #f1f1f1; }

@media screen and (max-width: 992px) {
  footer {
    padding: 0; }
    footer .footer-contain .extra-links {
      padding: 0;
      clear: both; }
    footer .footer-contain h1 {
      margin-top: 50px;
      font-size: 1.6em; }
    footer .footer-contain h2 {
      font-size: 1.3em; }
    footer .footer-contain p, footer .footer-contain li, footer .footer-contain address {
      font-size: 1.3em; }

  .footer-logo {
    background: url('assets/images/logo-footer-ipad.svg?1410545480') center no-repeat; } }
@media screen and (max-width: 768px) {
  footer h1 {
    text-align: left; } }
@media screen and (max-width: 568px) {
  footer h1 {
    text-align: center; }
  footer .footer-contain {
    text-align: center; }
    footer .footer-contain .social {
      display: block;
      max-width: 100px;
      margin: 0 auto; }
      footer .footer-contain .social a {
        display: block; }
      footer .footer-contain .social .soc-icon {
        float: none;
        display: block;
        margin: 0 auto 10px; }
      footer .footer-contain .social .soc-link {
        display: block; }
    footer .footer-contain .info-links {
      padding: 15px 0 30px; }
      footer .footer-contain .info-links p {
        font-size: 0.8em;
        margin-bottom: 0; }

  .footer-logo {
    background: url('assets/images/logo-footer-mobile.svg?1410545480') center no-repeat; } }
@media screen and (min-width: 992px) {
  footer .col-md-3 {
    padding-left: 100px; } }
/** legacy code styles **/
.pricing #sign-up {
  min-width: inherit;
  width: 160px !important; }

.container {
  width: 1440px;
  padding: 0 65px; }

section {
  position: relative;
  padding: 70px 0; }
  section:nth-of-type(odd) {
    background: #fff; }
  section:nth-of-type(even) {
    background: #f5f4f4; }

.hero {
  margin: 0 auto; }

.hero-md {
  width: 75%; }

.hero-sm {
  width: 65%; }

.hero-margin {
  margin-top: 85px; }

.icon {
  width: 40px;
  height: 40px;
  margin-right: 20px; }

.bullets {
  margin-top: 25px; }

.table {
  display: table; }

.table-row {
  margin: 20px 0; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  color: #444;
  font-weight: 600;
  line-height: 1.2em; }

.hidden-ipad, .hidden-mobile, .hidden-laptop {
  display: block !important; }

.show-ipad, .show-mobile, .show-laptop, .show-desktop {
  display: none !important; }

span.hidden-ipad, span.hidden-mobile {
  display: inline-block !important; }

.btn {
  box-shadow: none !important;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1em;
  width: auto !important;
  min-width: 190px;
  padding: 10px 25px !important;
  margin: 15px 30px !important; }
  .btn:hover, .btn:active, .btn:focus {
    font-weight: 600 !important; }
  .btn:nth-of-type(1) {
    margin-left: 0 !important; }
  .btn:nth-last-of-type(1) {
    margin-right: 0 !important; }
  .btn.orange {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f6914f; }
    .btn.orange:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: 600; }
  .btn.blue {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .btn.green {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .btn.green:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: 600; }
  .btn.yellow {
    color: #fff; }
    .btn.yellow:hover {
      background: #d3993c; }

.valign {
  display: table;
  vertical-align: middle; }

.vcenter {
  display: table-cell;
  vertical-align: middle; }

.desktop-right-6 {
  position: relative;
  width: auto;
  left: initial;
  float: none; }

.desktop-left-6 {
  position: relative;
  width: auto;
  right: initial;
  float: none;
  display: block; }

@media screen and (max-width: 1440px) {
  .container {
    width: 1100px; }

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

  .hidden-laptop {
    display: none !important; } }
@media screen and (max-width: 1280px) {
  .btn {
    min-width: 150px; } }
@media screen and (max-width: 1100px) {
  .container {
    width: 1020px; } }
@media screen and (max-width: 992px) {
  .container {
    width: 720px;
    padding: 0 30px; }

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

  .show-ipad {
    display: inline-block !important; }
    .show-ipad.bubble {
      display: table !important; }

  section {
    padding: 50px 0; }

  .valign {
    height: auto !important; }

  .ipad-right {
    float: right; }

  .desktop-right-6 {
    width: auto;
    left: initial;
    float: none;
    display: block; }

  .desktop-left-6 {
    width: auto;
    right: initial;
    float: none;
    display: block; } }
@media screen and (max-width: 700px) {
  .container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; }

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

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

  .mobile-inline {
    display: inline; }

  .mobile-full {
    width: 100%; }

  section {
    padding: 50px 0;
    text-align: center; }

  .btn {
    min-width: 115px;
    border-radius: 5px;
    margin: 15px 10px !important;
    padding: 15px 10px !important; } }
h3 {
  color: #444;
  line-height: 1.2em; }

.board-members h3 {
  margin: 0; }

blockquote {
  border: none;
  position: relative;
  font-size: 3.9em;
  font-style: italic;
  font-weight: 600;
  font-family: "proxima-nova-condensed";
  padding: 0; }

h4 {
  font-weight: 600; }

.prices .wp-editor h4 {
  width: auto; }

.banner h3 {
  color: #fff; }

.resource-thumbnail .rj-resource-title {
  line-height: 1.2em; }

.rj-infographic .rj-infographic-embed textarea {
  font-size: 0.72em; }

.privacy h3 {
  padding-top: 1em; }

ul, ol {
  padding-bottom: 35px; }

strong {
  font-size: inherit;
  font-color: inherit;
  font-weight: bold;
  color: inherit; }

.type-teal {
  color: #1abc9c; }

.type-blue {
  color: #578ea3; }

.type-yellow {
  color: #f3b446; }

.lowercase {
  text-transform: lowercase; }

/** styleguide **/
h2 {
  padding-bottom: 0.3em;
  line-height: 1.2em; }

p {
  margin-bottom: 1.6em; }

@media screen and (max-width: 992px) {
  h1 {
    font-size: 3em; } }
.how-can-it-help-me footer {
  display: none; }

.tab-img {
  width: 180px;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.tab-img-contain {
  width: 100%;
  height: 277px;
  border: 1px solid #e2e2e2;
  text-align: center;
  position: relative; }

#for_saas:before, #for_mobile:before, #for_ecommerce:before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden; }

.funnel-contain {
  padding: 0 0 0 160px; }

.help-tabs-container {
  position: relative; }

.help-tabs-strip {
  background-color: #e2e2e2;
  width: 100%;
  height: 35%;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 10%;
  margin: auto;
  left: 0; }

.help-tabs {
  width: 1065px;
  margin: 3.3em auto 0;
  border: none;
  position: relative;
  z-index: 5; }
  .help-tabs li.active .tab {
    border: 1px solid #e2e2e2;
    border-bottom-color: #e2e2e2 !important; }
    .help-tabs li.active .tab.tab-ecom .tab-img-contain {
      border: 2px solid #f3b446; }
    .help-tabs li.active .tab.tab-ecom .caption {
      background-color: #f3b446;
      color: #fff; }
    .help-tabs li.active .tab.tab-saas .tab-img-contain {
      border: 2px solid #b26bab; }
    .help-tabs li.active .tab.tab-saas .caption {
      background-color: #b26bab;
      color: #fff; }
    .help-tabs li.active .tab.tab-mobile .tab-img-contain {
      border: 2px solid #1abc9c; }
    .help-tabs li.active .tab.tab-mobile .caption {
      background-color: #1abc9c;
      color: #fff; }
  .help-tabs .tab {
    width: 335px;
    height: 385px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    position: relative;
    padding: 15px;
    background-color: #fff;
    margin: 0 10px; }
    .help-tabs .tab:hover {
      background-color: #fff;
      border: 1px solid #e2e2e2; }
      .help-tabs .tab:hover .caption:before, .help-tabs .tab:hover .caption:after {
        background-color: #444;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 20%; }
      .help-tabs .tab:hover .caption:before {
        right: 0.5em;
        margin-left: -50%; }
      .help-tabs .tab:hover .caption:after {
        left: 0.5em;
        margin-right: -50%; }
    .help-tabs .tab.tab-ecom:hover .caption {
      color: #f3b446;
      border: 1px solid #f3b446; }
      .help-tabs .tab.tab-ecom:hover .caption:before, .help-tabs .tab.tab-ecom:hover .caption:after {
        background-color: #f3b446; }
    .help-tabs .tab.tab-saas:hover .caption {
      color: #b26bab;
      border: 1px solid #b26bab; }
      .help-tabs .tab.tab-saas:hover .caption:before, .help-tabs .tab.tab-saas:hover .caption:after {
        background-color: #b26bab; }
    .help-tabs .tab.tab-mobile:hover .caption {
      color: #1abc9c;
      border: 1px solid #1abc9c; }
      .help-tabs .tab.tab-mobile:hover .caption:before, .help-tabs .tab.tab-mobile:hover .caption:after {
        background-color: #1abc9c; }
  .help-tabs .caption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    color: #444;
    padding: 20px;
    border-top: 1px solid #e2e2e2; }

.beltway {
  width: 1215px;
  height: 642px;
  margin: 0 auto 70px;
  background: url('assets/images/saas-belt.svg?1410632874') center bottom no-repeat;
  background-size: contain !important;
  position: relative;
  z-index: 10; }
  .beltway:after {
    content: "";
    position: absolute;
    right: 565px;
    top: 100%;
    background: url('assets/images/saas-beltway-line.svg?1410545480') top center no-repeat;
    width: 740px;
    min-height: 372px; }

.belt-fig {
  width: 71%;
  height: 302px;
  background: url('assets/images/saas-figures.svg?1410747543') bottom center no-repeat;
  position: absolute;
  bottom: 345px;
  left: 0;
  right: 0;
  margin: 0 auto; }
  .belt-fig p.caps {
    position: absolute; }
    .belt-fig p.caps:nth-of-type(1) {
      top: 0;
      left: 0; }
    .belt-fig p.caps:nth-of-type(2) {
      top: 45px;
      left: 30%; }
    .belt-fig p.caps:nth-of-type(3) {
      top: 45px;
      right: 30%; }
    .belt-fig p.caps:nth-of-type(4) {
      top: 0;
      right: 10px; }

.side-note {
  position: absolute;
  width: 220px;
  height: 80px;
  bottom: -70px;
  right: 165px; }
  .side-note p.small {
    font-size: 0.8em;
    line-height: 1.25em; }
  .side-note:after {
    content: "";
    position: absolute;
    right: 102%;
    top: -10px;
    background: url('assets/images/saas-sidenote-after.svg?1410545480') top left no-repeat;
    width: 140px;
    height: 40px; }

.device-screen {
  position: relative;
  margin-left: 83px;
  background-image: url('assets/images/saas-macbook-leadgen.png?1410632874');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1090px;
  height: 925px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .device-screen {
      background-image: url('assets/images/retina/saas-macbook-leadgen-retina.png?1410632874'); } }

.bubble {
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 100%;
  background: transparent;
  border: 5px solid #b26bab;
  text-align: center;
  display: table; }
  .bubble .bubble-text {
    border-radius: 100%;
    position: relative;
    z-index: 5;
    padding: 25px;
    font-size: 0.85em;
    color: #444;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .bubble .bubble-img {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto 10px; }
  .bubble .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    opacity: 0.95; }
  .bubble.top {
    top: 0;
    left: 200px; }
  .bubble.middle {
    top: 300px;
    left: 100px; }
  .bubble.bottom {
    bottom: 100px;
    left: 200px; }
  .bubble.capital {
    top: -45px;
    left: 215px; }

.funnel-lg {
  margin-top: -70px;
  margin-left: -220px;
  margin-bottom: -70px;
  width: 734px;
  height: 1017px;
  background: url('assets/images/saas-funnel.svg?1410545480') top right no-repeat; }

.funnel-ipad {
  background: none;
  width: 0;
  height: 0; }

.graph {
  background: url('assets/images/saas-chart.svg?1410545480') center left no-repeat;
  height: 686px;
  width: 742px;
  margin-left: 75px;
  margin-top: 65px;
  position: relative; }

.desktop-screen {
  margin: 50px auto -70px;
  width: 995px;
  height: 720px;
  background-image: url('assets/images/saas-imac-cta.png?1410548682');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .desktop-screen {
      background-image: url('assets/images/retina/saas-imac-cta-retina.png?1410632874'); } }

.valign.text-leads {
  height: 895px; }
.valign.text-funnel {
  height: 789px; }

@media screen and (max-width: 1440px) {
  .beltway {
    width: 908px;
    height: 480px; }
    .beltway:after {
      right: 425px;
      width: 542px; }

  .belt-fig {
    height: 230px;
    bottom: 254px; }

  .device-screen {
    width: 850px;
    height: 703px;
    margin-left: 35px;
    background-size: cover; }

  .side-note {
    right: 30px;
    bottom: -70px; }
    .side-note:after {
      top: -15px; }

  .help-tabs {
    width: 970px; }
    .help-tabs .tab {
      width: 283px;
      height: 362px;
      margin: 0 20px; }

  .tab-img-contain {
    height: 262px; }

  .bubble {
    width: 175px;
    height: 175px; }
    .bubble .bubble-text {
      font-size: 0.75em;
      padding: 20px; }
    .bubble .bubble-img {
      width: 35px; }
    .bubble.top {
      top: -13px;
      left: 100px; }
      .bubble.top:after {
        top: 89px;
        width: 296px;
        height: 155px; }
    .bubble.middle {
      top: 200px;
      left: 40px; }
      .bubble.middle:after {
        width: 370px;
        height: 137px;
        top: 85px; }
    .bubble.bottom {
      bottom: 70px;
      left: 100px; }
      .bubble.bottom:after {
        width: 185px;
        height: 65px; }
    .bubble.capital {
      top: 0;
      left: 140px; }

  .funnel-lg {
    width: 622px;
    height: 862px; }

  .graph {
    height: 620px;
    width: 540px;
    margin-left: 35px; }

  .desktop-screen {
    margin: 50px auto -70px;
    width: 680px;
    height: 490px; }

  .valign.text-leads {
    height: 658px; }
  .valign.text-funnel {
    height: 656px; } }
@media screen and (max-width: 992px) {
  #for_saas:before, #for_mobile:before, #for_ecommerce:before {
    display: block;
    content: " ";
    margin-top: -15px;
    height: 15px;
    visibility: hidden; }

  .belt-fig {
    height: 175px;
    bottom: 192px; }

  .funnel-contain {
    padding: inherit;
    padding-bottom: 0; }

  .side-note {
    display: none; }

  .beltway {
    width: 690px;
    height: 410px;
    margin-bottom: 10px; }
    .beltway:after {
      background: url('assets/images/saas-beltway-line-ipad.svg?1410545480') top center no-repeat;
      width: 118px;
      height: 127px;
      right: 320px;
      top: 101%; }

  .belt-fig p.caps:nth-of-type(2) {
    top: 25px; }
  .belt-fig p.caps:nth-of-type(3) {
    top: 25px; }

  .bubble {
    width: 175px;
    height: 185px; }
    .bubble .bubble-text {
      font-size: 0.75em;
      padding: 13px; }
    .bubble .bubble-img {
      width: 45px;
      margin: 0 auto 5px; }
    .bubble.top {
      top: 17px;
      left: 10px; }
      .bubble.top:after {
        background: url('assets/images/saas-after-top-ipad.svg?1410545480') top center no-repeat;
        width: 160px;
        height: 152px;
        top: 100%;
        left: 50%; }
    .bubble.middle {
      top: 30px;
      left: 230px; }
      .bubble.middle:after {
        background: url('assets/images/saas-after-middle-ipad.svg?1410545480') top center no-repeat;
        width: 85px;
        height: 146px;
        top: 100%;
        left: 50%; }
    .bubble.bottom {
      bottom: initial;
      right: 17px;
      left: initial;
      top: 17px; }
      .bubble.bottom:after {
        background: url('assets/images/saas-after-bottom-ipad.svg?1410545480') top center no-repeat;
        width: 76px;
        height: 198px;
        top: 100%;
        right: 50%;
        left: initial; }
    .bubble.capital {
      top: 40px;
      left: 30px; }
    .bubble.automate {
      top: 0;
      right: 170px; }
    .bubble.engagement {
      bottom: 148px;
      right: 35px; }

  .help-tabs {
    width: 714px; }
    .help-tabs .tab {
      width: 218px;
      height: 290px;
      margin: 0 10px; }

  .funnel-lg {
    width: 0;
    height: 0;
    background: none; }

  .funnel-ipad {
    width: 491px;
    height: 558px;
    background: url('assets/images/saas-funnel-mobile.svg?1410545480') top right no-repeat;
    margin: -215px auto -50px;
    background-size: cover; }

  .funnel-pt {
    width: 33.333%;
    text-align: center;
    float: left;
    padding: 0 17px;
    margin-top: 35px; }
    .funnel-pt .icon {
      display: block;
      float: none;
      margin: 0 auto 20px; }
    .funnel-pt .table-cell {
      display: block; }

  .graph {
    height: 575px;
    background-position: top center;
    width: 565px;
    margin: 60px auto 0; }

  .hero-sm {
    width: 95%; }

  .hero-md {
    width: 100%; }

  .device-screen {
    background-image: url('assets/images/saas-ipad-leadgen.png?1410632874');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 650px;
    height: 480px;
    margin: 0 auto -50px;
    background-size: contain; }
  .desktop-screen {
    margin: 50px auto -50px;
    width: 560px;
    height: 405px;
    background-image: url('assets/images/saas-ipad-imac-cta.png?1410632874'); }
  .tab-img-contain {
    height: 190px; }

  .tab-img {
    width: 125px; } }
  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    .device-screen {
      background-image: url('assets/images/retina/saas-ipad-leadgen-retina.png?1410632874'); } }

  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    .desktop-screen {
      background-image: url('assets/images/retina/saas-ipad-cta-retina.png?1410632874'); } }

@media screen and (max-width: 700px) {
  .beltway-mobile {
    background: url('assets/images/saas-belt-mobile.svg?1410747543') top center no-repeat;
    background-size: contain;
    height: 0;
    width: 90%;
    padding-top: 100%;
    margin: 0 auto 20px; }

  .help-tabs-strip {
    background: none;
    display: none; }

  .device-screen, .graph, .funnel-ipad {
    background: none;
    width: auto;
    height: auto;
    margin: 0 auto; }

  .funnel-pt {
    padding: 0; }

  .bubble, .funnel-pt {
    position: static;
    width: 90%;
    height: auto;
    margin: 0 auto;
    border: none;
    display: block !important;
    float: none; }
    .bubble:after, .funnel-pt:after {
      content: none !important; }
    .bubble .overlay, .funnel-pt .overlay {
      visibility: hidden; }
    .bubble .bubble-text, .funnel-pt .bubble-text {
      font-size: 1em;
      padding: 20px;
      display: block; }
    .bubble .bubble-img, .funnel-pt .bubble-img {
      width: 50px; }

  .help-tabs {
    width: 100%;
    padding-bottom: 10px; }
    .help-tabs .tab {
      width: 75%;
      margin: 0 auto 20px;
      padding: 6px;
      height: auto; }
    .help-tabs .caption {
      padding: 7px;
      border: 1px solid #e2e2e2;
      height: auto;
      position: relative; }
    .help-tabs li.active .tab, .help-tabs li:hover .tab {
      border: 1px solid #e2e2e2;
      border-bottom-color: #e2e2e2; }
      .help-tabs li.active .tab.tab-ecom .tab-img-contain, .help-tabs li:hover .tab.tab-ecom .tab-img-contain {
        border: 2px solid #f3b446; }
      .help-tabs li.active .tab.tab-ecom .caption, .help-tabs li:hover .tab.tab-ecom .caption {
        background-color: #f3b446;
        color: #fff; }
      .help-tabs li.active .tab.tab-saas .tab-img-contain, .help-tabs li:hover .tab.tab-saas .tab-img-contain {
        border: 2px solid #b26bab; }
      .help-tabs li.active .tab.tab-saas .caption, .help-tabs li:hover .tab.tab-saas .caption {
        background-color: #b26bab;
        color: #fff; }
      .help-tabs li.active .tab.tab-mobile .tab-img-contain, .help-tabs li:hover .tab.tab-mobile .tab-img-contain {
        border: 2px solid #1abc9c; }
      .help-tabs li.active .tab.tab-mobile .caption, .help-tabs li:hover .tab.tab-mobile .caption {
        background-color: #1abc9c;
        color: #fff; }
      .help-tabs li.active .tab .caption, .help-tabs li:hover .tab .caption {
        color: #fff; }

  .tab-img {
    width: 75px; }

  .tab-img-contain {
    display: none; }

  .nav-tabs > li {
    float: none; }

  .funnel-pt .table-cell {
    margin-bottom: 0; }

  .icon {
    width: 50px;
    height: 50px; }

  .desktop-screen {
    background: url('assets/images/saas-chart.svg?1410545480') center left no-repeat;
    width: 95%;
    height: 0;
    padding-top: 100%;
    margin-bottom: 15px; } }
.info-pipeline {
  width: 515px;
  height: 3380px;
  background: url('assets/images/rjm-pipeline.svg?1410545480') center no-repeat; }

.text-block {
  width: 95%;
  margin-bottom: 8em; }
  .text-block:nth-of-type(7) {
    margin-bottom: 0; }

.pipeline-info {
  margin: 80px 0; }

.pipeline-valign {
  height: 3160px; }

.steps {
  display: table;
  width: 100%;
  padding: 25px 0; }

.step-img {
  width: 280px;
  height: 280px;
  margin: 0 auto; }
  .step-img.consolidate {
    background: url('assets/images/icon-consolidate.svg?1410545480') center no-repeat; }
  .step-img.optimize {
    background: url('assets/images/icon-optimize.svg?1410545480') center no-repeat; }
  .step-img.analyze {
    background: url('assets/images/icon-analyze.svg?1410545480') center no-repeat; }

.consolidate {
  color: #f3b446; }

.optimize {
  color: #1abc9c; }

.analyze {
  color: #578ea3; }

h3.table {
  margin: 0;
  display: table; }

.step {
  width: 33%;
  float: left;
  padding: 0 30px;
  text-align: center; }

.step-tag {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5em;
  text-transform: uppercase;
  line-height: 45px;
  font-weight: 500;
  padding: 0 20px;
  padding-left: 35px;
  background-size: auto 60%;
  background-position: left center;
  background-repeat: no-repeat; }
  .step-tag.consolidate {
    background-image: url('assets/images/icon-tag-consolidate.svg?1410545480'); }
  .step-tag.optimize {
    background-image: url('assets/images/icon-tag-optimize.svg?1410545480'); }
  .step-tag.analyze {
    background-image: url('assets/images/icon-tag-analyze.svg?1410545480'); }

.info-video-wrapper {
  width: 75%;
  margin: 0 auto;
  padding: 20px;
  border: 2px solid #e2e2e2;
  background-color: #fff;
  position: relative;
  z-index: 10; }
  .info-video-wrapper.old-vid {
    margin: -75px auto 50px; }

.info-video-border {
  position: relative;
  height: 0;
  padding-bottom: 55.9647754%;
  border: 2px solid #e2e2e2; }

.info-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.cta-rjm {
  background-color: #444;
  color: #fff;
  padding-top: 75px;
  position: relative; }
  .cta-rjm h3 {
    color: #fff; }
  .cta-rjm .hidden-mobile {
    display: inline-block !important; }
  .cta-rjm .btn {
    min-width: 130px; }

.cta-device-wrapper {
  width: 33%;
  margin-right: 50px;
  float: left;
  bottom: 0;
  left: 15%;
  position: absolute; }

.cta-device {
  height: 0;
  bottom: 0;
  padding-top: 58.4615385%;
  background: url('assets/images/product-ipad.png?1410545480') top center no-repeat;
  background-size: cover; }

.cta-content {
  margin-left: 52%;
  padding: 35px; }
  .cta-content h3 {
    font-weight: 500;
    width: 80%; }

.type-cta {
  background-color: #444;
  text-align: center;
  padding: 30px 30px 50px 30px;
  margin: 75px 0; }
  .type-cta h2, .type-cta p {
    color: #fff; }

.type-btns {
  margin-top: 1em; }

.biz-btn {
  color: #fff;
  width: 25%;
  display: inline-block;
  margin: 0 10px;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase; }
  .biz-btn:hover {
    color: #fff; }
  .biz-btn.ecommerce {
    background-color: #f3b446; }
    .biz-btn.ecommerce:hover {
      background-color: #dd9c33; }
  .biz-btn.saas {
    background-color: #b26bab; }
    .biz-btn.saas:hover {
      background-color: #875184; }
  .biz-btn.mobile {
    background-color: #1abc9c; }
    .biz-btn.mobile:hover {
      background-color: #1e9b83; }

@media screen and (max-width: 1440px) {
  .info-pipeline {
    width: 404px;
    height: 2561px; }

  .pipeline-valign {
    height: 2389px;
    padding: 0; }

  .info-video-wrapper.old-vid {
    margin: -40px auto 40px; }

  .text-block {
    margin-bottom: 7em; }

  .cta-rjm {
    padding-top: 45px; }

  .cta-content {
    margin-left: 55%; }

  .cta-device-wrapper {
    width: 40%;
    left: 10%; } }
@media screen and (max-width: 992px) {
  .step-img {
    width: 145px;
    height: 145px; }
    .step-img.consolidate {
      background-image: url('assets/images/icon-consolidate-ipad.svg?1410663998'); }
    .step-img.optimize {
      background-image: url('assets/images/icon-optimize-ipad.svg?1410663998'); }
    .step-img.analyze {
      background-image: url('assets/images/icon-analyze-ipad.svg?1410663998'); }

  .step-tag {
    background-image: none !important;
    padding: 0 10px;
    margin-bottom: 10px;
    border-left: 1px solid #444;
    line-height: 1em; }
    .step-tag:nth-of-type(1) {
      border: none;
      margin-left: 0;
      padding-left: 0; }

  .info-video-wrapper {
    width: 85%;
    padding: 10px;
    border: 3px solid #e2e2e2; }

  .info-pipeline {
    background: url('assets/images/rjm-pipeline-ipad.svg?1410545480') center no-repeat;
    height: 2800px;
    width: 340px;
    margin-left: -26px; }

  .pipeline-valign {
    height: auto; }

  .text-block {
    margin-bottom: 7em; }

  .cta-device-wrapper {
    width: 90%;
    margin: 0 auto;
    left: 0;
    float: none;
    position: relative; }

  .cta-content {
    width: 100%;
    margin: 0;
    text-align: center; }
    .cta-content h3 {
      width: 100%; } }
@media screen and (max-width: 767px) {
  .info-pipeline {
    background: none;
    width: 0;
    height: 0; }

  .text-block {
    text-align: center;
    padding-top: 230px;
    background-position: top center;
    background-size: 247px auto;
    background-repeat: no-repeat;
    margin-bottom: 3.3em; }
    .text-block.replication {
      background-image: url('assets/images/rjm-mobile-replication.svg?1410545480'); }
    .text-block.collector {
      background-image: url('assets/images/rjm-mobile-collector.svg?1410545480');
      padding-top: 320px; }
    .text-block.transformation {
      background-image: url('assets/images/rjm-mobile-transformation.svg?1410545480');
      padding-top: 350px; }
    .text-block.warehouse {
      background-image: url('assets/images/rjm-mobile-warehouse.svg?1410545480'); }
    .text-block.cache {
      background-image: url('assets/images/rjm-mobile-cache.svg?1410545480');
      padding-top: 315px; }
    .text-block.metadata {
      background-image: url('assets/images/rjm-mobile-metadata.svg?1410545480');
      padding-top: 200px; }
    .text-block.interface {
      background-image: url('assets/images/rjm-mobile-interface.svg?1410545480');
      padding-top: 330px; }

  .info-video-wrapper {
    width: 100%;
    padding: 5px;
    border: 2px solid #e2e2e2;
    margin-bottom: 35px; }
    .info-video-wrapper.old-vid {
      margin: -20px auto 20px; }

  .info-video-border {
    border: 2px solid #e2e2e2; }

  .steps {
    width: 100%;
    height: 0;
    padding-top: 130%;
    background-image: url('assets/images/rjm-steps-mobile.svg?1410545480');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 50px 0; }

  .step {
    display: none; }

  .step-img {
    background: none !important; }

  .hero-sm {
    width: 98%; }

  .cta-rjm {
    height: 480px;
    background-image: url('assets/images/cta-rjm-bg-mobile.svg?1410545480');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto; }
    .cta-rjm .hidden-mobile {
      display: none !important; }

  .cta-content {
    padding: 0;
    text-align: left; }

  .cta-device-wrapper {
    display: none; }

  .cta-device {
    background: none; }

  .type-cta {
    margin: 0 0 25px; } }
@media screen and (max-width: 700px) {
  .biz-btn {
    width: 90%;
    margin: 5px 0; } }
#ecommerce .beltway:after {
  background: url('assets/images/ecom-beltway-line.svg?1410545480') top center no-repeat; }
#ecommerce .belt-fig {
  width: 87%;
  background: url('assets/images/ecom-figures.svg?1410632874') bottom center no-repeat;
  background-size: contain;
  position: absolute; }
  #ecommerce .belt-fig p.caps {
    position: absolute; }
    #ecommerce .belt-fig p.caps:nth-of-type(1) {
      top: 0;
      left: 12%; }
    #ecommerce .belt-fig p.caps:nth-of-type(2) {
      top: 45px;
      left: 49%; }
    #ecommerce .belt-fig p.caps:nth-of-type(3) {
      top: 0;
      right: 10%; }
#ecommerce .bubble {
  display: none; }
#ecommerce .desktop-screen {
  background-image: url('assets/images/ecom-imac-cta.png?1410632874'); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #ecommerce .desktop-screen {
      background-image: url('assets/images/retina/ecom-ipad-cta-retina.png?1410632874'); } }
#ecommerce .text-acquire {
  height: 828px; }
#ecommerce .ecom-quote {
  margin-right: -150px;
  margin-left: 150px; }
#ecommerce .ecom-quoter {
  padding-right: 100px;
  text-align: right; }
#ecommerce .ecom-quote-logo {
  display: inline-block;
  width: 345px;
  height: 0;
  padding-top: 8.7637131%;
  background-image: url('assets/images/ecom-nomorerack-logo-light.svg?1410545480');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
#ecommerce .ecom-acquire {
  position: relative;
  z-index: -1;
  background-image: url('assets/images/ecom-acquire.jpg?1410545480');
  background-position: top right;
  background-size: cover;
  padding: 85px 0; }
  #ecommerce .ecom-acquire blockquote {
    color: #fff; }
  #ecommerce .ecom-acquire h2 {
    color: #fff;
    padding: 0; }
  #ecommerce .ecom-acquire h3 {
    color: #fff; }
  #ecommerce .ecom-acquire p {
    color: #e2e2e2; }
  #ecommerce .ecom-acquire .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #444;
    opacity: 0.5; }
#ecommerce .text-hoop {
  height: 790px; }
#ecommerce .hoop {
  background-image: url('assets/images/ecom-hoop.svg?1410545480');
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  margin: 0;
  width: 42%;
  height: 101%;
  position: absolute;
  top: 0;
  right: 52%; }
#ecommerce .device-screen-ipad {
  position: relative; }
#ecommerce .device-screen {
  position: absolute;
  left: 45%;
  top: 5%;
  background-image: url('assets/images/ecom-ipad-retain-fordesktop.png?1410632874');
  background-position: top left;
  width: 60%;
  background-size: contain;
  height: 100%; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #ecommerce .device-screen {
      background-image: url('assets/images/retina/ecom-ipad-retain-fordesktop-retina.png?1410632874'); } }
#ecommerce .icon {
  width: 45px;
  height: 45px; }

@media screen and (max-width: 1440px) {
  #ecommerce .beltway {
    margin-bottom: 30px; }
  #ecommerce .ecom-quote {
    margin-right: -125px;
    margin-left: 125px;
    max-width: 550px; }
  #ecommerce .ecom-acquire {
    padding: 70px 0; }
    #ecommerce .ecom-acquire blockquote {
      font-size: 3.4em; }
  #ecommerce .device-screen {
    width: 70%; }
  #ecommerce .text-acquire {
    height: 718px; }
  #ecommerce .text-hoop {
    height: 640px; }
  #ecommerce .hoop-lg {
    width: 42%; } }
@media screen and (max-width: 992px) {
  #ecommerce .beltway {
    margin-bottom: 10px; }
    #ecommerce .beltway:after {
      background-image: url('assets/images/ecom-beltway-line-ipad.svg?1410545480');
      width: 76px;
      height: 126px; }
  #ecommerce .ecom-acquire {
    background: #f5f4f4;
    padding: 50px 0; }
    #ecommerce .ecom-acquire .overlay {
      display: none; }
    #ecommerce .ecom-acquire h2, #ecommerce .ecom-acquire h3, #ecommerce .ecom-acquire p {
      color: #444; }
    #ecommerce .ecom-acquire blockquote {
      color: #6baa36;
      font-size: 2.8em;
      font-weight: 500; }
      #ecommerce .ecom-acquire blockquote:before, #ecommerce .ecom-acquire blockquote:after {
        color: inherit; }
  #ecommerce .ecom-quote-logo {
    background-image: url('assets/images/ecom-nomorerack-logo.svg?1410545480');
    width: 185px; }
  #ecommerce .ecom-quote {
    margin: 30px auto;
    padding-left: 35%;
    background-image: url('assets/images/vishal-nomorerack.png?1410632874');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28% auto;
    max-width: none; }
  #ecommerce .belt-fig {
    height: 190px; }
  #ecommerce .hoop {
    background-image: url('assets/images/ecom-hoop-ipad.svg?1410545480');
    background-position: bottom center;
    position: relative;
    right: initial;
    top: initial;
    margin: -275px auto -60px;
    width: 100%;
    height: 0;
    padding-top: 89.9171271%; }
  #ecommerce .device-screen {
    position: relative;
    left: initial;
    top: initial;
    width: 590px;
    height: 545px;
    background-position: top 90px right;
    background-image: url('assets/images/ecom-ipad-retain-foripad.png?1410632874'); }
  #ecommerce .ecom-quoter {
    margin-top: 10px;
    padding: 0;
    text-align: left; }
    #ecommerce .ecom-quoter h2 {
      font-size: 1.3em;
      padding-bottom: 0; }
  #ecommerce .bubble {
    display: table;
    border: 5px solid #f3b446; }
    #ecommerce .bubble.top {
      top: 68px;
      left: -40px; }
      #ecommerce .bubble.top:after {
        background: url('assets/images/ecom-after-top-ipad.svg?1410545480') top center no-repeat;
        width: 200px;
        height: 215px; }
    #ecommerce .bubble.middle {
      left: 217px; }
      #ecommerce .bubble.middle:after {
        background: url('assets/images/ecom-after-middle-ipad.svg?1410545480') top center no-repeat;
        width: 53px;
        height: 100px;
        left: 20%; }
    #ecommerce .bubble.bottom {
      right: -40px;
      top: 150px; }
      #ecommerce .bubble.bottom:after {
        background: url('assets/images/ecom-after-bottom-ipad.svg?1410545480') top center no-repeat;
        width: 76px;
        height: 128px; }
  #ecommerce .funnel-pt {
    padding: 0 20px; } }
  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    #ecommerce .ecom-quote {
      background-image: url('assets/images/retina/vishal-nomorerack-retina.png?1410632874'); } }
  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    #ecommerce .device-screen {
      background-image: url('assets/images/retina/ecom-ipad-retain-foripad-retina.png?1410632874'); } }
@media screen and (max-width: 700px) {
  #ecommerce .ecom-quote {
    display: none;
    background: none; }
  #ecommerce .beltway-mobile {
    background-image: url('assets/images/ecom-figures-mobile.svg?1410545480');
    padding-top: 88%; }
  #ecommerce .hoop {
    background: none;
    display: none; }
  #ecommerce .icon {
    width: 50px;
    height: 50px; }
  #ecommerce .device-screen {
    background: none;
    width: 100%;
    height: auto; }
  #ecommerce .funnel-pt {
    padding: 0; }
  #ecommerce .bubble {
    border: none;
    padding: 0 20px; }
    #ecommerce .bubble .bubble-text {
      color: #444;
      font-weight: 600; }
  #ecommerce .desktop-screen {
    background: url('assets/images/ecom-cta-ipad-mobile.png?1410742633') top left no-repeat;
    background-size: cover;
    margin-bottom: -50px; } }
#mobile .beltway {
  height: 660px;
  z-index: 10; }
  #mobile .beltway:after {
    background-image: url('assets/images/mobile-beltway-line.svg?1410548682'); }
#mobile .desktop-screen {
  background-image: url('assets/images/ecom-imac-cta.png?1410632874'); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #mobile .desktop-screen {
      background-image: url('assets/images/retina/ecom-ipad-cta-retina.png?1410632874'); } }
#mobile .belt-fig {
  width: 87%;
  background: url("assets/images/mobile-figures.svg") bottom center no-repeat;
  position: absolute; }
  #mobile .belt-fig p.caps {
    position: absolute; }
    #mobile .belt-fig p.caps:nth-of-type(1) {
      top: 0;
      left: 12%; }
    #mobile .belt-fig p.caps:nth-of-type(2) {
      top: 45px;
      left: 49%; }
    #mobile .belt-fig p.caps:nth-of-type(3) {
      top: 0;
      right: 10%; }
#mobile .mobile-acquire {
  position: relative;
  z-index: -1;
  background-image: url('assets/images/mobile-acquire.jpg?1410548682');
  background-position: top left;
  background-size: cover;
  padding: 95px 0; }
  #mobile .mobile-acquire .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.1; }
  #mobile .mobile-acquire p {
    color: #444; }
#mobile .text-phone {
  height: 750px;
  position: static; }
#mobile .phone-app {
  background-image: url('assets/images/mobile-phone-app.png?1410548682');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 30px 0;
  position: absolute;
  width: 259px;
  height: 680px;
  top: 0;
  bottom: 0;
  left: 22%;
  margin: auto; }
#mobile .hand-point {
  position: absolute;
  width: 452px;
  height: 488px;
  background-image: url('assets/images/hand-pointing.png?1410548682');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  top: 50%;
  left: 7%; }
#mobile .mobile-graph {
  position: absolute;
  width: 40%;
  right: 80px;
  top: 0;
  bottom: 0;
  height: 700px;
  text-align: center;
  margin: auto; }
#mobile .mobile-retain {
  height: 95vh; }
#mobile .graph-contain {
  background-image: url('assets/images/mobile-graph.svg?1410548682');
  width: 100%;
  max-width: 768px;
  height: 0;
  padding-top: 85%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; }
#mobile .bubble {
  border-color: #1abc9c; }
  #mobile .bubble.phone-bubble {
    top: 5px;
    left: -100px; }
  #mobile .bubble.graph-bubble {
    top: 0;
    left: 100px; }
  #mobile .bubble .bubble-text {
    padding: 20px; }
#mobile .icon {
  width: 50px;
  height: 50px; }
#mobile .text-retain {
  height: 750px; }

@media screen and (max-width: 1440px) {
  #mobile .beltway {
    height: 490px;
    margin-bottom: 30px; }
  #mobile .phone-app {
    width: 259px;
    height: 680px;
    left: 17%; }
  #mobile .hand-point {
    width: 400px;
    height: 400px;
    left: 10%; }
  #mobile .text-phone {
    height: 650px; }
  #mobile .bubble.phone-bubble {
    top: 50px;
    left: -85px; }
  #mobile .bubble.graph-bubble {
    top: 0;
    left: 65px; }
  #mobile .mobile-acquire {
    background-position: top left -50px;
    padding: 70px 0; }
  #mobile .mobile-retain {
    height: auto; }
  #mobile .mobile-graph {
    height: 520px; }
  #mobile .graph-contain {
    margin-top: 50px; } }
@media screen and (max-width: 992px) {
  #mobile .beltway {
    height: 410px;
    margin-bottom: 15px; }
    #mobile .beltway:after {
      background-image: url('assets/images/mobile-beltway-line-mobile.svg?1410548682');
      height: 47.6px;
      width: 80px; }
  #mobile .belt-fig p.caps:nth-of-type(1) {
    top: -15px;
    left: 12%; }
  #mobile .belt-fig p.caps:nth-of-type(2) {
    top: 20px;
    left: 49%; }
  #mobile .belt-fig p.caps:nth-of-type(3) {
    top: -15px;
    right: 10%; }
  #mobile .graph-contain {
    margin-left: -30px; }
  #mobile .mobile-acquire {
    background-image: url('assets/images/mobile-acquire-mobile.jpg?1410548682');
    padding-bottom: 60%;
    background-position: top left;
    padding: 50px 0; }
  #mobile .mobile-engage {
    padding-bottom: 0; }
    #mobile .mobile-engage .bullets {
      width: 40%;
      float: left;
      left: 65%;
      position: relative;
      margin: 0; }
      #mobile .mobile-engage .bullets .funnel-pt {
        font-weight: 700;
        width: 100%; }
        #mobile .mobile-engage .bullets .funnel-pt .bubble-text {
          line-height: 1.2em; }
      #mobile .mobile-engage .bullets .table-cell {
        margin-bottom: 0;
        font-weight: 700; }
  #mobile .phone-app {
    position: relative;
    width: 60%;
    right: 43%;
    height: 620px;
    left: initial;
    float: left; }
  #mobile .phone-app-contain {
    margin-bottom: -100px;
    margin-top: 60px; }
  #mobile .hand-point {
    background-image: url('assets/images/mobile-iphone-hand-formobile.png?1410632874');
    width: 364px;
    top: 62%;
    height: 245px;
    left: 35%; }
  #mobile .mobile-graph {
    position: relative;
    width: 560px;
    right: initial;
    top: initial;
    height: auto;
    text-align: center;
    margin: 50px auto 0; }
  #mobile .ipad-center {
    text-align: center;
    margin-top: 45px; }
  #mobile .bubble {
    display: table !important; }
    #mobile .bubble.phone-bubble {
      display: none !important; }
    #mobile .bubble.bubble.graph-bubble {
      top: -35px;
      left: 10px; }
    #mobile .bubble.graph-bubble-2 {
      top: 0;
      left: 43%; }
    #mobile .bubble.graph-bubble-3 {
      top: -60px;
      right: -55px; } }
  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    #mobile .mobile-acquire {
      background-image: url('assets/images/retina/mobile-ipad-acquire-retina.jpg?1410632874'); } }
  @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 992px) and (min-resolution: 192dpi) {
    #mobile .hand-point {
      background-image: url('assets/images/retina/mobile-iphone-hand-formobile-retina.png?1410632874'); } }
@media screen and (max-width: 700px) {
  #mobile .beltway-mobile {
    background-image: url('assets/images/mobile-figures-mobile.svg?1410548682');
    padding-top: 88%;
    margin: 0 auto 30px; }
  #mobile .phone-app, #mobile .hand-point {
    background: none;
    height: 0;
    width: 0; }
  #mobile .mobile-acquire {
    background-image: none;
    padding-bottom: 50px; }
    #mobile .mobile-acquire .funnel-pt {
      padding: 20px; }
  #mobile .bullets {
    width: 90%;
    margin: 25px auto; }
  #mobile .mobile-engage {
    padding-bottom: 50px; }
    #mobile .mobile-engage .bullets {
      width: 90%;
      float: none;
      left: initial;
      margin: 25px auto; }
  #mobile .mobile-graph {
    width: 100%; }
  #mobile .graph-contain {
    height: auto;
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
    background: none; }
    #mobile .graph-contain .bubble {
      position: relative;
      top: initial;
      left: initial;
      right: initial;
      bottom: initial; }
  #mobile .desktop-screen {
    background: url('assets/images/ecom-cta-ipad-mobile.png?1410742633') top left no-repeat;
    background-size: cover;
    margin-bottom: -50px; } }
@media screen and (min-width: 1925px) {
  .device-screen, #ecommerce .device-screen {
    position: absolute;
    right: -70%;
    left: initial; }

  #ecommerce .device-screen {
    right: -25%; }

  #mobile .mobile-graph {
    max-width: 768px; }
  #mobile .graph-contain {
    width: 768px;
    padding-top: 653px; } }
.new-signup {
  position: relative;
  padding-bottom: 75px; }
  .new-signup .bg-macbook {
    background: url('assets/images/signup-devices-desktop.png?1413896904') top center no-repeat;
    background-size: contain;
    width: 92%;
    height: 0;
    padding-top: 51%;
    margin: 0 auto; }
  .new-signup .bg-stripe {
    position: absolute;
    top: 300px;
    left: 0;
    height: 30%;
    width: 100%;
    background-color: #578ea3; }
  .new-signup .btn.green {
    min-width: initial; }
  .new-signup h1 {
    color: #444;
    padding-bottom: 50px;
    padding-top: 0.3em;
    font-size: 3em; }
  .new-signup .formContainer {
    text-align: center; }
  .new-signup .sign-form {
    padding: 25px;
    background: #e6e7e8;
    border-radius: 5px;
    border: 1px solid #b3b3b2; }
  .new-signup .form-field {
    margin-bottom: 0; }
    .new-signup .form-field input {
      width: 100%;
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #b3b3b2;
      font-family: "proxima-nova";
      font-size: 0.7em;
      font-weight: 300;
      padding: 10px 15px;
      margin-bottom: 15px;
      line-height: 1.2em; }
  .new-signup .show-desktop {
    display: block !important; }
  .new-signup label {
    display: block; }
    .new-signup label.password {
      font-weight: 300;
      line-height: 1em;
      padding: 10px;
      text-align: left;
      font-size: 0.5em;
      font-family: "proxima-nova"; }
  .new-signup div.submit {
    text-align: right;
    padding-left: 35%; }
    .new-signup div.submit p {
      font-family: "proxima-nova";
      font-size: 0.55em;
      line-height: 1.1em;
      padding: 0 5px; }
  .new-signup a {
    color: #f37621; }
  .new-signup .lined {
    text-align: center;
    padding-bottom: 0.2em;
    margin: 30px 0 0; }
    .new-signup .lined:before, .new-signup .lined:after {
      background-color: #b2b3b3;
      content: "";
      display: inline-block;
      height: 2px;
      position: relative;
      vertical-align: middle;
      width: 37%; }
    .new-signup .lined:before {
      right: 0.5em;
      margin-left: -50%; }
    .new-signup .lined:after {
      left: 0.5em;
      margin-right: -50%; }
  .new-signup .logo-contain {
    width: 90%;
    height: 0;
    padding-top: 6%;
    background-image: url('assets/images/signup-logo-block-laptop.svg?1413896904');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center; }

.signup {
  position: relative; }

#password {
  margin-bottom: 0; }

.signupOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: black;
  -moz-opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none; }
  .signupOverlay:before {
    position: absolute;
    left: 48%;
    top: 25%;
    content: ' ';
    background: transparent url("http://rjmetrics.com/ui/img/loading.gif") no-repeat;
    width: 55px;
    height: 30px; }

@media screen and (max-width: 1440px) {
  .new-signup label.password {
    line-height: 1em; }
  .new-signup .hidden-laptop {
    display: none !important; }
  .new-signup .btn.green {
    margin-top: 0 !important; }
  .new-signup .bg-stripe {
    top: 200px; }
  .new-signup .laptop-full {
    width: 100%; }
  .new-signup h1 {
    font-size: 3em;
    margin-bottom: 0; }
  .new-signup .form-field input {
    margin-bottom: 8px; }
  .new-signup .container.container-desktop {
    width: auto; }
  .new-signup .lined:after, .new-signup .lined:before {
    width: 29%; }
  .new-signup .logo-contain {
    margin: 0 auto; }
  .new-signup .logo-contain {
    width: 83%;
    padding-top: 22%;
    background-image: url('assets/images/signup-logo-block.svg?1413896904'); } }
@media screen and (max-width: 1024px) {
  .new-signup h2 {
    line-height: 1em; }
  .new-signup .container {
    max-width: 1020px; } }
@media screen and (max-width: 992px) {
  .new-signup {
    padding-bottom: 35px; }
    .new-signup h1 {
      padding: 25px 0 5px;
      font-size: 2.2em;
      padding: 0;
      margin-bottom: 30px;
      display: block !important; }
    .new-signup .lined {
      color: #fff;
      margin-top: 30px; }
    .new-signup .show-ipad {
      display: block !important; }
    .new-signup .sign-form {
      background: none;
      border: none; }
    .new-signup .logo-contain {
      padding-top: 22%;
      background-image: url('assets/images/signup-logo-block-white.svg?1413896904'); }
    .new-signup .bg-stripe {
      top: 39%;
      height: 195px; }
    .new-signup div.submit {
      text-align: center;
      padding: 0; } }
@media screen and (max-width: 700px) {
  .new-signup .bg-stripe {
    top: 35%;
    height: 16%; } }
@media screen and (max-width: 400px) {
  .new-signup .bg-stripe {
    top: 34%;
    height: 13%; }
  .new-signup .lined {
    margin-top: 30px; }
  .new-signup h1 {
    margin-bottom: 30px; }
  .new-signup .logo-contain {
    padding-top: 21%;
    margin-bottom: 15px; }
  .new-signup .col-mob-full {
    width: 100%; } }
@media screen and (max-width: 375px) {
  .new-signup .bg-stripe {
    top: 32%; } }
@media screen and (max-width: 325px) {
  .new-signup .bg-stripe {
    top: 31%; } }
.hero-pricing {
  width: 85%;
  max-width: 935px;
  margin-bottom: 2.5em; }
  .hero-pricing .hero-sm {
    width: 64%; }

#pricing-contact:before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden; }

.price-details {
  width: 80%;
  margin: 30px auto 0;
  text-align: center;
  max-width: 390px; }

.price-detail-img {
  height: 200px;
  width: 200px;
  margin: 0 auto 20px; }
  .price-detail-img.support-img {
    background: url('assets/images/customer-service-icon.svg?1415640411') center no-repeat;
    background-size: 90% auto; }
  .price-detail-img.platform-img {
    background: url('assets/images/full-stack-platoform-icon.svg?1415640411') center no-repeat; }

.form-margin-top {
  margin-top: 30px; }

#pricing-table {
  width: 95%;
  margin: 0 auto 45px;
  display: table; }
  #pricing-table .btn {
    border-radius: 5px;
    min-width: 135px;
    padding: 8px 8px !important;
    margin: 0 auto !important; }
  #pricing-table th, #pricing-table td {
    padding: 15px 35px; }
  #pricing-table .vhead {
    font-weight: 600;
    font-size: 1.3em; }
  #pricing-table thead {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; }
    #pricing-table thead tr {
      padding: 15px 40px;
      background-color: #828282; }
    #pricing-table thead:after {
      content: "";
      width: 100%;
      display: table-row;
      height: 15px; }
  #pricing-table tbody tr {
    border-top: 2px solid #e2e3e3; }
    #pricing-table tbody tr:nth-of-type(1) {
      border-top: none; }
  #pricing-table td {
    border-left: 2px solid #e2e3e3; }
    #pricing-table td:nth-of-type(1) {
      border-left: none; }

.prices .rj-checklist {
  padding: 0; }

.prices .form-container {
  margin: 0 0 0 225px;
  width: 85%; }

.tooltip-image {
  height: 16px;
  width: auto;
  padding-bottom: 2px;
  padding-left: 5px; }

.startup-link {
  text-decoration: underline;
  color: #f37621;
  display: inline-block;
  margin-bottom: 75px; }

.gray {
  color: #828282; }

.dot-sides:before, .line-sides:before, .dot-sides:after, .line-sides:after {
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  border-top: 2px dotted #e2e3e3; }
.dot-sides:before, .line-sides:before {
  right: 0.5em;
  margin-left: -50%; }
.dot-sides:after, .line-sides:after {
  left: 0.5em;
  margin-right: -50%; }

.price-signup {
  margin: 5em 0 !important; }

.line-sides:before, .line-sides:after {
  border-top: 2px solid #828282;
  width: 30%; }

@media screen and (max-width: 1440px) {
  .prices .form-container {
    margin: 0 auto; }

  #price-form {
    height: 800px !important; } }
@media screen and (max-width: 1280px) {
  #pricing-table {
    width: 90%; }

  .prices-contain {
    max-width: 1000px; } }
@media screen and (max-width: 992px) {
  .prices .faqs .col-md-6 {
    padding-right: 0; }

  #pricing-table {
    width: 100%; }
    #pricing-table th, #pricing-table td {
      padding: 15px 10px;
      font-size: 0.9em; }
    #pricing-table .vhead {
      font-size: 1.1em; }
    #pricing-table .btn {
      min-width: 90px;
      padding: 10px 8px !important;
      line-height: 1em; } }
@media screen and (max-width: 700px) {
  #pricing-table {
    display: none; }

  .hero-pricing {
    width: 100%; }
    .hero-pricing .hero-sm {
      width: 100%; }

  .mobile-content {
    background: url('assets/images/pricing-content-mobile.svg?1411680225') top center no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 400px;
    height: 0;
    padding-top: 272%;
    margin: 0 auto; }

  .rj-checklist.mobile-prices {
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 88%; }
  .rj-checklist .rj-checklist-item {
    height: auto !important;
    display: block !important;
    float: none !important; }

  .startup-link {
    margin: 30px 0 40px; } }
.rj-about, .rj-culture, .rj-board, .rj-investors {
  text-align: center; }

.about-small {
  font-size: 0.35em;
  text-transform: uppercase;
  font-weight: 600; }

.rj-about {
  width: 80%;
  margin: 2em auto 0; }
  .rj-about p.large {
    margin-bottom: 0; }

.board-members {
  text-align: left; }
  .board-members .small {
    font-size: .9em; }

#icon-instagram {
  max-width: 22px;
  padding-bottom: 2px;
  margin-left: 15px; }

#sbi_load {
  padding-top: 20px; }

#sbi_load a {
  background-color: #f6914f !important;
  font-size: .64em !important;
  font-family: "proxima-nova";
  text-transform: uppercase !important;
  font-weight: bold !important;
  line-height: 30px; }
  #sbi_load a:hover {
    background-color: #ba5f28 !important; }

.board-img {
  background-color: #fff;
  margin-top: 10px !important; }

#carlborg {
  width: 140% !important;
  margin-left: -20px; }

.rj-investor div {
  background-size: 80% !important; }
  vertical-align:middle
  .rj-investor div.rj-investor-svangel {
    padding-top: 20px !important; }

.rj-board {
  margin-bottom: 0px; }

.rj-investors {
  margin-bottom: 40px; }

.rj-investor-img img {
  max-width: 100%; }

.rj-jobs-cta {
  background-image: url('assets/images/rj-jobs-cta-background.jpg?1414183509') !important; }
  .rj-jobs-cta h2 {
    color: #fff;
    font-size: 2em; }

.team-scrapbook {
  width: 100%;
  height: auto;
  padding: 1em 0 2em; }

.rj-team {
  padding-top: 1em;
  padding-bottom: 2em; }
  .rj-team:after {
    content: ' ';
    display: table;
    clear: both;
    height: 0; }
  .rj-team .rj-team-member {
    display: block;
    cursor: pointer;
    position: relative;
    float: left;
    width: 12.5%; }
    .rj-team .rj-team-member.placeholder {
      background: #d2d0d0; }
      .rj-team .rj-team-member.placeholder .rj-team-member-label {
        background: #f37621;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 19% 10%;
        height: 100%;
        text-align: center; }
        .rj-team .rj-team-member.placeholder .rj-team-member-label .plus {
          width: 30%;
          margin: 0 0 10px;
          height: auto; }
        .rj-team .rj-team-member.placeholder .rj-team-member-label span {
          font-size: 1.6em;
          font-weight: 600;
          color: #fff;
          text-transform: uppercase;
          line-height: 1em;
          text-align: center; }
      .rj-team .rj-team-member.placeholder:hover {
        z-index: 2; }
        .rj-team .rj-team-member.placeholder:hover .rj-team-member-label {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
          opacity: 0.7;
          display: block\0; }
    .rj-team .rj-team-member .rj-team-member-photo {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0; }
    .rj-team .rj-team-member .rj-team-member-photo-rollover {
      display: block;
      width: 100%;
      margin: 0; }
    .rj-team .rj-team-member .rj-team-member-info-text {
      display: none;
      position: absolute;
      top: 100%;
      width: 800%;
      padding: 50px 0;
      background: #f5f4f4;
      left: 0;
      margin-left: 0;
      color: #828282;
      font-size: inherit;
      z-index: 10;
      cursor: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .rj-team .rj-team-member .rj-team-member-info-text .close-bio {
        cursor: pointer;
        font-family: "proxima-nova";
        position: absolute;
        top: 10px;
        right: 20px; }
      .rj-team .rj-team-member .rj-team-member-info-text .silly-pic {
        margin: 0 auto;
        width: 80%;
        height: auto;
        display: block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
      .rj-team .rj-team-member .rj-team-member-info-text .member-name {
        font-size: 1.4em;
        padding-bottom: 0;
        color: #000;
        font-weight: 600;
        padding-top: 0.5em;
        line-height: 1.4em; }
      .rj-team .rj-team-member .rj-team-member-info-text .member-title {
        font-size: 1.05em;
        color: #444;
        line-height: 1em;
        margin-bottom: 1em; }
      .rj-team .rj-team-member .rj-team-member-info-text .bio-excerpt {
        font-size: 0.9em;
        line-height: 1.6em; }
      .rj-team .rj-team-member .rj-team-member-info-text:after {
        content: none; }
    .rj-team .rj-team-member:nth-child(8n+2) .rj-team-member-info-text {
      margin-left: -100%; }
    .rj-team .rj-team-member:nth-child(8n+3) .rj-team-member-info-text {
      margin-left: -200%; }
    .rj-team .rj-team-member:nth-child(8n+4) .rj-team-member-info-text {
      margin-left: -300%; }
    .rj-team .rj-team-member:nth-child(8n+5) .rj-team-member-info-text {
      margin-left: -400%; }
    .rj-team .rj-team-member:nth-child(8n+6) .rj-team-member-info-text {
      margin-left: -500%; }
    .rj-team .rj-team-member:nth-child(8n+7) .rj-team-member-info-text {
      margin-left: -600%; }
    .rj-team .rj-team-member:nth-child(8n+8) .rj-team-member-info-text {
      margin-left: -700%; }
  .rj-team .member-photo.selected:after {
    content: '';
    position: absolute;
    border: 19px solid transparent;
    border-bottom-color: #f5f4f4;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    width: 19px; }
  .rj-team .member-photo:hover {
    z-index: 2; }
    .rj-team .member-photo:hover .rj-team-member-photo {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    .rj-team .member-photo:hover .rj-team-member-label {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=66);
      opacity: 0.66;
      display: block; }
    .rj-team .member-photo:hover .rj-team-member-info-text {
      display: none; }
  .rj-team .rj-team-member,
  .rj-team .rj-team-member * {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }

.rj-billboard {
  margin-bottom: 20px; }
  .rj-billboard .btn.blue {
    margin: 0; }

@media screen and (max-width: 1024px) {
  .about .container {
    max-width: 1015px; }

  .board-members .board-img {
    width: 130px;
    height: 130px; } }
@media screen and (max-width: 992px) {
  .rj-jobs-cta {
    text-align: center; }

  .rj-about {
    width: 100%; }

  .board-social {
    margin-bottom: 40px; }

  .board-members {
    margin-top: 0px; }
    .board-members .board-img {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      width: 150px;
      height: 150px; }
    .board-members h3 {
      text-align: center; }

  .rj-investor-img img {
    max-width: 200px;
    margin-bottom: 3em; }

  .rj-investors {
    padding-bottom: 0px; }

  .rj-team .rj-team-member {
    width: 20%; }
    .rj-team .rj-team-member .rj-team-member-info-text {
      width: 500%;
      padding-right: 30px; }
    .rj-team .rj-team-member:nth-child(5n+1) .rj-team-member-info-text {
      margin-left: 0; }
    .rj-team .rj-team-member:nth-child(5n+2) .rj-team-member-info-text {
      margin-left: -100%; }
    .rj-team .rj-team-member:nth-child(5n+3) .rj-team-member-info-text {
      margin-left: -200%; }
    .rj-team .rj-team-member:nth-child(5n+4) .rj-team-member-info-text {
      margin-left: -300%; }
    .rj-team .rj-team-member:nth-child(5n+5) .rj-team-member-info-text {
      margin-left: -400%; } }
@media screen and (max-width: 768px) {
  .tablet {
    padding-left: 40px;
    padding-right: 40px; }

  .rj-team .rj-team-member {
    width: 33.33%; }
    .rj-team .rj-team-member .rj-team-member-info-text {
      width: 300%;
      padding: 15px 0; }
      .rj-team .rj-team-member .rj-team-member-info-text .silly-pic, .rj-team .rj-team-member .rj-team-member-info-text .bio-excerpt {
        display: none; }
      .rj-team .rj-team-member .rj-team-member-info-text .member-name {
        font-size: 1em;
        padding-top: 0; }
      .rj-team .rj-team-member .rj-team-member-info-text .member-title {
        font-size: 0.85em;
        margin-bottom: 0; }
      .rj-team .rj-team-member .rj-team-member-info-text .close-bio {
        top: 0;
        right: 10px; }
    .rj-team .rj-team-member:nth-child(3n+1) .rj-team-member-info-text {
      margin-left: 0; }
    .rj-team .rj-team-member:nth-child(3n+2) .rj-team-member-info-text {
      margin-left: -100%; }
    .rj-team .rj-team-member:nth-child(3n+3) .rj-team-member-info-text {
      margin-left: -200%; }
  .rj-team .member-photo.selected:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #f5f4f4;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    width: 10px; } }
.error404 {
  height: 100vh;
  min-height: 470px;
  position: relative; }
  .error404 .back-img {
    position: absolute;
    width: 20%;
    height: 100%;
    right: 20%; }
  .error404 #claw, .error404 #shapes {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .error404 #claw {
    top: -3px;
    width: 53%; }
  .error404 #shapes {
    bottom: 0; }
  .error404 #page {
    position: static; }
  .error404 .missing_contain {
    width: 80%;
    margin: auto;
    max-width: 1200px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -65%);
    -mozkit-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
    -o-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%); }
  .error404 h1 {
    font-size: 7em;
    font-weight: bold;
    line-height: 1em;
    font-family: "proxima-nova-extra-condensed";
    color: #444;
    padding: 0;
    margin: 10px 0 0;
    text-align: left; }
    .error404 h1 span {
      font-weight: bold; }
  .error404 h2 {
    font-size: 2.3em;
    font-weight: bold;
    margin-bottom: 0.3em;
    font-family: "proxima-nova-extra-condensed"; }
  .error404 p {
    font-size: 1.4em;
    color: #828282;
    margin-bottom: 0;
    font-family: "proxima-nova-extra-condensed"; }
  .error404 .search {
    margin-top: 30px;
    font-size: 1.4em;
    color: #828282; }
    .error404 .search input#searchsubmit {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 20%;
      opacity: 0;
      display: block;
      font-family: "proxima-nova-extra-condensed"; }
    .error404 .search #searchform {
      display: inline-block;
      width: 20%;
      margin-right: 15px;
      position: relative; }
      .error404 .search #searchform input#s {
        font-family: "proxima-nova-extra-condensed";
        margin: 0;
        height: 50px;
        width: 100%;
        border-radius: 5px;
        font-size: 0.9em;
        background-position: right 10% center; }
    .error404 .search .btn.teal {
      margin: 0 0 0 15px; }

@media screen and (max-width: 570px) {
  .error404 .top-nav {
    display: none; }
  .error404 .missing_contain {
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -mozkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .error404 h1 {
    font-size: 5em; }
    .error404 h1 span {
      -webkit-transform: rotate(15deg) translateY(10px);
      -mozkit-transform: rotate(15deg) translateY(10px);
      -ms-transform: rotate(15deg) translateY(10px);
      -o-transform: rotate(15deg) translateY(10px);
      transform: rotate(15deg) translateY(10px);
      padding-left: 5px;
      font-family: inherit;
      display: inline-block; }
  .error404 h2 {
    font-size: 2em; }
  .error404 p {
    font-size: 1em; }
  .error404 .back-img {
    width: 35%;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .error404 #claw {
    top: 0; }
  .error404 .search {
    text-align: center; }
    .error404 .search #searchform {
      width: 63%;
      display: block;
      margin: 0 auto; }
      .error404 .search #searchform input#s {
        height: 35px;
        text-align: center; }
    .error404 .search .btn.teal {
      display: block !important;
      margin: 0 auto;
      width: 60%;
      height: 35px;
      font-size: 0.8em;
      line-height: 15px; } }
@media screen and (max-width: 570px) {
  .error404 h1 {
    text-align: center; } }
.cas .cas-hovers a span {
  border: none; }
.cas .container {
  max-width: 1200px; }
.cas .cas-billboard {
  width: 89%;
  margin: 0 auto 30px;
  text-align: center; }
  .cas .cas-billboard p {
    width: 100%; }
.cas .cas-group {
  margin-top: 75px; }
.cas .form-contain {
  max-width: 1440px;
  padding: 0 65px;
  margin: 0 auto; }
.cas .form-container {
  margin: 0 0 0 190px;
  padding-left: 50px;
  width: 89%; }

@media screen and (max-width: 1400px) {
  .cas .form-container {
    margin: 0 auto;
    padding-left: 0;
    width: 50%; } }
@media screen and (max-width: 768px) {
  .cas .form-container {
    width: 100%; } }
@media screen and (min-width: 1400px) {
  h1.cas {
    font-size: 4em; }

  .cas .cas-honestly blockquote {
    font-size: 1.7em; } }
.connector-image {
  padding-left: 0px;
  padding-right: 0px;
  width: 20%;
  float: left; }

.connection-logo-hover {
  opacity: 0; }

.connection-logo-box {
  height: 90px;
  margin-bottom: 40px;
  position: relative; }

.connection-logos {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.connection-logo-link:hover .connection-logo-main {
  opacity: 0; }
.connection-logo-link:hover .connection-logo-hover {
  opacity: 1; }

.connector-cta-img {
  width: 70%;
  margin-left: 55px; }

.side_connection {
  padding-top: 20px; }

.featured-connection {
  text-align: center;
  margin-bottom: 4em;
  padding-left: 50px;
  padding-right: 50px; }
  .featured-connection p {
    line-height: 1.2em; }
  .featured-connection img {
    margin-bottom: 1em;
    width: 220px; }

@media screen and (max-width: 992px) {
  .connector-image {
    width: 100%;
    text-align: center;
    float: none; }

  .rj-panels {
    display: table; }

  .rj-panel {
    width: 50%;
    float: left;
    min-height: 550px;
    text-align: center;
    padding: 20px; }

  .rj-connection img {
    width: 300px; } }
@media screen and (max-width: 600px) {
  .rj-panel {
    width: 100%;
    float: none;
    min-height: initial;
    padding: 0; }

  .connector-cta-img {
    margin-left: 0;
    margin-bottom: 15px; } }
.featured-customer {
  text-align: center;
  margin-bottom: 4em;
  padding-left: 50px;
  padding-right: 50px; }
  .featured-customer p {
    line-height: 1.2em; }
  .featured-customer img {
    margin-bottom: 1em;
    width: 220px; }

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

#top-customer-row {
  width: 75%;
  margin: 2em auto 0;
  border-bottom: 1px solid #e2e2e2;
  max-width: 1185px p;
    max-width-margin-bottom: 10px; }

a.case-study {
  color: #f37621;
  border: 1px solid #f37621;
  padding: 8px 14px 8px 14px;
  border-radius: 5px;
  font-size: .9em; }
  a.case-study:hover {
    background-color: #f37621;
    color: #ffffff;
    border: 1px solid #f37621; }

.customer-pull-image {
  text-align: right;
  padding-right: 60px; }

.customer-pull-quote {
  text-align: left;
  max-width: 500px;
  color: #828282; }
  .customer-pull-quote h2 {
    font-style: italic;
    font-weight: 200;
    margin-top: 0px;
    font-size: 2.6em !important;
    line-height: 1.1em; }
  .customer-pull-quote p {
    color: #fff; }
  .customer-pull-quote img {
    height: 60px;
    border-left: 1px solid #ffffff;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 5px; }

#see-case-study {
  margin-top: -30px; }

#case-study-grid {
  margin-top: 30px; }

#all-case-studies {
  text-align: center;
  background-color: #fff; }

#case-study-button-row {
  width: 100%;
  position: absolute;
  bottom: -40px;
  left: 0px;
  margin-left: 0px;
  margin-right: 0px; }

#case-studies-section blockquote {
  font-size: 2em;
  line-height: 1.2em;
  padding-bottom: 30px; }
  #case-studies-section blockquote p {
    font-size: 1em; }
#case-studies-section li {
  margin-bottom: 6px; }

.rj-customer-case-study img {
  max-width: 100%; }

.rj-kpi .rj-kpi-metrics .rj-kpi-metric .rj-kpi-metric-value-up:before {
  font-size: .6em; }

.rj-kpi-excerpt p {
  margin-bottom: .8em; }

.customer-logo-hover {
  opacity: 0; }

.customer-logo-box {
  height: 90px;
  margin-bottom: 20px;
  position: relative; }

.customer-logos {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.customer-logo-link:hover .customer-logo-main {
  opacity: 0; }
.customer-logo-link:hover .customer-logo-hover {
  opacity: 1; }

.side_customer {
  padding-top: 20px; }

@media screen and (min-width: 1441px) {
  .customer-pull-quote {
    max-width: 700px; } }
@media screen and (max-width: 1440px) {
  #customers-header h2 {
    font-size: 2.8em;
    margin-top: 20px; }

  .customer-pull-image img {
    height: 281px; } }
@media screen and (max-width: 1120px) {
  #customers-header h2 {
    font-size: 2.4em;
    margin-top: 30px; }

  .customer-pull-quote {
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto; }

  #case-study-grid .container {
    max-width: 900px;
    text-align: left; }

  #case-studies-section .container {
    max-width: 900px;
    text-align: left; }

  #all-case-studies .container {
    max-width: 900px; }

  #top-customer-row {
    width: 100%; } }
@media screen and (max-width: 991px) {
  #customers-header h2 {
    margin-top: 40px; }

  #top-customer-row {
    height: 300px;
    width: inherit;
    margin-left: 0px; }

  .customer-pull-image {
    display: none; }

  .customer-pull-quote {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto; }

  #see-case-study {
    margin-top: 0px; } }
@media screen and (max-width: 700px) {
  #case-studies-section .container {
    text-align: left; } }
@media screen and (max-width: 768px) {
  .customer-pull-quote {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px; } }
@media screen and (max-width: 568px) {
  #see-case-study {
    margin-top: 30px; }

  #customers-header h2 {
    margin-top: 0px; }

  .customer-logo-box {
    margin-bottom: 10px; } }
@media screen and (max-width: 460px) {
  #customers-header h2 {
    margin-top: 40px; }

  #top-customer-row {
    top: 0px; }

  .customer-pull-quote img {
    height: 40px;
    border-left: 0px;
    display: block;
    margin: 1em auto 0;
    padding-left: 0; }

  .side_customer {
    display: none; } }
@media screen and (max-width: 400px) {
  #customers-header h2 {
    font-size: 2em !important; }

  .break-here {
    width: 100%;
    float: none; } }
.quickfacts h1 {
  padding: 0; }

.what-is-rjmetrics {
  overflow-x: hidden; }

.what-is-rjm {
  margin-bottom: 60px;
  margin-top: -20px; }

.what-is-intro-text {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.3em;
  position: relative; }
  .what-is-intro-text:after {
    background: url('assets/images/what-is-intro-after.svg?1418937873') top center no-repeat;
    content: "";
    position: absolute;
    top: 116%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 15px;
    height: 105px; }

#what-is-placeholder .what-is-intro-text {
  color: #f37621;
  font-size: 1.1em;
  margin-top: 35px;
  width: 70%; }
  #what-is-placeholder .what-is-intro-text:after {
    content: none;
    display: none; }

/** What Is Role Tabs **/
.what-is-role-tabs {
  padding-bottom: 0;
  border: none !important;
  position: relative;
  z-index: 10; }

.what-is-role-tab {
  width: 25%;
  border: none;
  text-align: center;
  float: left; }
  .what-is-role-tab.active .what-is-role-caption {
    border-bottom: 1px solid #828282;
    color: #f37621; }
    .what-is-role-tab.active .what-is-role-caption:after {
      background: url('assets/images/what-is-intro-before.svg?1418937873') top right no-repeat;
      content: "";
      position: absolute;
      top: 100%;
      right: 50%;
      right: 50%;
      width: 124.153px;
      height: 67.489px;
      z-index: 10; }
  .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-executive"] .what-is-role-caption:after, .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-marketer"] .what-is-role-caption:after {
    -webkit-transform: rotateY(180deg) translateX(-100%);
    -moz-transform: rotateY(180deg) translateX(-100%);
    -ms-transform: rotateY(180deg) translateX(-100%);
    -o-transform: rotateY(180deg) translateX(-100%);
    transform: rotateY(180deg) translateX(-100%); }
  .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-engineer"] .what-is-role-caption:after, .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-marketer"] .what-is-role-caption:after {
    background: url('assets/images/what-is-intro-before-outside.svg?1418937873') top right no-repeat;
    width: 366.719px;
    height: 67.489px; }
  .what-is-role-tab.active .what-is-role-img {
    border-color: #f37621; }

.what-is-role-section {
  position: relative; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: none; }

.what-is-role-tabs-strip {
  position: absolute;
  background: #e2e2e2;
  width: 500%;
  height: 45%;
  top: 0;
  left: -200%;
  bottom: 27%;
  z-index: -1;
  margin: auto 0; }

.nav-tabs > li > a:hover {
  border: none;
  background: none;
  color: inherit; }
  .nav-tabs > li > a:hover .what-is-role-img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .nav-tabs > li > a:hover .what-is-role-caption {
    color: #f37621; }

.what-is-role-tab-link {
  border: none !important; }

.what-is-role-img {
  height: 180px;
  width: 180px;
  border-radius: 100%;
  border: 3px solid #828282;
  margin: 0 auto 20px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .what-is-role-img.img-executive {
    background-image: url('assets/images/the-executive.png?1418937873'); }
  .what-is-role-img.img-analyst {
    background-image: url('assets/images/the-analyst.png?1418937873'); }
  .what-is-role-img.img-marketer {
    background-image: url('assets/images/the-marketer.png?1418937873'); }
  .what-is-role-img.img-engineer {
    background-image: url('assets/images/the-engineer.png?1418937873'); }

.what-is-role-caption {
  font-size: 1.5em;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.what-is-details {
  display: table;
  position: relative;
  margin: 50px auto 15px; }

.what-is-detail:nth-of-type(2) .what-is-detail-img:after {
  width: 90%; }
.what-is-detail:nth-of-type(3) .what-is-detail-img:after {
  width: 79%;
  left: 95%; }
.what-is-detail:nth-of-type(4) .what-is-detail-img:after {
  content: none; }

.what-is-detail-text {
  line-height: 1.2em; }

#what-is-executive .what-is-cta-img {
  background-image: url('assets/images/vishal-agarwal-nomorerack.png?1418937873'); }
#what-is-executive .what-is-detail:nth-of-type(2) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-2-executive.svg?1418937873'); }
#what-is-executive .what-is-detail:nth-of-type(3) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-3-executive.svg?1418937873'); }
#what-is-executive .what-is-detail:nth-of-type(4) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-4-executive.svg?1418937873'); }
#what-is-executive .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-1-executive.svg?1418937873'); }

#what-is-analyst .what-is-cta-img {
  background-image: url('assets/images/jonathan-strom-dealdey.png?1418937873'); }
#what-is-analyst .what-is-detail:nth-of-type(2) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-2-analyst.svg?1418937873'); }
#what-is-analyst .what-is-detail:nth-of-type(3) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-3-analyst.svg?1418937873'); }
#what-is-analyst .what-is-detail:nth-of-type(4) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-4-analyst.svg?1418937873'); }
#what-is-analyst .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-1-analyst.svg?1418937873'); }

#what-is-marketer .what-is-cta-img {
  background-image: url('assets/images/youssef-tlemcani-hmall.png?1418937873'); }
#what-is-marketer .what-is-detail:nth-of-type(2) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-2-marketer.svg?1418937873'); }
#what-is-marketer .what-is-detail:nth-of-type(3) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-3-marketer.svg?1418937873'); }
#what-is-marketer .what-is-detail:nth-of-type(4) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-4-marketer.svg?1418937873'); }
#what-is-marketer .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-1-marketer.svg?1418937873'); }

#what-is-engineer .what-is-cta-img {
  background-image: url('assets/images/atkins-meyer-threadless.png?1418937873'); }
#what-is-engineer .what-is-detail:nth-of-type(2) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-2-engineer.svg?1418937873'); }
#what-is-engineer .what-is-detail:nth-of-type(3) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-3-engineer.svg?1418937873'); }
#what-is-engineer .what-is-detail:nth-of-type(4) .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-4-engineer.svg?1418937873'); }
#what-is-engineer .what-is-detail-img {
  background-image: url('assets/images/what-is-detail-icon-1-engineer.svg?1418937873'); }

.what-is-detail {
  width: 25%;
  float: left;
  text-align: center;
  padding: 35px; }

.what-is-detail-img {
  width: 132px;
  height: 70px;
  margin: 0 auto 30px;
  position: relative;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #fff; }
  .what-is-detail-img.email-short-icon {
    background-size: auto 80%; }
  .what-is-detail-img.tall-stack {
    background-size: auto 102%; }
  .what-is-detail-img:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 80%;
    border-top: 1px solid #828282;
    left: 100%;
    top: 55%; }

.what-is-btn-container {
  margin-bottom: 50px; }

/** What Is CTA Section **/
.what-is-cta {
  width: 895px;
  border: 1px solid #e2e2e2;
  border-radius: 100px;
  padding: 30px 160px;
  display: table;
  margin: 0 auto;
  position: relative; }

.what-is-cta-img-container {
  display: table-cell;
  width: 140px;
  vertical-align: middle; }

.what-is-cta-img {
  width: 93px;
  height: 93px;
  border: 1px solid #e2e2e2;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.what-is-cta-quote {
  width: 360px;
  display: table-cell;
  vertical-align: middle; }
  .what-is-cta-quote blockquote {
    font-size: 1.25em;
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-weight: 500;
    position: relative;
    display: inline; }
    .what-is-cta-quote blockquote:before, .what-is-cta-quote blockquote:after {
      font-family: "proxima-nova", sans-serif;
      color: #e2e2e2;
      position: absolute;
      font-size: 3em;
      font-style: normal; }

.what-is-cta-quote blockquote:before {
  content: "\201C";
  top: 15px;
  left: -35px; }

.what-is-cta-quote blockquote:after {
  content: "\201D";
  right: -35px;
  bottom: -15px; }

.what-is-cta-link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  color: #828282;
  background-color: #fff;
  width: 260px;
  padding: 0 10px;
  text-align: center; }
  .what-is-cta-link span {
    position: relative;
    background: url("assets/images/chevron-right-orange-circle.svg?1418674750") right center no-repeat;
    background-color: #fff;
    background-size: 20px;
    padding-right: 26px; }

.panel .what-is-intro-text {
  width: 90%;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 0.8em; }

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border: none;
  box-shadow: none; }

.panel {
  box-shadow: none; }

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .what-is-intro-text {
    font-size: 1em;
    margin-top: -10px;
    width: 65%; }
    .what-is-intro-text:after {
      width: 9px;
      height: 72px;
      background-size: cover; }

  .what-is-role-tabs {
    margin-top: 0; }

  .what-is-role-caption {
    font-size: 1.1em; }

  .what-is-role-tab.active .what-is-role-caption:after {
    width: 113.644px;
    height: 61.489px; }
  .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-engineer"] .what-is-role-caption:after, .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-marketer"] .what-is-role-caption:after {
    width: 338px;
    height: 107.489px; }

  .what-is-detail-text {
    font-size: 0.75em; }

  .what-is-detail {
    padding: 20px; }

  .what-is-details {
    width: 660px;
    margin-top: 30px; }

  .what-is-detail:nth-of-type(2) .what-is-detail-img:after {
    width: 100%;
    left: 113%; }
  .what-is-detail:nth-of-type(3) .what-is-detail-img:after {
    width: 110%;
    left: 104%; }

  .what-is-detail-img {
    width: 75px;
    height: 55px;
    margin: 0 auto 1em;
    position: relative;
    background-position: center; }
    .what-is-detail-img:after {
      width: 105%; }

  .what-is-role-img {
    height: 130px;
    width: 130px; }

  .what-is-cta {
    width: 650px;
    padding: 15px 70px 30px; }

  .what-is-cta-img {
    width: 70px;
    height: 70px;
    float: right; }

  .what-is-cta-img-container {
    padding-right: 50px; }

  .what-is-cta-quote {
    width: 290px;
    padding-top: 0.5em; }
    .what-is-cta-quote blockquote {
      font-size: 0.9em; } }
@media screen and (max-width: 992px) {
  .what-is-role-tab.active .what-is-role-caption:after {
    width: 84px;
    height: 61.489px; }
  .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-engineer"] .what-is-role-caption:after, .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-marketer"] .what-is-role-caption:after {
    width: 251px;
    height: 47.489px; }

  .what-is-role-tabs-strip {
    height: 40%;
    top: 0;
    bottom: 28%; }

  .what-is-intro-text:after {
    width: 8px;
    height: 68px; } }
@media screen and (max-width: 767px) {
  .what-is-rjm {
    margin-top: -10px; }

  .what-is-role-tabs-strip {
    background: none;
    display: none; }

  span.accordion-toggle {
    display: block;
    color: #f37621;
    text-decoration: underline;
    margin-top: 1em; }

  .what-is-role-tab, .what-is-detail {
    width: 100%; }

  .what-is-detail {
    padding: 25px; }

  .what-is-detail-img {
    margin-bottom: 15px; }

  .what-is-intro-text:after {
    background: url('assets/images/what-is-intro-before-mobile.svg?1418937873') top center no-repeat;
    z-index: 10;
    width: 100%;
    height: 50px; }

  .what-is-details {
    margin-top: 0;
    width: 100%; }

  .what-is-btn-container {
    position: relative; }
    .what-is-btn-container:after {
      position: absolute;
      content: "";
      top: 130%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 50px;
      background: url('assets/images/what-is-end-bracket.svg?1418937873') top center no-repeat; }

  .what-is-detail-img:after {
    border: none; }

  .what-is-role-caption {
    font-size: 1.5em; }

  .what-is-cta {
    display: none; }

  .panel-heading, .panel-body {
    background: none !important;
    border: none !important; }

  .panel-group .panel + .panel {
    margin-top: 2em; }

  .accordion-toggle.collapsed .what-is-role-img {
    border-color: #828282; }
  .accordion-toggle.collapsed .what-is-role-caption {
    color: #828282; }
  .accordion-toggle .what-is-role-img {
    border-color: #f37621; }
  .accordion-toggle .what-is-role-caption {
    color: #f37621; } }
@media screen and (min-width: 1200px) {
  .what-is-details {
    margin-top: 43px; } }
@media screen and (min-width: 1400px) {
  .what-is-detail:nth-of-type(2) .what-is-detail-img:after {
    width: 155%; }
  .what-is-detail:nth-of-type(3) .what-is-detail-img:after {
    width: 77%; }

  .what-is-cta-img-container {
    padding-right: 60px; }

  .what-is-cta {
    margin-bottom: 50px; }

  .what-is-cta-img {
    width: 113px;
    height: 113px;
    float: right; }

  .what-is-cta-quote {
    width: 435px; }

  .what-is-cta-link {
    width: 300px; } }
@media screen and (min-width: 1480px) {
  .what-is-role-tab.active .what-is-role-caption:after {
    width: 167.153px;
    height: 91.489px; }
  .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-engineer"] .what-is-role-caption:after, .what-is-role-tab.active .what-is-role-tab-link[href="#what-is-marketer"] .what-is-role-caption:after {
    width: 494.719px;
    height: 91.489px; }

  .what-is-intro-text {
    margin-top: 10px; }
    .what-is-intro-text:after {
      width: 14px;
      height: 101px;
      background-size: cover; }

  .what-is-detail-img:after {
    width: 142%; }

  .what-is-detail:nth-of-type(3) .what-is-detail-img:after {
    width: 125%; }

  .what-is-cta-quote blockquote {
    font-size: 0.9em; } }