.chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  color: #3A4B59;
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 8px; }
  .chevron.right {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .chevron.left {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .chevron.bottom {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }

.fadeIn {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

.fadeInDelay {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.fadeInShortDelay {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.slideUpFadeIn {
  margin-top: 100px;
  opacity: 0;
  -webkit-animation-name: slideUpFadeIn;
          animation-name: slideUpFadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes slideUpFadeIn {
  0% {
    margin-top: 100px;
    opacity: 0;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    margin-top: 0;
    opacity: 1.0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes slideUpFadeIn {
  0% {
    margin-top: 100px;
    opacity: 0;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    margin-top: 0;
    opacity: 1.0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes slideIcon {
  0% {
    opacity: 1; }
  1% {
    background-position: 0 -48px; }
  24% {
    background-position: 0 -48px; }
  25% {
    background-position: 0 -96px; }
  49% {
    background-position: 0 -96px; }
  50% {
    background-position: 0 -144px; }
  74% {
    background-position: 0 -144px; }
  75% {
    background-position: 0 -192px; }
  99% {
    background-position: 0 -192px;
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes slideIcon {
  0% {
    opacity: 1; }
  1% {
    background-position: 0 -48px; }
  24% {
    background-position: 0 -48px; }
  25% {
    background-position: 0 -96px; }
  49% {
    background-position: 0 -96px; }
  50% {
    background-position: 0 -144px; }
  74% {
    background-position: 0 -144px; }
  75% {
    background-position: 0 -192px; }
  99% {
    background-position: 0 -192px;
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  50% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
  75% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  50% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
  75% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes embiggen {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes embiggen {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  25% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  25% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  20%, 60% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  40%, 80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px); } }

button:not(.buttonReset) {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  margin: 10px 10px 5px 0;
  padding: 8px 14px; }

.button-like-link {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  padding: 8px 14px; }
  .button-like-link:hover {
    text-decoration: none; }

.button-inline-text {
  display: inline-block;
  font-size: 13px;
  line-height: 1.5em;
  padding: 8px 14px; }
  .button-inline-text.is-link {
    color: #448EE1; }
    .button-inline-text.is-link:hover {
      text-decoration: underline; }

.submitBtn {
  background-color: #448EE1; }
  .submitBtn:hover {
    background-color: #3A7CC6; }
  .submitBtn[disabled] {
    background-color: #ccc; }

.saveBtn {
  background-color: #448EE1; }
  .saveBtn:hover {
    background-color: #3A7CC6; }
  .saveBtn[disabled] {
    background-color: #ccc; }

.cancelBtn {
  background: #c8d2d9;
  color: #666; }

.d-block {
  display: block; }

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

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

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

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

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

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

.lh-copy {
  line-height: 1.5; }

.lh-headline {
  line-height: 2; }

.bg-white {
  background-color: #fff; }

.bg-blue {
  background-color: #448EE1; }

.bg-green {
  background-color: #65AB83; }

.bg-red {
  background-color: #E35F61; }

.text-placeholder {
  color: #96A2AC; }

.text-blue {
  color: #448EE1; }

.text-red {
  color: #E35F61; }

.m-tb-16 {
  margin-top: 16px;
  margin-bottom: 16px; }

.m-b-16 {
  margin-bottom: 16px; }

.m-b-24 {
  margin-bottom: 24px; }

.m-t-16 {
  margin-top: 16px; }

.selectReset,
.inputReset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .selectReset:focus,
  .inputReset:focus {
    outline: none; }

.buttonReset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: normal;
  margin: 0;
  padding: 0; }
  .buttonReset::focus-inner {
    border: 0;
    padding: 0; }

.hidden {
  display: none !important; }

.fadeable {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out; }

@media print {
  body * {
    visibility: hidden; }
  .invoice-zone,
  .invoice-zone * {
    visibility: visible; }
  .invoice-zone {
    box-shadow: 0 0 0 #fff;
    border: none;
    border-radius: 0;
    left: 0;
    position: absolute;
    top: 0; } }

.spinner {
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  margin-top: 4px;
  margin-left: 18px;
  border-top: 0.75em solid #929eab;
  border-right: 0.75em solid #929eab;
  border-bottom: 0.75em solid #929eab;
  border-left: 0.75em solid #fff;
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear; }

.spinner,
.spinner:after {
  border-radius: 50%;
  width: 22px;
  height: 22px; }

.spinner.hidden {
  display: none; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media (max-height: 540px) {
  .main .logo {
    margin-top: 40px; } }

.LoginView, .SignupView, .InviteErrorView, .TrialExpiredViewer, .RoleChangeErrorView, .GuestVerificationErrorView {
  margin: 0 auto;
  padding: 0px 0 0 0;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
  background: transparent;
  color: white; }
  .LoginView .form-signin, .SignupView .form-signin, .InviteErrorView .form-signin, .TrialExpiredViewer .form-signin, .RoleChangeErrorView .form-signin, .GuestVerificationErrorView .form-signin {
    max-width: 410px;
    margin: 0 auto;
    position: relative;
    -webkit-animation: fadelogin .4s;
            animation: fadelogin .4s; }
    .LoginView .form-signin.message, .SignupView .form-signin.message, .InviteErrorView .form-signin.message, .TrialExpiredViewer .form-signin.message, .RoleChangeErrorView .form-signin.message, .GuestVerificationErrorView .form-signin.message {
      max-width: 750px; }
      .LoginView .form-signin.message .text-center, .SignupView .form-signin.message .text-center, .InviteErrorView .form-signin.message .text-center, .TrialExpiredViewer .form-signin.message .text-center, .RoleChangeErrorView .form-signin.message .text-center, .GuestVerificationErrorView .form-signin.message .text-center {
        font-size: 35px; }
      .LoginView .form-signin.message .subtext, .SignupView .form-signin.message .subtext, .InviteErrorView .form-signin.message .subtext, .TrialExpiredViewer .form-signin.message .subtext, .RoleChangeErrorView .form-signin.message .subtext, .GuestVerificationErrorView .form-signin.message .subtext {
        font-size: 23px; }
      .LoginView .form-signin.message .small, .SignupView .form-signin.message .small, .InviteErrorView .form-signin.message .small, .TrialExpiredViewer .form-signin.message .small, .RoleChangeErrorView .form-signin.message .small, .GuestVerificationErrorView .form-signin.message .small {
        font-size: 14px;
        margin: 50px 0px; }
      .LoginView .form-signin.message .link, .SignupView .form-signin.message .link, .InviteErrorView .form-signin.message .link, .TrialExpiredViewer .form-signin.message .link, .RoleChangeErrorView .form-signin.message .link, .GuestVerificationErrorView .form-signin.message .link {
        cursor: pointer;
        font-weight: 500;
        text-decoration: underline; }
      .LoginView .form-signin.message.error, .SignupView .form-signin.message.error, .InviteErrorView .form-signin.message.error, .TrialExpiredViewer .form-signin.message.error, .RoleChangeErrorView .form-signin.message.error, .GuestVerificationErrorView .form-signin.message.error {
        margin: 50px auto; }
  .LoginView .logo, .SignupView .logo, .InviteErrorView .logo, .TrialExpiredViewer .logo, .RoleChangeErrorView .logo, .GuestVerificationErrorView .logo {
    width: 174px;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    display: block;
    padding: 0px 0px 40px 0px; }
  .LoginView .form-field, .SignupView .form-field, .InviteErrorView .form-field, .TrialExpiredViewer .form-field, .RoleChangeErrorView .form-field, .GuestVerificationErrorView .form-field {
    font-size: 20px;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: none;
    width: 100%;
    color: #444;
    border-radius: 4px; }
  .LoginView .form-signin .login, .SignupView .form-signin .login, .InviteErrorView .form-signin .login, .TrialExpiredViewer .form-signin .login, .RoleChangeErrorView .form-signin .login, .GuestVerificationErrorView .form-signin .login {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #ebebeb; }
    .LoginView .form-signin .login ::-moz-placeholder, .SignupView .form-signin .login ::-moz-placeholder, .InviteErrorView .form-signin .login ::-moz-placeholder, .TrialExpiredViewer .form-signin .login ::-moz-placeholder, .RoleChangeErrorView .form-signin .login ::-moz-placeholder, .GuestVerificationErrorView .form-signin .login ::-moz-placeholder {
      color: #96A2AC; }
  .LoginView .form-signin input[type="password"], .SignupView .form-signin input[type="password"], .InviteErrorView .form-signin input[type="password"], .TrialExpiredViewer .form-signin input[type="password"], .RoleChangeErrorView .form-signin input[type="password"], .GuestVerificationErrorView .form-signin input[type="password"] {
    margin-bottom: 10px;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .LoginView .input-container, .SignupView .input-container, .InviteErrorView .input-container, .TrialExpiredViewer .input-container, .RoleChangeErrorView .input-container, .GuestVerificationErrorView .input-container {
    position: relative; }
  .LoginView .login-button, .SignupView .login-button, .InviteErrorView .login-button, .TrialExpiredViewer .login-button, .RoleChangeErrorView .login-button, .GuestVerificationErrorView .login-button {
    background: url(/s/img/loginbtn.png) 50% 50% no-repeat;
    background-size: 27px 27px;
    height: 28px;
    width: 28px;
    border: none;
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 100;
    cursor: pointer;
    outline: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .LoginView .login-button, .SignupView .login-button, .InviteErrorView .login-button, .TrialExpiredViewer .login-button, .RoleChangeErrorView .login-button, .GuestVerificationErrorView .login-button {
        background-image: url(/s/img/loginbtn@2x.png); } }
  .LoginView .error-message, .SignupView .error-message, .InviteErrorView .error-message, .TrialExpiredViewer .error-message, .RoleChangeErrorView .error-message, .GuestVerificationErrorView .error-message {
    line-height: 1.5em;
    text-align: center;
    background-color: #4A585F;
    border-radius: 4px;
    opacity: 0;
    display: none;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    padding: 10px; }
  .LoginView .subtext, .SignupView .subtext, .InviteErrorView .subtext, .TrialExpiredViewer .subtext, .RoleChangeErrorView .subtext, .GuestVerificationErrorView .subtext {
    cursor: pointer;
    text-align: center;
    opacity: .8;
    margin: 10px 0; }
    .LoginView .subtext a, .SignupView .subtext a, .InviteErrorView .subtext a, .TrialExpiredViewer .subtext a, .RoleChangeErrorView .subtext a, .GuestVerificationErrorView .subtext a {
      color: #fff;
      text-decoration: underline; }
      .LoginView .subtext a:hover, .SignupView .subtext a:hover, .InviteErrorView .subtext a:hover, .TrialExpiredViewer .subtext a:hover, .RoleChangeErrorView .subtext a:hover, .GuestVerificationErrorView .subtext a:hover {
        opacity: 1; }
    .LoginView .subtext:hover, .SignupView .subtext:hover, .InviteErrorView .subtext:hover, .TrialExpiredViewer .subtext:hover, .RoleChangeErrorView .subtext:hover, .GuestVerificationErrorView .subtext:hover {
      text-decoration: underline; }
  .LoginView .ForgotPassword .login, .LoginView .ExpiredTokenView .login, .SignupView .ForgotPassword .login, .SignupView .ExpiredTokenView .login, .InviteErrorView .ForgotPassword .login, .InviteErrorView .ExpiredTokenView .login, .TrialExpiredViewer .ForgotPassword .login, .TrialExpiredViewer .ExpiredTokenView .login, .RoleChangeErrorView .ForgotPassword .login, .RoleChangeErrorView .ExpiredTokenView .login, .GuestVerificationErrorView .ForgotPassword .login, .GuestVerificationErrorView .ExpiredTokenView .login {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 10px;
    margin-top: 20px; }
  .LoginView .ForgotPassword .text-container, .LoginView .ExpiredTokenView .text-container, .SignupView .ForgotPassword .text-container, .SignupView .ExpiredTokenView .text-container, .InviteErrorView .ForgotPassword .text-container, .InviteErrorView .ExpiredTokenView .text-container, .TrialExpiredViewer .ForgotPassword .text-container, .TrialExpiredViewer .ExpiredTokenView .text-container, .RoleChangeErrorView .ForgotPassword .text-container, .RoleChangeErrorView .ExpiredTokenView .text-container, .GuestVerificationErrorView .ForgotPassword .text-container, .GuestVerificationErrorView .ExpiredTokenView .text-container {
    margin: 10px 0px;
    text-align: center; }
  .LoginView .ForgotPassword .returnToLogin, .LoginView .ExpiredTokenView .returnToLogin, .SignupView .ForgotPassword .returnToLogin, .SignupView .ExpiredTokenView .returnToLogin, .InviteErrorView .ForgotPassword .returnToLogin, .InviteErrorView .ExpiredTokenView .returnToLogin, .TrialExpiredViewer .ForgotPassword .returnToLogin, .TrialExpiredViewer .ExpiredTokenView .returnToLogin, .RoleChangeErrorView .ForgotPassword .returnToLogin, .RoleChangeErrorView .ExpiredTokenView .returnToLogin, .GuestVerificationErrorView .ForgotPassword .returnToLogin, .GuestVerificationErrorView .ExpiredTokenView .returnToLogin {
    display: block;
    text-decoration: underline; }
  .LoginView .ForgotPassword .subtext, .LoginView .ExpiredTokenView .subtext, .SignupView .ForgotPassword .subtext, .SignupView .ExpiredTokenView .subtext, .InviteErrorView .ForgotPassword .subtext, .InviteErrorView .ExpiredTokenView .subtext, .TrialExpiredViewer .ForgotPassword .subtext, .TrialExpiredViewer .ExpiredTokenView .subtext, .RoleChangeErrorView .ForgotPassword .subtext, .RoleChangeErrorView .ExpiredTokenView .subtext, .GuestVerificationErrorView .ForgotPassword .subtext, .GuestVerificationErrorView .ExpiredTokenView .subtext {
    display: inline; }
  .LoginView .ForgotPassword a, .LoginView .ForgotPassword a:hover, .LoginView .ExpiredTokenView a, .LoginView .ExpiredTokenView a:hover, .SignupView .ForgotPassword a, .SignupView .ForgotPassword a:hover, .SignupView .ExpiredTokenView a, .SignupView .ExpiredTokenView a:hover, .InviteErrorView .ForgotPassword a, .InviteErrorView .ForgotPassword a:hover, .InviteErrorView .ExpiredTokenView a, .InviteErrorView .ExpiredTokenView a:hover, .TrialExpiredViewer .ForgotPassword a, .TrialExpiredViewer .ForgotPassword a:hover, .TrialExpiredViewer .ExpiredTokenView a, .TrialExpiredViewer .ExpiredTokenView a:hover, .RoleChangeErrorView .ForgotPassword a, .RoleChangeErrorView .ForgotPassword a:hover, .RoleChangeErrorView .ExpiredTokenView a, .RoleChangeErrorView .ExpiredTokenView a:hover, .GuestVerificationErrorView .ForgotPassword a, .GuestVerificationErrorView .ForgotPassword a:hover, .GuestVerificationErrorView .ExpiredTokenView a, .GuestVerificationErrorView .ExpiredTokenView a:hover {
    color: white;
    text-decoration: underline; }
  .LoginView .plainText:hover, .SignupView .plainText:hover, .InviteErrorView .plainText:hover, .TrialExpiredViewer .plainText:hover, .RoleChangeErrorView .plainText:hover, .GuestVerificationErrorView .plainText:hover {
    text-decoration: none;
    cursor: default; }
  .LoginView .mail-check, .SignupView .mail-check, .InviteErrorView .mail-check, .TrialExpiredViewer .mail-check, .RoleChangeErrorView .mail-check, .GuestVerificationErrorView .mail-check {
    width: 70px;
    height: 70px;
    background: url(/s/img/gotmailcheck.png) 50% 50% no-repeat;
    background-size: 70px 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .LoginView .mail-check, .SignupView .mail-check, .InviteErrorView .mail-check, .TrialExpiredViewer .mail-check, .RoleChangeErrorView .mail-check, .GuestVerificationErrorView .mail-check {
        background-image: url(/s/img/gotmailcheck@2x.png); } }

.LoginView {
  margin-top: 50px; }
  .LoginView .mail-check {
    cursor: pointer; }

.ExpiredTokenView .underline {
  text-decoration: underline; }

.ResetPasswordView .login:disabled {
  background-color: white;
  cursor: default; }

.ResetPasswordView a, .ResetPasswordView a:hover {
  color: white;
  text-decoration: underline; }

#completeSignup, #trialExpired {
  width: 840px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px; }
  @media (max-width: 767px) {
    #completeSignup, #trialExpired {
      margin-top: 0;
      width: 410px; }
      #completeSignup .subheader, #completeSignup .text, #completeSignup hr, #trialExpired .subheader, #trialExpired .text, #trialExpired hr {
        display: none; }
      #completeSignup div.textContainer, #trialExpired div.textContainer {
        padding-right: 0; }
      #completeSignup .textContainer div.heading, #trialExpired .textContainer div.heading {
        text-align: center; }
      #completeSignup div.completeSignupForm, #trialExpired div.completeSignupForm {
        box-shadow: 0 5px 0 0 rgba(44, 131, 184, 0.38);
        margin: 0 auto; }
      #completeSignup .bottom, #trialExpired .bottom {
        float: none;
        margin: 0; } }
  #completeSignup .textContainer, #trialExpired .textContainer {
    width: 410px;
    display: inline-block;
    font-size: 18px;
    padding-right: 50px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
    color: white; }
    #completeSignup .textContainer a, #trialExpired .textContainer a {
      color: white;
      text-decoration: underline; }
    #completeSignup .textContainer hr, #trialExpired .textContainer hr {
      width: 30px;
      border-top: 1px solid #fff;
      opacity: 0.5;
      margin-bottom: 30px; }
    #completeSignup .textContainer div, #trialExpired .textContainer div {
      margin-bottom: 30px;
      text-align: right; }
    #completeSignup .textContainer .heading, #trialExpired .textContainer .heading {
      font-weight: 600;
      font-size: 24px;
      margin-top: 38px;
      color: #A1C6F0; }
    #completeSignup .textContainer .subheader, #trialExpired .textContainer .subheader {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 500; }
    #completeSignup .textContainer .text, #trialExpired .textContainer .text {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8); }
    #completeSignup .textContainer sup, #trialExpired .textContainer sup {
      top: -1.15em;
      font-size: 140%;
      padding-right: 6px; }
    #completeSignup .textContainer .price, #trialExpired .textContainer .price {
      font-family: 'Whitney Cond A', 'Whitney Cond B';
      font-size: 72px;
      font-weight: 600; }
    #completeSignup .textContainer #seatPriceInfo, #trialExpired .textContainer #seatPriceInfo {
      font-size: 14px;
      margin-top: -10px; }
    #completeSignup .textContainer .pricingUnits, #trialExpired .textContainer .pricingUnits {
      font-weight: 400;
      opacity: .7; }
  #completeSignup .completeSignupForm, #trialExpired .completeSignupForm {
    width: 410px;
    padding: 36px;
    display: inline-block;
    vertical-align: top;
    color: white;
    background-color: white; }
    #completeSignup .completeSignupForm #switcher, #completeSignup .completeSignupForm #switcherTrigger, #completeSignup .completeSignupForm #seats, #trialExpired .completeSignupForm #switcher, #trialExpired .completeSignupForm #switcherTrigger, #trialExpired .completeSignupForm #seats {
      font-size: 14px;
      padding-bottom: 20px; }
      #completeSignup .completeSignupForm #switcher .orgName, #completeSignup .completeSignupForm #switcher .seatName, #completeSignup .completeSignupForm #switcherTrigger .orgName, #completeSignup .completeSignupForm #switcherTrigger .seatName, #completeSignup .completeSignupForm #seats .orgName, #completeSignup .completeSignupForm #seats .seatName, #trialExpired .completeSignupForm #switcher .orgName, #trialExpired .completeSignupForm #switcher .seatName, #trialExpired .completeSignupForm #switcherTrigger .orgName, #trialExpired .completeSignupForm #switcherTrigger .seatName, #trialExpired .completeSignupForm #seats .orgName, #trialExpired .completeSignupForm #seats .seatName {
        color: #999;
        font-style: italic; }
      #completeSignup .completeSignupForm #switcher a, #completeSignup .completeSignupForm #switcherTrigger a, #completeSignup .completeSignupForm #seats a, #trialExpired .completeSignupForm #switcher a, #trialExpired .completeSignupForm #switcherTrigger a, #trialExpired .completeSignupForm #seats a {
        color: #448EE1;
        float: right; }
      #completeSignup .completeSignupForm #switcher .org, #completeSignup .completeSignupForm #switcher .seat, #completeSignup .completeSignupForm #switcherTrigger .org, #completeSignup .completeSignupForm #switcherTrigger .seat, #completeSignup .completeSignupForm #seats .org, #completeSignup .completeSignupForm #seats .seat, #trialExpired .completeSignupForm #switcher .org, #trialExpired .completeSignupForm #switcher .seat, #trialExpired .completeSignupForm #switcherTrigger .org, #trialExpired .completeSignupForm #switcherTrigger .seat, #trialExpired .completeSignupForm #seats .org, #trialExpired .completeSignupForm #seats .seat {
        padding: 8px 0 0 0; }
      #completeSignup .completeSignupForm #switcher > .seat a, #completeSignup .completeSignupForm #switcherTrigger > .seat a, #completeSignup .completeSignupForm #seats > .seat a, #trialExpired .completeSignupForm #switcher > .seat a, #trialExpired .completeSignupForm #switcherTrigger > .seat a, #trialExpired .completeSignupForm #seats > .seat a {
        color: #C94C4C; }
        #completeSignup .completeSignupForm #switcher > .seat a.blue, #completeSignup .completeSignupForm #switcherTrigger > .seat a.blue, #completeSignup .completeSignupForm #seats > .seat a.blue, #trialExpired .completeSignupForm #switcher > .seat a.blue, #trialExpired .completeSignupForm #switcherTrigger > .seat a.blue, #trialExpired .completeSignupForm #seats > .seat a.blue {
          color: #448EE1; }
    #completeSignup .completeSignupForm.features #switcherTrigger, #trialExpired .completeSignupForm.features #switcherTrigger {
      padding-bottom: 0; }
    #completeSignup .completeSignupForm.features .benefits, #trialExpired .completeSignupForm.features .benefits {
      color: #333;
      padding-bottom: 15px; }
      #completeSignup .completeSignupForm.features .benefits div, #trialExpired .completeSignupForm.features .benefits div {
        text-align: left;
        margin-bottom: 15px; }
      #completeSignup .completeSignupForm.features .benefits .subheader, #trialExpired .completeSignupForm.features .benefits .subheader {
        text-align: center;
        color: #555;
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 700; }
      #completeSignup .completeSignupForm.features .benefits .text, #trialExpired .completeSignupForm.features .benefits .text {
        color: #666;
        font-size: 14px; }
        #completeSignup .completeSignupForm.features .benefits .text.feature, #trialExpired .completeSignupForm.features .benefits .text.feature {
          padding: 5px 0 0 41px;
          margin-left: 25px;
          background: url(/s/img/feature-check.png) left top no-repeat;
          background-size: 27px 26px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
            #completeSignup .completeSignupForm.features .benefits .text.feature, #trialExpired .completeSignupForm.features .benefits .text.feature {
              background-image: url(/s/img/feature-check@2x.png); } }
    #completeSignup .completeSignupForm input, #trialExpired .completeSignupForm input {
      color: #666;
      border: 1px solid #E0E0E0;
      border-radius: 3px;
      padding: 10px;
      box-sizing: border-box;
      width: 100%;
      font-size: 14px; }
      #completeSignup .completeSignupForm input:disabled, #trialExpired .completeSignupForm input:disabled {
        background-color: #fff;
        color: #999;
        font-style: italic; }
      #completeSignup .completeSignupForm input:focus, #trialExpired .completeSignupForm input:focus {
        outline: none;
        border-left: 1px solid #1DAFEC; }
    #completeSignup .completeSignupForm #email, #trialExpired .completeSignupForm #email {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: 0px; }
    #completeSignup .completeSignupForm #password, #trialExpired .completeSignupForm #password {
      margin-bottom: 18px; }
    #completeSignup .completeSignupForm .pw, #trialExpired .completeSignupForm .pw {
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      height: 43px; }
    #completeSignup .completeSignupForm .fullName, #trialExpired .completeSignupForm .fullName {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: 0px; }
    #completeSignup .completeSignupForm .ccNum, #trialExpired .completeSignupForm .ccNum {
      border-top: none;
      border-radius: 0px;
      margin-bottom: 0px;
      background: #fff url("/s/img/cc.png") no-repeat 94% 50%; }
    #completeSignup .completeSignupForm .cardInfo, #trialExpired .completeSignupForm .cardInfo {
      padding: 23px;
      padding-bottom: 10px;
      background-color: #f2f2f2;
      border-radius: 2px; }
      #completeSignup .completeSignupForm .cardInfo select, #trialExpired .completeSignupForm .cardInfo select {
        border-bottom: 2px solid #E0E0E0;
        height: 42px;
        width: 98px;
        font-style: normal;
        background: #fff url("/s/img/cc_arrow_down.png") no-repeat 83% 50%;
        padding: 10px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        vertical-align: top;
        font-size: 14px;
        text-indent: 0.01px;
        text-overflow: ''; }
        #completeSignup .completeSignupForm .cardInfo select:focus, #trialExpired .completeSignupForm .cardInfo select:focus {
          border-bottom: 1px solid #1DAFEC; }
      #completeSignup .completeSignupForm .cardInfo .month, #trialExpired .completeSignupForm .cardInfo .month {
        border-right: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        border-bottom-left-radius: 3px; }
      #completeSignup .completeSignupForm .cardInfo .year, #trialExpired .completeSignupForm .cardInfo .year {
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0; }
      #completeSignup .completeSignupForm .cardInfo .cvc, #trialExpired .completeSignupForm .cardInfo .cvc {
        width: 96px;
        border-top: none;
        border-bottom: 1px solid #E0E0E0;
        border-radius: 0px;
        border-bottom-right-radius: 3px;
        border-left: none;
        margin-bottom: 0px;
        height: 42px; }
      #completeSignup .completeSignupForm .cardInfo .secureText, #trialExpired .completeSignupForm .cardInfo .secureText {
        text-align: center;
        color: #AFBAC2;
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 0; }
        #completeSignup .completeSignupForm .cardInfo .secureText img, #trialExpired .completeSignupForm .cardInfo .secureText img {
          margin-right: 6px; }
    #completeSignup .completeSignupForm .subscribe, #trialExpired .completeSignupForm .subscribe {
      background-color: #556677;
      color: white;
      width: 100%;
      border: none;
      border-bottom: 4px solid #334455;
      border-radius: 2px;
      padding: 18px;
      margin-top: 18px;
      font-size: 19px;
      font-weight: 600;
      outline: none;
      -webkit-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;
      position: relative; }
      #completeSignup .completeSignupForm .subscribe .nudge, #trialExpired .completeSignupForm .subscribe .nudge {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.7);
        font-weight: 400; }
      #completeSignup .completeSignupForm .subscribe:active, #trialExpired .completeSignupForm .subscribe:active {
        border-bottom: 4px solid transparent;
        background: #2C3B46;
        box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.8);
        outline: none;
        cursor: default; }
      #completeSignup .completeSignupForm .subscribe .spinnerHost, #trialExpired .completeSignupForm .subscribe .spinnerHost {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: none;
        text-align: center; }
      #completeSignup .completeSignupForm .subscribe span, #trialExpired .completeSignupForm .subscribe span {
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out; }
      #completeSignup .completeSignupForm .subscribe:disabled, #trialExpired .completeSignupForm .subscribe:disabled {
        background: #2C3B46;
        box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.8);
        cursor: default; }
        #completeSignup .completeSignupForm .subscribe:disabled span, #trialExpired .completeSignupForm .subscribe:disabled span {
          opacity: 0; }
        #completeSignup .completeSignupForm .subscribe:disabled .spinnerHost, #trialExpired .completeSignupForm .subscribe:disabled .spinnerHost {
          display: block; }
          #completeSignup .completeSignupForm .subscribe:disabled .spinnerHost .spinnerWrapper, #trialExpired .completeSignupForm .subscribe:disabled .spinnerHost .spinnerWrapper {
            opacity: 1;
            top: 15px; }
    #completeSignup .completeSignupForm #changePaymentInfo, #completeSignup .completeSignupForm #keepPaymentInfo, #trialExpired .completeSignupForm #changePaymentInfo, #trialExpired .completeSignupForm #keepPaymentInfo {
      font-size: 12px;
      text-align: center;
      margin: 23px 0 -5px 0; }
  #completeSignup .error, #trialExpired .error {
    line-height: 1.5em;
    text-align: center;
    background-color: #3670B2;
    width: 410px;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    padding: 10px;
    margin-top: 16px;
    color: white;
    position: absolute;
    pointer-events: none;
    margin-bottom: 40px; }

.bottom {
  float: right;
  width: 425px;
  position: relative; }

.cancel, .agreement, .dontCancel {
  width: 410px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  margin-top: 16px; }
  .cancel > p, .agreement > p, .dontCancel > p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px; }
  .cancel a, .agreement a, .dontCancel a {
    color: #fff;
    text-decoration: underline; }

#cancel {
  width: 840px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px; }
  #cancel .subheader {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500; }
  #cancel .heading {
    color: white;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px; }
  #cancel .textContainer {
    width: 415px;
    display: inline-block;
    float: right;
    font-size: 18px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
    color: white;
    margin-top: 100px; }
    #cancel .textContainer .secondaryText {
      display: none; }
    #cancel .textContainer.showSecondaryText .secondaryText {
      display: block; }
    #cancel .textContainer.showSecondaryText .initialText {
      display: none; }
    #cancel .textContainer a {
      color: white;
      text-decoration: underline; }
    #cancel .textContainer div {
      margin-bottom: 30px; }
    #cancel .textContainer .text {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8); }
  #cancel .cancelButton {
    background-color: white;
    color: #f76e6c;
    width: 100%;
    padding: 18px;
    margin-top: 18px;
    font-size: 19px;
    font-weight: 600;
    outline: none;
    position: relative; }
    #cancel .cancelButton .nudge {
      display: block;
      font-size: 12px;
      color: #555;
      font-weight: 400; }
    #cancel .cancelButton:active {
      box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
      outline: none;
      cursor: default; }
    #cancel .cancelButton .spinnerHost {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: none;
      text-align: center; }
    #cancel .cancelButton span {
      -webkit-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out; }
    #cancel .cancelButton.needsReason {
      opacity: .3; }
    #cancel .cancelButton:disabled, #cancel .cancelButton.showSpinner {
      cursor: default; }
    #cancel .cancelButton.showSpinner span {
      opacity: 0; }
    #cancel .cancelButton.showSpinner .spinnerHost {
      display: block; }
      #cancel .cancelButton.showSpinner .spinnerHost .spinnerWrapper {
        opacity: 1;
        top: 15px; }
  #cancel .leftPanel {
    width: 400px; }
    #cancel .leftPanel #reasonForm {
      width: 100%;
      background-color: white;
      display: inline-block;
      vertical-align: top;
      font-size: 0;
      font-size: 14px;
      min-height: 200px; }
      #cancel .leftPanel #reasonForm.submitted .reason, #cancel .leftPanel #reasonForm.submitted hr, #cancel .leftPanel #reasonForm.submitted #notes {
        display: none; }
      #cancel .leftPanel #reasonForm.submitted .subheader {
        display: block; }
      #cancel .leftPanel #reasonForm .subheader {
        display: none;
        padding-top: 20px; }
      #cancel .leftPanel #reasonForm hr {
        margin: 0;
        border-bottom: 1px solid black;
        opacity: .1; }
      #cancel .leftPanel #reasonForm a {
        color: #448EE1;
        float: right; }
      #cancel .leftPanel #reasonForm .reasonContainer {
        padding: 20px 36px 20px 36px; }
      #cancel .leftPanel #reasonForm .reason label {
        font-weight: 500;
        margin-top: 15px;
        margin-left: 3px; }
      #cancel .leftPanel #reasonForm .disabled, #cancel .leftPanel #reasonForm .disabled .spinnerHost {
        color: lightgray;
        cursor: default; }
      #cancel .leftPanel #reasonForm input {
        color: #666;
        border: 1px solid #E0E0E0;
        border-radius: 3px;
        padding: 36px;
        font-size: 14px; }
        #cancel .leftPanel #reasonForm input:disabled {
          background-color: #fff;
          color: #999;
          font-style: italic; }
        #cancel .leftPanel #reasonForm input:focus {
          outline: none;
          border-left: 1px solid #1DAFEC; }
      #cancel .leftPanel #reasonForm textarea {
        width: 100%;
        height: 100px;
        border: none;
        resize: none;
        font-size: 12px;
        outline: none;
        padding: 20px;
        box-sizing: border-box; }
  #cancel .error {
    line-height: 1.5em;
    text-align: center;
    background-color: #C94C4C;
    width: 410px;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    padding: 10px;
    margin-top: 16px;
    color: white;
    position: absolute;
    pointer-events: none;
    margin-bottom: 40px; }
  #cancel #gotIt {
    display: none; }

body[page="/completesignup"] .navbar p, body[page="/trialexpired"] .navbar p, body[page="/cancel"] .navbar p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 15px; }
  body[page="/completesignup"] .navbar p a, body[page="/trialexpired"] .navbar p a, body[page="/cancel"] .navbar p a {
    color: white;
    text-decoration: underline; }

@media (max-width: 767px) {
  body[page="/completesignup"] .navbar p, body[page="/trialexpired"] .navbar p, body[page="/cancel"] .navbar p {
    font-size: 14px;
    color: #A1C6F0;
    margin-top: 25px;
    margin-right: 20px; }
    body[page="/completesignup"] .navbar p a, body[page="/trialexpired"] .navbar p a, body[page="/cancel"] .navbar p a {
      color: #448EE1;
      text-decoration: underline; } }

@keyframes fadelogin {
  from {
    opacity: 0;
    -webkit-transform: translateY(-60px) rotateX(70deg);
            transform: translateY(-60px) rotateX(70deg); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadelogin {
  from {
    opacity: 0;
    -webkit-transform: translateY(-60px) rotateX(70deg); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@media (max-height: 540px) {
  .main .footer {
    position: relative;
    margin-top: 0; } }

@media (max-height: 725px) {
  .main.signup .footer {
    position: relative;
    margin-top: 0; } }

.footer {
  font-size: 14px;
  color: #87D4F5;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Arial, sans-serif;
  background: #448EE1;
  padding: 30px 0px; }
  .footer .try-fullstory {
    background: #448EE1;
    padding: 0px 40px 40px 40px;
    background-image: url("/s/img/website/audiences_bg_dark.png");
    background-repeat: repeat-x;
    background-position: -30px -44px; }
    .footer .try-fullstory .headline {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 20px;
      line-height: 96px;
      color: #fff; }
    .footer .try-fullstory .signupForm {
      margin-top: 0px;
      margin-bottom: 0px; }
    .footer .try-fullstory .signup-nudge {
      color: #fff;
      opacity: 0.5;
      margin-top: 25px; }
      .footer .try-fullstory .signup-nudge a {
        color: #fff;
        text-decoration: underline; }
  .footer .areaTitle {
    color: #fff;
    opacity: 0.5;
    text-transform: lowercase;
    font-size: 16px;
    font-family: "Whitney SSm SC A","Whitney SSm SC B",Helvetica,Arial,sans-serif; }
    .footer .areaTitle a {
      color: #fff; }
  .footer a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  .footer a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8; }

.footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.footer ul li {
  padding: 0 1em;
  font-size: 14px; }

.footer ul li:last-child {
  border-right: none; }

/*Helps avoid footer placement issues on other pages*/
.footer {
  position: relative; }

@keyframes hellobrowser {
  from {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes hellobrowser {
  from {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media only screen and (min-width: 992px) {
  @keyframes movecursor {
    10% {
      -webkit-transform: translate(150px, 0);
      transform: translate(150px, 0); }
    20% {
      -webkit-transform: translate(150px, 0);
      transform: translate(150px, 0); }
    30% {
      -webkit-transform: translate(100px, 246px);
      transform: translate(100px, 246px); }
    40% {
      -webkit-transform: translate(100px, 246px);
      transform: translate(100px, 246px); }
    50% {
      -webkit-transform: translate(140px, 324px);
      transform: translate(140px, 324px); }
    60% {
      -webkit-transform: translate(140px, 324px);
      transform: translate(140px, 324px); }
    70% {
      -webkit-transform: translate(860px, -7px);
      transform: translate(860px, -7px); }
    80% {
      -webkit-transform: translate(860px, -7px);
      transform: translate(860px, -7px); }
    90% {
      -webkit-transform: translate(500px, 124px);
      transform: translate(500px, 124px); }
    95% {
      -webkit-transform: translate(500px, 124px);
      transform: translate(500px, 124px); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @-webkit-keyframes movecursor {
    0% {
      -webkit-transform: translate(0, 0); }
    10% {
      -webkit-transform: translate(150px, 0); }
    20% {
      -webkit-transform: translate(150px, 0); }
    30% {
      -webkit-transform: translate(100px, 246px); }
    40% {
      -webkit-transform: translate(100px, 246px); }
    50% {
      -webkit-transform: translate(140px, 324px); }
    60% {
      -webkit-transform: translate(140px, 324px); }
    70% {
      -webkit-transform: translate(860px, -7px); }
    80% {
      -webkit-transform: translate(860px, -7px); }
    90% {
      -webkit-transform: translate(500px, 124px); }
    95% {
      -webkit-transform: translate(500px, 124px); }
    100% {
      -webkit-transform: translate(0, 0); } } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  @keyframes movecursor {
    10% {
      -webkit-transform: translate(150px, 0);
      transform: translate(150px, 0); }
    20% {
      -webkit-transform: translate(150px, 0);
      transform: translate(150px, 0); }
    30% {
      -webkit-transform: translate(100px, 246px);
      transform: translate(100px, 246px); }
    40% {
      -webkit-transform: translate(100px, 246px);
      transform: translate(100px, 246px); }
    50% {
      -webkit-transform: translate(54px, 360px);
      transform: translate(54px, 360px); }
    60% {
      -webkit-transform: translate(54px, 360px);
      transform: translate(54px, 360px); }
    70% {
      -webkit-transform: translate(585px, -5px);
      transform: translate(585px, -5px); }
    80% {
      -webkit-transform: translate(585px, -5px);
      transform: translate(585px, -5px); }
    90% {
      -webkit-transform: translate(250px, 150px);
      transform: translate(250px, 150px); }
    95% {
      -webkit-transform: translate(250px, 150px);
      transform: translate(250px, 150px); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @-webkit-keyframes movecursor {
    0% {
      -webkit-transform: translate(0, 0); }
    10% {
      -webkit-transform: translate(150px, 0); }
    20% {
      -webkit-transform: translate(150px, 0); }
    30% {
      -webkit-transform: translate(100px, 246px); }
    40% {
      -webkit-transform: translate(100px, 246px); }
    50% {
      -webkit-transform: translate(54px, 360px); }
    60% {
      -webkit-transform: translate(54px, 360px); }
    70% {
      -webkit-transform: translate(585px, -5px); }
    80% {
      -webkit-transform: translate(585px, -5px); }
    90% {
      -webkit-transform: translate(250px, 150px); }
    95% {
      -webkit-transform: translate(250px, 150px); }
    100% {
      -webkit-transform: translate(0, 0); } } }

@media only screen and (max-width: 480px) {
  @-webkit-keyframes movecursor {
    0% {
      -webkit-transform: translate(100, 0);
      transform: translate(100, 0); }
    33% {
      -webkit-transform: translate(80px, 0);
      transform: translate(80px, 0); }
    66% {
      -webkit-transform: translate(100px, 50px);
      transform: translate(100px, 50px); }
    95% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate(60px, 300px);
      transform: translate(60px, 300px); } }
  @keyframes movecursor {
    0% {
      -webkit-transform: translate(100, 0);
      transform: translate(100, 0); }
    33% {
      -webkit-transform: translate(80px, 0);
      transform: translate(80px, 0); }
    66% {
      -webkit-transform: translate(100px, 50px);
      transform: translate(100px, 50px); }
    95% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate(60px, 300px);
      transform: translate(60px, 300px); } } }

@keyframes bombast {
  60% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  62% {
    opacity: 0.7;
    -webkit-transform: scale(80);
    transform: scale(80); }
  67% {
    opacity: 0;
    -webkit-transform: scale(80);
    transform: scale(80); }
  70% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  82% {
    opacity: 0.7;
    -webkit-transform: scale(80);
    transform: scale(80); }
  87% {
    opacity: 0;
    -webkit-transform: scale(80);
    transform: scale(80); }
  90% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes bombast {
  0% {
    outline: 1px solid transparent;
    -webkit-box-shadow: 0 0 1px #448ee1;
    opacity: 0;
    -webkit-transform: scale(0); }
  60% {
    opacity: 0;
    -webkit-transform: scale(0); }
  62% {
    opacity: 0.7;
    -webkit-transform: scale(50); }
  67% {
    opacity: 0;
    -webkit-transform: scale(50); }
  70% {
    opacity: 0;
    -webkit-transform: scale(0); }
  80% {
    opacity: 0;
    -webkit-transform: scale(0); }
  82% {
    opacity: 0.7;
    -webkit-transform: scale(50); }
  87% {
    opacity: 0;
    -webkit-transform: scale(50); }
  90% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    outline: 1px solid transparent;
    -webkit-box-shadow: 0 0 1px #448ee1;
    opacity: 0;
    -webkit-transform: scale(0); } }

@keyframes playFade {
  0% {
    opacity: .7;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); } }

@-webkit-keyframes playFade {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); } }

.user-row {
  height: 0;
  opacity: 0;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  overflow: hidden; }
  .user-row:after {
    content: '';
    display: table;
    clear: both; }
  .user-row.is-active {
    display: block;
    opacity: 1;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 78px;
    position: relative; }
  .user-row .user-avatar {
    float: left;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 20px 0 40px;
    background: transparent no-repeat; }
    @media (max-width: 480px) {
      .user-row .user-avatar {
        margin: 0 20px 0 10px; } }
    .user-row .user-avatar.red_13 {
      background-image: url(/s/img/avatars/13@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.green_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: 0 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.blue_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: -40px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.red_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.gray_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: -120px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.orange_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: 0 -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.purple_00 {
      background-image: url(/s/img/avatars/00@2x.png);
      background-position: -80px -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.green_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: 0 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.blue_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: -40px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.red_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.gray_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: -120px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.orange_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: 0 -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.purple_01 {
      background-image: url(/s/img/avatars/01@2x.png);
      background-position: -80px -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.green_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: 0 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.blue_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: -40px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.red_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.gray_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: -120px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.orange_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: 0 -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.purple_02 {
      background-image: url(/s/img/avatars/02@2x.png);
      background-position: -80px -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.green_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: 0 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.blue_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: -40px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.red_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.gray_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: -120px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.orange_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: 0 -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.purple_07 {
      background-image: url(/s/img/avatars/07@2x.png);
      background-position: -80px -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.green_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: 0 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.blue_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: -40px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.red_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: -80px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.gray_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: -120px 0;
      background-size: 160px 120px; }
    .user-row .user-avatar.orange_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: 0 -40px;
      background-size: 160px 120px; }
    .user-row .user-avatar.purple_16 {
      background-image: url(/s/img/avatars/16@2x.png);
      background-position: -80px -40px;
      background-size: 160px 120px; }
  .user-row .user-info {
    border-bottom: 1px solid #E4E8EB;
    padding-bottom: 16px;
    float: left;
    display: inline-block;
    width: 700px; }
    @media (max-width: 480px) {
      .user-row .user-info {
        padding-bottom: 9px; } }
    .user-row .user-info .user-id {
      height: 20px;
      line-height: 20px;
      margin-bottom: 4px;
      font-size: 13px;
      color: #448ee1; }
      @media (max-width: 480px) {
        .user-row .user-info .user-id {
          margin-bottom: 0px; } }
    .user-row .user-info .user-meta {
      height: 20px;
      width: 68%;
      border-radius: 3px;
      font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #96A2AC; }
      @media (max-width: 480px) {
        .user-row .user-info .user-meta {
          width: 100%; } }
    @media (max-width: 991px) {
      .user-row .user-info {
        width: 260px; } }
    @media (max-width: 480px) {
      .user-row .user-info {
        width: 220px; } }
  .user-row .user-actions {
    display: inline-block;
    width: 105px;
    position: absolute;
    top: 5px;
    left: 430px; }
    @media (max-width: 992px) {
      .user-row .user-actions {
        left: 560px; } }
  @media (max-width: 991px) {
    .user-row.is-active {
      padding-top: 2px;
      padding-bottom: 2px;
      height: 59px; } }

.bg-white {
  background-color: #fff; }

.sub-head {
  font-weight: 400;
  line-height: 1.45em;
  font-size: 22px;
  letter-spacing: -0.06em;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  -webkit-animation: fadesubhead 0.6s;
  animation: fadesubhead 0.6s; }
  @media (max-width: 1004px) {
    .sub-head {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .sub-head {
      font-size: 15px; } }

.product-managers {
  background: #448ee1;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden; }
  .product-managers #logo {
    background-image: url(/s/img/website/home-logo-white@2x.png) !important; }
  .product-managers .bg-glacier {
    background: url(/s/img/perfect/bg_product_page_top@2x.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 1070px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-delay: .5s;
            transition-delay: .5s; }
  .product-managers.is-visible .bg-glacier {
    opacity: 1; }
  .product-managers main {
    overflow: hidden;
    margin-bottom: 40px; }
    .product-managers main .main-content {
      position: relative;
      margin-top: 60px; }
      @media (max-width: 992px) {
        .product-managers main .main-content {
          margin-top: 40px; } }
      @media (max-width: 768px) {
        .product-managers main .main-content {
          margin-top: 20px; } }
      .product-managers main .main-content h1 {
        font-weight: 600; }
      .product-managers main .main-content p {
        color: #fff; }
  .product-managers .fake-product {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px; }
    .product-managers .fake-product .fb-head {
      border-width: 1px;
      border-radius: 10px 10px 0 0; }
    .product-managers .fake-product .fb-content {
      border-top: 1px solid #E4E8EB;
      border-radius: 0 0 10px 10px;
      overflow: hidden; }
  .product-managers .fake-logo {
    background: transparent url(/s/img/perfect/fake_logo_website_edit@2x.png) no-repeat;
    background-size: 150px 24px;
    height: 38px; }
    @media (max-width: 480px) {
      .product-managers .fake-logo {
        background-size: 120px 19px;
        background-position: 0px 4px; } }
  .product-managers .fake-site {
    position: relative; }
    .product-managers .fake-site .fake_play_overlay {
      background-color: #000;
      border-radius: 0 0 10px 10px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 5;
      opacity: .7;
      -webkit-animation: playFade 1s 1 1s forwards;
      animation: playFade 1s 1 1s forwards; }
    .product-managers .fake-site .play_button {
      border-width: 3px;
      margin: 212px auto; }
      .product-managers .fake-site .play_button .play {
        left: 24px;
        top: 21px; }
      .product-managers .fake-site .play_button .play, .product-managers .fake-site .play_button .play:after, .product-managers .fake-site .play_button .play:before {
        background-color: #fff; }
      .product-managers .fake-site .play_button:hover {
        background-color: transparent;
        border-color: #fff; }
    .product-managers .fake-site .cursor_bomb {
      width: 36px;
      height: 32px;
      position: absolute;
      top: 42px;
      left: 30px;
      z-index: 4;
      -webkit-animation: movecursor 10s infinite 1.5s;
      animation: movecursor 10s infinite 1.5s; }
      @media (max-width: 480px) {
        .product-managers .fake-site .cursor_bomb {
          -webkit-animation: movecursor 3s 1.5s;
          animation: movecursor 3s 1.5s;
          -webkit-animation-fill-mode: forwards; } }
      .product-managers .fake-site .cursor_bomb .cursor {
        background: url(/s/img/perfect/bg_cursor@1x.png) center center no-repeat;
        background-size: 32px 36px;
        height: 38px;
        width: 36px;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 3;
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .product-managers .fake-site .cursor_bomb .cursor {
            background-image: url(/s/img/perfect/bg_cursor@2x.png); } }
      .product-managers .fake-site .cursor_bomb .bomb {
        z-index: 2;
        background-color: #448ee1;
        height: 2px;
        width: 2px;
        border-radius: 100%;
        position: absolute;
        top: 10px;
        left: 6px;
        opacity: 0;
        -webkit-animation: bombast 10s infinite 1s;
        animation: bombast 10s infinite 1s; }
        @media (max-width: 480px) {
          .product-managers .fake-site .cursor_bomb .bomb {
            -webkit-animation: none;
                    animation: none;
            display: none; } }
  .product-managers .cta, .product-managers .link {
    background-color: #f65c8c;
    border-radius: 48px;
    height: 24px;
    max-width: auto; }
  .product-managers .link {
    background-color: #DEE2E6; }
  @media (max-width: 767px) {
    .product-managers .hide-sm {
      display: none; } }
  @media (max-width: 1199px) {
    .product-managers .hide-lg {
      display: none; } }
  .product-managers .fake-list-item {
    background-color: #E4E8EB;
    height: 12px;
    margin-bottom: 6px;
    margin-left: 10px; }
    .product-managers .fake-list-item.sm {
      width: 40px; }
    .product-managers .fake-list-item.md {
      width: 80px; }
    .product-managers .fake-list-item.lg {
      width: 120px; }
  .product-managers .fake-header {
    height: 24px;
    background-color: #E4E8EB;
    margin-top: 40px;
    margin-bottom: 20px; }
  .product-managers .fake-register {
    border-left: 1px solid #E4E8EB;
    color: #fff; }
    .product-managers .fake-register .fake-register-items .row.line-item {
      margin-bottom: 10px; }
      .product-managers .fake-register .fake-register-items .row.line-item div {
        height: 22px;
        background-color: #E4E8EB; }
    .product-managers .fake-register .fake-register-items .fake-cta {
      background-color: #f65c8c;
      border-radius: 48px;
      height: 48px;
      margin-top: 10px;
      margin-bottom: 40px; }
  .product-managers .navbar-default {
    background: transparent;
    z-index: 1; }
  .product-managers .section-content .section-feature {
    height: 75%; }
  .product-managers .section-content .section-tag {
    height: 25%; }
    .product-managers .section-content .section-tag p {
      color: #fff; }
    .product-managers .section-content .section-tag h1, .product-managers .section-content .section-tag h2 {
      opacity: 1;
      font-size: 44px; }
    @media (max-width: 1004px) {
      .product-managers .section-content .section-tag h2 {
        font-size: 33px;
        font-weight: 600; } }
    @media (max-width: 767px) {
      .product-managers .section-content .section-tag h2 {
        font-size: 22px;
        font-weight: 600; } }
  .product-managers .section-2 {
    margin-top: 100px;
    overflow: hidden; }
    @media (max-width: 992px) {
      .product-managers .section-2 {
        margin-top: 70px; } }
    @media (max-width: 992px) {
      .product-managers .section-2 {
        margin-top: 40px; } }
    .product-managers .section-2 .section-feature {
      position: relative; }
      .product-managers .section-2 .section-feature .section-tag {
        margin-top: 182px; }
        @media (max-width: 1200px) {
          .product-managers .section-2 .section-feature .section-tag {
            margin-top: 60px; } }
        @media (max-width: 1004px) {
          .product-managers .section-2 .section-feature .section-tag {
            margin-top: 120px; } }
        @media (max-width: 992px) {
          .product-managers .section-2 .section-feature .section-tag {
            margin-top: 120px; } }
        @media (max-width: 991px) {
          .product-managers .section-2 .section-feature .section-tag {
            margin-top: 0px; } }
      .product-managers .section-2 .section-feature .fake-browser {
        margin-top: 120px;
        margin-bottom: 40px;
        margin-right: -80%;
        overflow: hidden; }
        @media (max-width: 1199px) {
          .product-managers .section-2 .section-feature .fake-browser {
            margin-top: 140px; } }
        @media (max-width: 991px) {
          .product-managers .section-2 .section-feature .fake-browser {
            margin-top: 0; } }
        .product-managers .section-2 .section-feature .fake-browser .fb-head {
          border-radius: 10px 0 0 0;
          padding-left: 18px; }
          @media (max-width: 991px) {
            .product-managers .section-2 .section-feature .fake-browser .fb-head {
              border-radius: 10px 10px 0 0; } }
        .product-managers .section-2 .section-feature .fake-browser .fb-content {
          border-radius: 0 0 0 10px;
          padding: 15px 0 40px;
          height: 580px; }
          @media (max-width: 991px) {
            .product-managers .section-2 .section-feature .fake-browser .fb-content {
              height: 440px;
              overflow: hidden;
              padding: 0px 0 40px;
              border-radius: 0 0 10px 10px; } }
        @media (max-width: 991px) {
          .product-managers .section-2 .section-feature .fake-browser {
            width: 100%;
            margin-right: 0; } }
  .product-managers .section-3 {
    margin-top: 60px; }
    @media (max-width: 992px) {
      .product-managers .section-3 {
        margin-top: 20px; } }
    .product-managers .section-3 .real-user {
      background-color: #fff;
      margin-bottom: 24px;
      position: relative;
      padding-left: 124px;
      height: 96px;
      border-radius: 3px;
      overflow: hidden; }
      .product-managers .section-3 .real-user:after {
        content: '';
        display: table;
        clear: both; }
      .product-managers .section-3 .real-user:first-child {
        height: 0;
        overflow: hidden;
        opacity: 0;
        margin-bottom: 0;
        -webkit-transition: all 500ms;
        transition: all 500ms;
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s; }
        .product-managers .section-3 .real-user:first-child.is-visible {
          height: 96px;
          opacity: 1;
          margin-bottom: 24px; }
    .product-managers .section-3.is-visible .real-user:first-child {
      height: 96px;
      opacity: 1;
      margin-bottom: 24px; }
    .product-managers .section-3 .play_button {
      top: 18px;
      left: 310px; }
      @media (max-width: 991px) {
        .product-managers .section-3 .play_button {
          left: 240px; } }
      @media (max-width: 767px) {
        .product-managers .section-3 .play_button {
          left: 0px; } }
    .product-managers .section-3 .ru-avatar {
      border-radius: 70px;
      height: 60px;
      width: 60px;
      position: absolute;
      left: 24px;
      top: 18px;
      overflow: hidden; }
      .product-managers .section-3 .ru-avatar img {
        width: 60px;
        height: 60px; }
    .product-managers .section-3 .ru-buttonz {
      position: absolute;
      top: 25px; }
      .product-managers .section-3 .ru-buttonz .user, .product-managers .section-3 .ru-buttonz .session {
        color: #448ee1;
        font-size: 16px; }
        @media (max-width: 767px) {
          .product-managers .section-3 .ru-buttonz .user, .product-managers .section-3 .ru-buttonz .session {
            font-size: 13px; } }
      .product-managers .section-3 .ru-buttonz .user-meta, .product-managers .section-3 .ru-buttonz .browser {
        text-transform: lowercase;
        font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
        color: #3A4B59;
        font-size: 13px; }
        @media (max-width: 767px) {
          .product-managers .section-3 .ru-buttonz .user-meta, .product-managers .section-3 .ru-buttonz .browser {
            font-size: 12px; } }
      .product-managers .section-3 .ru-buttonz .active {
        color: #65ab83; }
      .product-managers .section-3 .ru-buttonz.left {
        left: 120px; }
        @media (max-width: 767px) {
          .product-managers .section-3 .ru-buttonz.left {
            left: 203px; } }
      .product-managers .section-3 .ru-buttonz.middle {
        left: 510px; }
        @media (max-width: 992px) {
          .product-managers .section-3 .ru-buttonz.middle {
            left: 440px; } }
      .product-managers .section-3 .ru-buttonz.right {
        right: 24px;
        text-align: right;
        color: #49585F; }
        .product-managers .section-3 .ru-buttonz.right .ru-button {
          float: right; }
        @media (max-width: 991px) {
          .product-managers .section-3 .ru-buttonz.right {
            display: none; } }
      .product-managers .section-3 .ru-buttonz .ru-button {
        border-radius: 24px;
        height: 24px;
        float: left;
        clear: both; }
        .product-managers .section-3 .ru-buttonz .ru-button.dark {
          background-color: #ccc; }
        .product-managers .section-3 .ru-buttonz .ru-button.light {
          background-color: #E4E8EB; }
        .product-managers .section-3 .ru-buttonz .ru-button.lighter {
          background-color: #f5f6f7; }
        .product-managers .section-3 .ru-buttonz .ru-button.lg {
          width: 260px; }
          @media (max-width: 991px) {
            .product-managers .section-3 .ru-buttonz .ru-button.lg {
              width: 190px; } }
        .product-managers .section-3 .ru-buttonz .ru-button.md {
          width: 190px; }
          @media (max-width: 767px) {
            .product-managers .section-3 .ru-buttonz .ru-button.md {
              width: 140px; } }
        .product-managers .section-3 .ru-buttonz .ru-button.sm {
          width: 140px; }
          @media (max-width: 767px) {
            .product-managers .section-3 .ru-buttonz .ru-button.sm {
              width: 80px; } }
  .product-managers .section-4 {
    margin-top: 40px;
    position: relative;
    background: center center no-repeat;
    background-image: -webkit-linear-gradient(75deg, #fff 50%, #448ee1 50%);
    background-image: linear-gradient(15deg, #fff 50%, #448ee1 50%);
    position: relative;
    padding: 40px 0 60px; }
    @media (max-width: 991px) {
      .product-managers .section-4 {
        background: #448ee1; } }
    @media (max-width: 992px) {
      .product-managers .section-4 .twitter-box {
        text-align: center;
        margin: 0 auto; } }
    .product-managers .section-4 .carousel-inner {
      height: 350px; }
    .product-managers .section-4 .carousel-indicators {
      bottom: -40px; }
    .product-managers .section-4 .customer-quote {
      margin-top: 72px;
      color: #fff;
      border: none;
      font-size: 30px;
      text-align: center;
      font-style: italic;
      font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, serif;
      font-weight: 200;
      vertical-align: middle; }
      @media (max-width: 991px) {
        .product-managers .section-4 .customer-quote {
          width: 80%;
          margin: 40px auto 0; } }
    .product-managers .section-4 .sub-quote {
      text-align: center;
      color: #fff; }
      @media (max-width: 991px) {
        .product-managers .section-4 .sub-quote {
          width: 80%;
          margin: 0 auto; } }
  .product-managers .section-5 {
    padding-top: 20px;
    padding-bottom: 80px; }
    .product-managers .section-5 h2 {
      color: #000;
      margin-top: 0;
      font-size: 44px; }
      @media (max-width: 1004px) {
        .product-managers .section-5 h2 {
          font-size: 33px;
          font-weight: 600; } }
      @media (max-width: 767px) {
        .product-managers .section-5 h2 {
          font-size: 22px;
          font-weight: 600; } }
    .product-managers .section-5 .sub-head {
      color: #999; }
    .product-managers .section-5 .integration-logos {
      margin-top: 30px; }
  .product-managers h1 {
    font-weight: 200;
    text-align: center; }
  .product-managers h2 {
    text-align: center; }

.fake-button {
  background-color: #E4E8EB;
  height: 20px;
  border-radius: 100px;
  margin-bottom: 4px; }
  .fake-button.fake-button-sm {
    width: 75%;
    background-color: #f5f6f7; }
    @media (max-width: 992px) {
      .fake-button.fake-button-sm {
        float: right; } }
  .fake-button.fake-button-lg {
    width: 100%; }

.fake-browser {
  -webkit-animation: hellobrowser 0.6s;
  animation: hellobrowser 0.6s; }
  .fake-browser .fb-head {
    border-radius: 4px 4px 0 0;
    height: 48px;
    padding-left: 18px; }
    .fake-browser .fb-head .dot {
      background-color: white;
      border-radius: 8px;
      height: 12px;
      width: 12px;
      top: 15px;
      margin-right: 3px;
      position: relative;
      display: inline-block; }
    .fake-browser .fb-head .dot:nth-child(1) {
      background-color: #e96866; }
    .fake-browser .fb-head .dot:nth-child(2) {
      background-color: #f6be00; }
    .fake-browser .fb-head .dot:nth-child(3) {
      background-color: #9CDDD2; }
  .fake-browser .fb-content {
    height: 480px; }
    .fake-browser .fb-content .top-zone {
      background-color: #fff;
      height: 240px;
      padding: 20px; }
      @media (max-width: 480px) {
        .fake-browser .fb-content .top-zone {
          height: 220px;
          padding: 15px 5px 5px 5px; } }
      .fake-browser .fb-content .top-zone .col-sm-4 {
        background-color: #F3F4F5;
        max-width: auto;
        height: 160px;
        border: 10px solid #fff; }
        @media (max-width: 480px) {
          .fake-browser .fb-content .top-zone .col-sm-4 {
            margin-top: 30px; } }
    @media (max-width: 767px) {
      .fake-browser .fb-content .col-sm-4 {
        margin-top: 40px; } }
    .fake-browser .fb-content .bottom-zone {
      padding: 20px 15px 15px 15px; }
      @media (max-width: 767px) {
        .fake-browser .fb-content .bottom-zone .col-sm-4 {
          margin-top: 10px; } }
      .fake-browser .fb-content .bottom-zone .bar {
        border-radius: 4px;
        background-color: #fff;
        height: 20px;
        margin-bottom: 14px; }
      .fake-browser .fb-content .bottom-zone .xxl {
        height: 48px;
        max-width: auto; }
      .fake-browser .fb-content .bottom-zone .xl {
        width: 90%; }
      .fake-browser .fb-content .bottom-zone .md {
        width: 70%; }
      .fake-browser .fb-content .bottom-zone .lg {
        width: 80%; }
      .fake-browser .fb-content .bottom-zone .sm {
        width: 30%; }
  .fake-browser.solid {
    border-radius: 4px 4px 0 0; }
    .fake-browser.solid .fb-head {
      background-color: white; }
    .fake-browser.solid .fb-content {
      background-color: white; }

.bloopers {
  text-transform: capitalize; }
  @media (max-width: 992px) {
    .bloopers {
      text-align: center; } }

.blooper-row {
  height: 44px;
  margin-bottom: 24px;
  clear: both; }
  @media (max-width: 991px) {
    .blooper-row {
      height: 32px;
      display: inline-block;
      margin-bottom: 21px;
      clear: none; } }
  @media (max-width: 480px) {
    .blooper-row {
      margin-bottom: 12px; } }

.blooper {
  height: 44px;
  line-height: 40px;
  float: left;
  font-weight: 400;
  border-radius: 99px;
  border: 2px solid #5fc147;
  background-color: #5fc147;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 24px;
  margin-bottom: 24px;
  text-align: center; }
  .blooper.blooper-toggle {
    -webkit-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    cursor: pointer; }
  .blooper.is-active, .blooper.blooper-toggle:hover {
    color: #5fc147;
    background-color: #fff;
    border-color: #fff; }
  .blooper.blooper-sm {
    width: 150px; }
    @media (max-width: 1200px) {
      .blooper.blooper-sm {
        width: 100%; } }
    @media (max-width: 992px) {
      .blooper.blooper-sm {
        width: 180px; } }
  .blooper.blooper-lg {
    width: 256px; }
    @media (max-width: 1200px) {
      .blooper.blooper-lg {
        width: 100%; } }
    @media (max-width: 992px) {
      .blooper.blooper-lg {
        width: 230px; } }
  .blooper.blooper-inactive {
    background-color: #a1db93;
    border-color: #a1db93; }
    @media (max-width: 1200px) {
      .blooper.blooper-inactive {
        display: none; } }
  @media (max-width: 767px) {
    .blooper {
      font-size: 12px;
      height: 32px;
      line-height: 28px;
      margin: 0 6px;
      width: auto !important;
      padding: 0 18px; } }

.play_button {
  position: relative;
  height: 60px;
  width: 60px;
  border: 1px solid #E4E8EB;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  .play_button .play,
  .play_button .play:before,
  .play_button .play:after {
    width: 14px;
    height: 14px;
    position: relative;
    background: #448ee1;
    border-top-right-radius: 30%; }
  .play_button .play:before,
  .play_button .play:after {
    content: '';
    position: absolute; }
  .play_button .play {
    top: 22px;
    left: 26px;
    -webkit-transform: rotate(30deg) skewX(-30deg) scale(1, 0.866);
    transform: rotate(30deg) skewX(-30deg) scale(1, 0.866); }
  .play_button .play:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
  .play_button .play:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }
  .play_button.active {
    border: 1px #ccc dashed; }
    .play_button.active .play,
    .play_button.active .play:before,
    .play_button.active .play:after {
      background-color: #65ab83; }
  .play_button:hover {
    background-color: #448ee1;
    border-color: transparent; }
    .play_button:hover .play, .play_button:hover .play:before, .play_button:hover .play:after {
      background-color: #fff; }
    .play_button:hover.active {
      background-color: #65ab83; }

body#playback .nav-wrapper, body#enterprise .nav-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100; }
  body#playback .nav-wrapper .container-fluid, body#enterprise .nav-wrapper .container-fluid {
    padding: 0; }

body#playback .navbar,
body#playback .navbar-header, body#enterprise .navbar,
body#enterprise .navbar-header {
  height: 70px; }

body#playback .navbar-header, body#enterprise .navbar-header {
  margin: 0px; }

body#playback .navbar-toggle:hover, body#enterprise .navbar-toggle:hover {
  background: rgba(255, 255, 255, 0.4); }
  body#playback .navbar-toggle:hover .icon-bar, body#enterprise .navbar-toggle:hover .icon-bar {
    background-color: #fff; }

body#playback .navbar-toggle .icon-bar, body#enterprise .navbar-toggle .icon-bar {
  background-color: rgba(255, 255, 255, 0.4); }

body#playback .navbar-nav, body#enterprise .navbar-nav {
  margin: 0; }

body#playback .navbar-default, body#enterprise .navbar-default {
  background: transparent;
  border: none;
  border-radius: 0; }

body#playback #logo, body#enterprise #logo {
  background: url("/s/www/enterprise/img/home-logo-white@2x.png");
  background-repeat: no-repeat;
  background-size: 106px 33px;
  margin: 20px 26px 0;
  width: 106px;
  height: 33px; }

body#playback .navbar-default .navbar-nav > li > a, body#enterprise .navbar-default .navbar-nav > li > a {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  font-family: 'Whitney SSm SC A','Whitney SSm SC B',Helvetica,Arial,sans-serif;
  line-height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  body#playback .navbar-default .navbar-nav > li > a:hover, body#enterprise .navbar-default .navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.2); }
  body#playback .navbar-default .navbar-nav > li > a.active, body#enterprise .navbar-default .navbar-nav > li > a.active {
    background: #4289D8;
    color: #fff; }
  @media (max-width: 767px) {
    body#playback .navbar-default .navbar-nav > li > a, body#enterprise .navbar-default .navbar-nav > li > a {
      background: #fff;
      color: #667580;
      font-size: 16px;
      line-height: 44px;
      padding: 0 25px; }
      body#playback .navbar-default .navbar-nav > li > a:hover, body#enterprise .navbar-default .navbar-nav > li > a:hover {
        color: #667580;
        background: #f5f6f7; } }

body#playback .navbar-default .navbar-nav > li.free-trial > a, body#enterprise .navbar-default .navbar-nav > li.free-trial > a {
  background: #5FCC41;
  color: #fff;
  margin-top: 16px;
  margin-right: 10px;
  border-radius: 20px;
  line-height: 39px;
  height: 40px; }

body#playback .navbar-toggle, body#enterprise .navbar-toggle {
  margin-top: 14px;
  margin-top: 18px;
  border: none; }

body#playback {
  font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
  color: #667580;
  /* Universal Rules*/
  /* ============================================*/
  /**/
  /* Placeholder Text for forms*/
  /* ============================================*/
  /**/
  /* Changes Selected Text Color*/
  /* ============================================*/
  /**/
  /* Code Formatting Overrides. Code formatting*/
  /* handled by Highlightjs*/
  /* ============================================*/
  /**/
  /* Hero Section*/
  /* ============================================*/
  /**/
  /* Form Styles*/
  /* ============================================*/
  /**/
  /* Universal Section Rules*/
  /* ============================================*/
  /**/
  /* Video Styles and Pseudo Browser Window*/
  /* ============================================*/
  /**/
  /* Customer Interaction Section*/
  /* ============================================*/
  /**/
  /* Insights Section*/
  /* ============================================*/
  /**/
  /* in Section*/
  /* ============================================*/
  /**/
  /* FAQ Section*/
  /* ============================================*/
  /**/
  /* Trial Form Inserts*/
  /* ============================================*/
  /**/ }
  body#playback a {
    color: #438ee1; }
  body#playback img {
    width: 100%; }
  body#playback ::-moz-selection {
    background: #438ee1;
    color: #fff; }
  body#playback ::selection {
    background: #438ee1;
    color: #fff; }
  body#playback ::-webkit-input-placeholder {
    color: #96a2ac; }
  body#playback ::-moz-placeholder {
    color: #96a2ac; }
  body#playback :-ms-input-placeholder {
    color: #96a2ac; }
  body#playback ::placeholder {
    color: #96a2ac; }
  body#playback pre {
    background: #fff;
    border: 1px solid #438ee1;
    border-radius: 0; }
    body#playback pre code {
      background: #fff; }
  body#playback #intro {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-image: -webkit-linear-gradient(top left, #438ee1, #973999, #e35f61);
    background-image: linear-gradient(to bottom right, #438ee1, #973999, #e35f61);
    text-align: center;
    height: 90vh;
    min-height: 600px; }
    body#playback #intro .opening,
    body#playback #intro form {
      -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    body#playback #intro h1 {
      font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
      font-size: 64px;
      font-weight: 600;
      color: #fff; }
      @media (max-width: 767px) {
        body#playback #intro h1 {
          font-size: 26px; } }
    body#playback #intro h2 {
      font-size: 26px;
      font-weight: 100;
      color: #a1c6f0;
      -webkit-font-smoothing: subpixel-antialiased; }
      @media (max-width: 767px) {
        body#playback #intro h2 {
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; }
          body#playback #intro h2 br {
            display: block; } }
      body#playback #intro h2 br {
        display: none; }
    body#playback #intro.focused .opening {
      -webkit-filter: blur(4px);
      filter: blur(4px);
      -webkit-transform: scale(0.8) translateY(30px);
      transform: scale(0.8) translateY(30px); }
    body#playback #intro.focused form {
      -webkit-transform: scale(1.1) translateY(-30px);
      transform: scale(1.1) translateY(-30px); }
  body#playback form {
    position: relative;
    margin: 40px 15%;
    width: 70%;
    height: 60px; }
    @media (max-width: 767px) {
      body#playback form {
        width: 90%;
        margin: 40px 5%; } }
    body#playback form input {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 24px;
      font-weight: 300;
      background: #fff;
      color: #438ee1;
      padding: 10px 30px;
      border: 0;
      border-radius: 100px 0 0 100px;
      outline: none;
      width: 85%;
      height: 60px; }
      @media (max-width: 767px) {
        body#playback form input {
          font-size: 18px;
          font-weight: 600;
          width: 75%;
          height: 40px; } }
    body#playback form button.submit {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 24px;
      font-weight: 800;
      background: #f8598b;
      color: #fff;
      margin: 0;
      border: 0;
      border-radius: 0 100px 100px 0;
      outline: none;
      width: 15%;
      height: 60px; }
      @media (max-width: 767px) {
        body#playback form button.submit {
          font-size: 16px;
          width: 25%;
          height: 40px; } }
  body#playback .comparison {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 40px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 100; }
    @media (max-width: 767px) {
      body#playback .comparison {
        font-size: 18px;
        padding: 20px; } }
  body#playback section {
    padding: 50px 0; }
    @media (max-width: 767px) {
      body#playback section {
        padding: 40px 0; } }
    body#playback section h2 {
      font-size: 36px;
      font-weight: 300;
      color: #496274;
      margin-bottom: 50px;
      line-height: 42px;
      text-align: center;
      -webkit-font-smoothing: subpixel-antialiased; }
      @media (max-width: 767px) {
        body#playback section h2 {
          font-size: 28px; } }
      body#playback section h2 .digit {
        display: block;
        position: relative;
        font-family: "Sentinel SSm A", "Sentinel SSm B", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-style: italic;
        color: #438ee1;
        margin: 20px auto;
        line-height: 21px;
        width: 30px; }
        body#playback section h2 .digit:after, body#playback section h2 .digit:before {
          content: '';
          position: absolute;
          top: 11px;
          background-image: -webkit-linear-gradient(right, #a1c6f0, rgba(161, 198, 240, 0));
          background-image: linear-gradient(to left, #a1c6f0, rgba(161, 198, 240, 0));
          width: 300px;
          height: 2px; }
          @media (max-width: 767px) {
            body#playback section h2 .digit:after, body#playback section h2 .digit:before {
              width: 100px; } }
        body#playback section h2 .digit:before {
          left: -310px; }
          @media (max-width: 767px) {
            body#playback section h2 .digit:before {
              left: -110px; } }
        body#playback section h2 .digit:after {
          right: -310px;
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
          @media (max-width: 767px) {
            body#playback section h2 .digit:after {
              right: -110px; } }
    body#playback section h3 {
      font-family: "Sentinel SSm A", "Sentinel SSm B", Helvetica, Arial, sans-serif;
      font-size: 28px;
      color: #496274;
      margin-top: 0;
      line-height: 36px; }
      @media (min-width: 768px) {
        body#playback section h3 {
          font-size: 21px;
          line-height: 28px; } }
      @media (min-width: 992px) {
        body#playback section h3 {
          font-size: 28px;
          line-height: 36px; } }
    body#playback section p {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        body#playback section p {
          font-size: 16px;
          line-height: 24px; } }
      @media (min-width: 992px) {
        body#playback section p {
          font-size: 18px;
          line-height: 26px; } }
  @media (min-width: 768px) {
    body#playback .wow-great-point {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center; } }
  body#playback .wow-great-point:last-child {
    margin-bottom: 0; }
  body#playback ::-webkit-media-controls {
    display: none !important; }
  body#playback .browser {
    box-shadow: 0 7px 6px -4px rgba(0, 0, 0, 0.3);
    border-radius: 6px; }
    body#playback .browser .browser-button {
      background: #973999;
      margin: 0 0 0 10px;
      border-radius: 30px;
      width: 10px;
      height: 10px; }
    body#playback .browser .browser-bottom,
    body#playback .browser .browser-top {
      background: #fff;
      border: 3px solid #973999;
      width: 100%; }
    body#playback .browser .browser-top {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      border-bottom: 2px solid #973999;
      border-radius: 6px 6px 0 0;
      height: 30px; }
    body#playback .browser .browser-bottom {
      border-top: 2px solid #973999;
      border-radius: 0 0 4px 4px;
      height: 20px; }
    body#playback .browser iframe,
    body#playback .browser img,
    body#playback .browser video {
      padding: 0;
      margin: 0;
      border: 3px solid #973999;
      border-top: 0;
      border-bottom: 0; }
    body#playback .browser iframe,
    body#playback .browser video {
      margin-bottom: -5px; }
  body#playback #customer-interaction,
  body#playback #playbacks {
    background-image: -webkit-linear-gradient(bottom, #d8e7f9, #fff);
    background-image: linear-gradient(to top, #d8e7f9, #fff); }
    body#playback #customer-interaction h3,
    body#playback #playbacks h3 {
      margin: 15px 0;
      text-align: center; }
    body#playback #customer-interaction .point,
    body#playback #playbacks .point {
      margin: 0 0 30px; }
    body#playback #customer-interaction .browser .browser-button,
    body#playback #playbacks .browser .browser-button {
      background: #438ee1; }
    body#playback #customer-interaction .browser .browser-bottom,
    body#playback #customer-interaction .browser .browser-top,
    body#playback #playbacks .browser .browser-bottom,
    body#playback #playbacks .browser .browser-top {
      border: 3px solid #438ee1; }
    body#playback #customer-interaction .browser .browser-top,
    body#playback #playbacks .browser .browser-top {
      border-bottom: 2px solid #438ee1; }
    body#playback #customer-interaction .browser .browser-bottom,
    body#playback #playbacks .browser .browser-bottom {
      border-top: 2px solid #438ee1; }
    body#playback #customer-interaction .browser iframe,
    body#playback #customer-interaction .browser img,
    body#playback #customer-interaction .browser video,
    body#playback #playbacks .browser iframe,
    body#playback #playbacks .browser img,
    body#playback #playbacks .browser video {
      border: 3px solid #438ee1;
      border-top: 0;
      border-bottom: 0; }
    body#playback #customer-interaction iframe,
    body#playback #playbacks iframe {
      background: #fff;
      overflow: hidden;
      width: 100%;
      height: 600px; }
      @media (max-width: 767px) {
        body#playback #customer-interaction iframe,
        body#playback #playbacks iframe {
          height: 400px; } }
  body#playback #playbacks {
    background-image: -webkit-linear-gradient(top, #d8e7f9, #fff);
    background-image: linear-gradient(to bottom, #d8e7f9, #fff); }
    body#playback #playbacks .wow-badge {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: absolute;
      top: -30px;
      right: -30px;
      font-family: "Sentinel SSm A", "Sentinel SSm B", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 900;
      background: -webkit-linear-gradient(top left, #973999, #f8598b);
      background: linear-gradient(to bottom right, #973999, #f8598b);
      color: #fff;
      border: 2px solid #973999;
      border-radius: 1000px;
      line-height: 21px;
      text-align: center;
      width: 140px;
      height: 140px;
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
      -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      body#playback #playbacks .wow-badge:hover {
        -webkit-transform: rotate(5deg) scale(1.3);
        transform: rotate(5deg) scale(1.3); }
    body#playback #playbacks h2 {
      font-weight: 300; }
      body#playback #playbacks h2 em {
        font-weight: 300; }
    body#playback #playbacks p {
      font-size: 21px;
      color: #667580;
      margin: -30px 10% 30px;
      line-height: 28px;
      text-align: center;
      width: 80%; }
      body#playback #playbacks p em {
        font-style: normal;
        font-weight: 600;
        color: #496274; }
  body#playback #insights {
    background-image: -webkit-linear-gradient(#d8e7f9, rgba(216, 231, 249, 0)), url(/s/www/playback/img/gridline.png), -webkit-linear-gradient(#d8e7f9, #fff);
    background-image: linear-gradient(#d8e7f9, rgba(216, 231, 249, 0)), url(/s/www/playback/img/gridline.png), linear-gradient(#d8e7f9, #fff);
    background-position: top center, bottom center, top center;
    background-repeat: no-repeat, repeat, no-repeat;
    padding-bottom: 0;
    margin-bottom: -1px; }
    @media (max-width: 767px) {
      body#playback #insights {
        background-image: -webkit-linear-gradient(#d8e7f9, rgba(216, 231, 249, 0)), url(/s/www/playback/img/gridline2.png), -webkit-linear-gradient(#d8e7f9, #fff);
        background-image: linear-gradient(#d8e7f9, rgba(216, 231, 249, 0)), url(/s/www/playback/img/gridline2.png), linear-gradient(#d8e7f9, #fff); } }
    body#playback #insights h3 {
      font-size: 21px;
      line-height: 28px; }
    body#playback #insights p {
      font-size: 16px;
      line-height: 24px; }
    body#playback #insights .insight {
      margin: 0 0 30px;
      text-align: center; }
      @media (max-width: 767px) {
        body#playback #insights .insight {
          text-align: left; } }
    body#playback #insights .insight-header-wrap {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      height: 100px; }
    body#playback #insights .svg.icon {
      margin: 0 30% 10px;
      width: 40%; }
      @media (max-width: 767px) {
        body#playback #insights .svg.icon {
          width: 100%;
          margin: 0 10px; } }
      body#playback #insights .svg.icon circle,
      body#playback #insights .svg.icon ellipse,
      body#playback #insights .svg.icon path,
      body#playback #insights .svg.icon rect {
        fill: #438ee1; }
    body#playback #insights #graph {
      margin-bottom: -5px; }
  body#playback #setup {
    background-image: -webkit-linear-gradient(top right, #f8598b, #973999, #438ee1);
    background-image: linear-gradient(to bottom left, #f8598b, #973999, #438ee1); }
    body#playback #setup a,
    body#playback #setup h2,
    body#playback #setup h2 .digit,
    body#playback #setup h3,
    body#playback #setup p {
      color: #fff; }
    body#playback #setup a {
      text-decoration: underline; }
    body#playback #setup .installme {
      display: block;
      cursor: pointer;
      padding-top: 20px; }
    body#playback #setup .digit::after, body#playback #setup .digit::before {
      background-image: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
      background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); }
    body#playback #setup .mobile-thumb {
      margin: 0 -10% 20px;
      border: 2px solid #973999;
      border-radius: 6px;
      width: 120%; }
    body#playback #setup .wow-great-point {
      margin-top: 0;
      margin-bottom: -30px; }
      @media (max-width: 767px) {
        body#playback #setup .wow-great-point {
          margin-bottom: 30px; } }
      body#playback #setup .wow-great-point:last-child {
        margin-bottom: 0; }
      @media (max-width: 767px) {
        body#playback #setup .wow-great-point h3 {
          margin-top: 0; } }
      @media (min-width: 992px) {
        body#playback #setup .wow-great-point h3 {
          margin-top: -60px; } }
    body#playback #setup .snippet {
      position: relative; }
      @media (min-width: 768px) {
        body#playback #setup .snippet {
          margin: -10px 0; } }
      @media (min-width: 992px) {
        body#playback #setup .snippet {
          margin: -60px 0 -80px; } }
      @media (min-width: 1200px) {
        body#playback #setup .snippet {
          margin: -100px 0 -80px; } }
      body#playback #setup .snippet pre {
        box-shadow: 0 7px 6px -4px rgba(0, 0, 0, 0.3); }
        @media (min-width: 768px) {
          body#playback #setup .snippet pre {
            font-size: 10px; } }
        @media (min-width: 1200px) {
          body#playback #setup .snippet pre {
            font-size: 12px; } }
      body#playback #setup .snippet.installing {
        -webkit-animation: install2 3s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards 1;
        animation: install2 3s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards 1; }
        body#playback #setup .snippet.installing pre {
          -webkit-animation: install 3s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards 1;
          animation: install 3s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards 1; }

@-webkit-keyframes install {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  20% {
    -webkit-transform: scale(0) rotate(-15deg);
    transform: scale(0) rotate(-15deg); }
  70% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }

@keyframes install {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  20% {
    -webkit-transform: scale(0) rotate(-15deg);
    transform: scale(0) rotate(-15deg); }
  70% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }

@-webkit-keyframes install2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    opacity: 1; }
  20% {
    -webkit-transform: translate3d(-500px, -300px, 0);
    transform: translate3d(-500px, -300px, 0);
    opacity: 0; }
  70% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes install2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    opacity: 1; }
  20% {
    -webkit-transform: translate3d(-500px, -300px, 0);
    transform: translate3d(-500px, -300px, 0);
    opacity: 0; }
  70% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0; }
  100% {
    opacity: 1; } }
    body#playback #setup .fed {
      -webkit-animation: gulp 3s ease forwards 1;
      animation: gulp 3s ease forwards 1; }

@-webkit-keyframes gulp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  19% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes gulp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  19% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  body#playback #faq {
    background-image: -webkit-linear-gradient(right, #973999, #438ee1);
    background-image: linear-gradient(to left, #973999, #438ee1); }
    body#playback #faq .faq-entry {
      margin-bottom: 40px; }
    body#playback #faq a,
    body#playback #faq h2,
    body#playback #faq h3,
    body#playback #faq p {
      color: #fff; }
    body#playback #faq a {
      text-decoration: underline; }
      body#playback #faq a:hover {
        color: #a1c6f0; }
  body#playback .trial {
    background-image: -webkit-linear-gradient(top left, #f7bf00, #f8598b, #973999);
    background-image: linear-gradient(to bottom right, #f7bf00, #f8598b, #973999);
    padding: 30px 0;
    text-align: center; }
    @media (max-width: 767px) {
      body#playback .trial {
        padding: 20px 0; } }
    @media (max-width: 767px) {
      body#playback .trial form {
        margin: 20px auto 0; } }
    body#playback .trial h2 {
      font-size: 42px;
      color: #fff;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        body#playback .trial h2 {
          font-size: 24px; } }
    body#playback .trial p {
      font-size: 21px;
      color: #fff; }
      @media (max-width: 767px) {
        body#playback .trial p {
          font-size: 16px;
          line-height: 21px; } }
    body#playback .trial button.submit {
      background: #438ee1; }
  body#playback .footer {
    position: relative;
    font-size: 14px;
    background: #0D283F;
    color: #87D4F5;
    padding: 30px 0; }
    body#playback .footer .areaTitle {
      font-family: 'Whitney SSm SC A','Whitney SSm SC B',Helvetica,Arial,sans-serif;
      font-size: 16px;
      color: #fff;
      opacity: 0.5;
      text-transform: lowercase; }
      body#playback .footer .areaTitle a {
        color: #fff; }
    body#playback .footer a {
      color: #fff;
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      text-decoration: none; }
      body#playback .footer a:hover {
        color: #fff;
        opacity: 0.8;
        text-decoration: none; }
    body#playback .footer ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      body#playback .footer ul li {
        font-size: 14px;
        padding: 0 1em;
        line-height: 1.8em; }
        body#playback .footer ul li:last-child {
          border-right: none; }

/* SVG coloring*/
/* ============================================*/
/**/
.svg {
  width: 100%; }

#rec circle.fs-pink {
  -webkit-animation: circle-blink 1s ease-in-out infinite;
  animation: circle-blink 1s ease-in-out infinite; }

@-webkit-keyframes circle-blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes circle-blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media (max-width: 767px) {
  #glasses {
    margin: -40px 0; } }

#glasses .lens-spinner {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  fill: #f8598b; }

#glasses .left-lens .lens-spinner {
  -webkit-animation: clockwise 15s linear infinite;
  animation: clockwise 15s linear infinite; }

#glasses .right-lens .lens-spinner {
  -webkit-animation: counter-clockwise 15s linear infinite;
  animation: counter-clockwise 15s linear infinite; }

#glasses .fs-blue {
  fill: #438ee1; }

#glasses:hover .lens-spinner {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  fill: #973999; }

@-webkit-keyframes clockwise {
  from {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  to {
    -webkit-transform: rotate(359deg) translate3d(0, 0, 0);
    transform: rotate(359deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center; } }

@keyframes clockwise {
  from {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  to {
    -webkit-transform: rotate(359deg) translate3d(0, 0, 0);
    transform: rotate(359deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes counter-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  to {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; } }

@keyframes counter-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  to {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes radar {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }

@keyframes radar {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }

#radar .radar-spinner {
  -webkit-animation: radar 5s linear infinite;
  animation: radar 5s linear infinite;
  -webkit-transform-origin: 300px 200px;
  transform-origin: 300px 200px; }
  #radar .radar-spinner line {
    stroke: #438ee1;
    stroke-width: 5;
    stroke-linecap: round; }

#radar .outer-ring {
  fill: none;
  stroke: #438ee1;
  stroke-width: 7; }

#radar .blips circle {
  -webkit-animation: blip 5s ease-in infinite;
  animation: blip 5s ease-in infinite;
  opacity: 0;
  fill: #f8598b; }

#radar .blips .blip1 {
  -webkit-animation-delay: 830ms;
  animation-delay: 830ms; }
  @media (max-width: 767px) {
    #radar .blips .blip1 {
      -webkit-animation-delay: 1130ms;
      animation-delay: 1130ms; } }

#radar .blips .blip2 {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms; }
  @media (max-width: 767px) {
    #radar .blips .blip2 {
      -webkit-animation-delay: 1700ms;
      animation-delay: 1700ms; } }

#radar .blips .blip3 {
  -webkit-animation-delay: 3200ms;
  animation-delay: 3200ms; }
  @media (max-width: 767px) {
    #radar .blips .blip3 {
      -webkit-animation-delay: 3500ms;
      animation-delay: 3500ms; } }

#radar .blips .blip4 {
  -webkit-animation-delay: 3900ms;
  animation-delay: 3900ms; }
  @media (max-width: 767px) {
    #radar .blips .blip4 {
      -webkit-animation-delay: 4200ms;
      animation-delay: 4200ms; } }

#radar .blips .blip5 {
  -webkit-animation-delay: 4900ms;
  animation-delay: 4900ms; }
  @media (max-width: 767px) {
    #radar .blips .blip5 {
      -webkit-animation-delay: 5200ms;
      animation-delay: 5200ms; } }

#radar .blips .blip6 {
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms; }
  @media (max-width: 767px) {
    #radar .blips .blip6 {
      -webkit-animation-delay: 2600ms;
      animation-delay: 2600ms; } }

#radar .blips .blip7 {
  -webkit-animation-delay: 2400ms;
  animation-delay: 2400ms; }
  @media (max-width: 767px) {
    #radar .blips .blip7 {
      -webkit-animation-delay: 2700ms;
      animation-delay: 2700ms; } }

@-webkit-keyframes blip {
  0% {
    opacity: 0; }
  2% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes blip {
  0% {
    opacity: 0; }
  2% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.whut {
  fill: yellow; }

.fs-blue {
  fill: #438ee1; }

.fs-pink {
  fill: #f8598b; }

.outer-frame {
  fill: none; }

body#playback .nav-wrapper, body#enterprise .nav-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100; }
  body#playback .nav-wrapper .container-fluid, body#enterprise .nav-wrapper .container-fluid {
    padding: 0; }

body#playback .navbar,
body#playback .navbar-header, body#enterprise .navbar,
body#enterprise .navbar-header {
  height: 70px; }

body#playback .navbar-header, body#enterprise .navbar-header {
  margin: 0px; }

body#playback .navbar-toggle:hover, body#enterprise .navbar-toggle:hover {
  background: rgba(255, 255, 255, 0.4); }
  body#playback .navbar-toggle:hover .icon-bar, body#enterprise .navbar-toggle:hover .icon-bar {
    background-color: #fff; }

body#playback .navbar-toggle .icon-bar, body#enterprise .navbar-toggle .icon-bar {
  background-color: rgba(255, 255, 255, 0.4); }

body#playback .navbar-nav, body#enterprise .navbar-nav {
  margin: 0; }

body#playback .navbar-default, body#enterprise .navbar-default {
  background: transparent;
  border: none;
  border-radius: 0; }

body#playback #logo, body#enterprise #logo {
  background: url("/s/www/enterprise/img/home-logo-white@2x.png");
  background-repeat: no-repeat;
  background-size: 106px 33px;
  margin: 20px 26px 0;
  width: 106px;
  height: 33px; }

body#playback .navbar-default .navbar-nav > li > a, body#enterprise .navbar-default .navbar-nav > li > a {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  font-family: 'Whitney SSm SC A','Whitney SSm SC B',Helvetica,Arial,sans-serif;
  line-height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  body#playback .navbar-default .navbar-nav > li > a:hover, body#enterprise .navbar-default .navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.2); }
  body#playback .navbar-default .navbar-nav > li > a.active, body#enterprise .navbar-default .navbar-nav > li > a.active {
    background: #4289D8;
    color: #fff; }
  @media (max-width: 767px) {
    body#playback .navbar-default .navbar-nav > li > a, body#enterprise .navbar-default .navbar-nav > li > a {
      background: #fff;
      color: #667580;
      font-size: 16px;
      line-height: 44px;
      padding: 0 25px; }
      body#playback .navbar-default .navbar-nav > li > a:hover, body#enterprise .navbar-default .navbar-nav > li > a:hover {
        color: #667580;
        background: #f5f6f7; } }

body#playback .navbar-default .navbar-nav > li.free-trial > a, body#enterprise .navbar-default .navbar-nav > li.free-trial > a {
  background: #5FCC41;
  color: #fff;
  margin-top: 16px;
  margin-right: 10px;
  border-radius: 20px;
  line-height: 39px;
  height: 40px; }

body#playback .navbar-toggle, body#enterprise .navbar-toggle {
  margin-top: 14px;
  margin-top: 18px;
  border: none; }

.media-query {
  position: fixed;
  top: 0;
  font-size: 12px;
  background: #e2c083;
  color: #c07f1a;
  line-height: 30px;
  text-align: center;
  width: 100%;
  height: 30px;
  z-index: 1000; }
  @media (max-width: 767px) {
    .media-query:after {
      content: 'Extra Small'; } }
  @media (min-width: 768px) {
    .media-query:after {
      content: 'Small'; } }
  @media (min-width: 992px) {
    .media-query:after {
      content: 'Medium'; } }
  @media (min-width: 1200px) {
    .media-query:after {
      content: 'Large'; } }

body,
html {
  height: auto !important; }

body#enterprise {
  font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
  background-image: -webkit-linear-gradient(top, #438ee1, #5BC1F6, #438ee1, #5BC1F6);
  background-image: linear-gradient(to bottom, #438ee1, #5BC1F6, #438ee1, #5BC1F6);
  color: #667580;
  /* Placeholder Text for forms*/
  /* ============================================*/
  /**/
  /* Changes Selected Text Color*/
  /* ============================================*/
  /**/
  /* Hero Section*/
  /* ============================================*/
  /**/
  /* Form Styles*/
  /* ============================================*/
  /**/
  /* Universal Section Rules*/
  /* ============================================*/
  /**/
  /* Video Styles and Pseudo Browser Window*/
  /* ============================================*/
  /**/
  /* Setup Section*/
  /* ============================================*/
  /**/
  /* Capture Section*/
  /* ============================================*/
  /**/
  /* Segmentation*/
  /* ============================================*/
  /**/
  /* Playback*/
  /* ============================================*/
  /**/
  /* Enterprise*/
  /* ============================================*/
  /**/
  /* Collaboration*/
  /* ============================================*/
  /**/
  /* FAQ Section*/
  /* ============================================*/
  /**/
  /* Trial Form Inserts*/
  /* ============================================*/
  /**/ }
  body#enterprise a {
    color: #438ee1; }
  body#enterprise img {
    width: 100%; }
  body#enterprise ::-moz-selection {
    background: #438ee1;
    color: #fff; }
  body#enterprise ::selection {
    background: #438ee1;
    color: #fff; }
  body#enterprise ::-webkit-input-placeholder {
    color: #96a2ac; }
  body#enterprise ::-moz-placeholder {
    color: #96a2ac; }
  body#enterprise :-ms-input-placeholder {
    color: #96a2ac; }
  body#enterprise ::placeholder {
    color: #96a2ac; }
  body#enterprise #intro {
    display: -webkit-box;
    display: flex;
    position: relative;
    text-align: center;
    height: 60vh;
    min-height: 600px;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    @media (max-width: 767px) {
      body#enterprise #intro {
        min-height: 500px; } }
    body#enterprise #intro .opening,
    body#enterprise #intro form {
      -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    body#enterprise #intro h1 {
      font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;
      font-size: 48px;
      font-weight: 600;
      color: #fff; }
      @media (max-width: 767px) {
        body#enterprise #intro h1 {
          font-size: 26px;
          line-height: 36px; } }
    body#enterprise #intro h2 {
      font-size: 26px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.8); }
      body#enterprise #intro h2 strong {
        font-weight: 600;
        color: #fff; }
      @media (max-width: 767px) {
        body#enterprise #intro h2 {
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; }
          body#enterprise #intro h2 br {
            display: block; } }
      body#enterprise #intro h2 br {
        display: none; }
    body#enterprise #intro.focused .opening {
      -webkit-filter: blur(4px);
              filter: blur(4px);
      -webkit-transform: scale(0.8) translateY(30px);
              transform: scale(0.8) translateY(30px); }
    body#enterprise #intro.focused form {
      -webkit-transform: scale(1.1) translateY(-30px);
              transform: scale(1.1) translateY(-30px); }
  body#enterprise form {
    position: relative;
    margin: 40px 15%;
    width: 70%;
    height: 60px; }
    @media (max-width: 767px) {
      body#enterprise form {
        width: 90%;
        margin: 40px 5%; } }
    body#enterprise form input {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 24px;
      font-weight: 500;
      background: #fff;
      color: #438ee1;
      padding: 10px 30px;
      border: 0;
      border-radius: 100px 0 0 100px;
      outline: none;
      width: 85%;
      height: 60px; }
      @media (max-width: 767px) {
        body#enterprise form input {
          font-size: 18px;
          font-weight: 600;
          width: 75%;
          height: 40px; } }
    body#enterprise form button.submit {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 24px;
      font-weight: 700;
      background: #0D283F;
      color: #fff;
      margin: 0;
      border: 0;
      border-radius: 0 100px 100px 0;
      outline: none;
      width: 15%;
      height: 60px; }
      @media (max-width: 767px) {
        body#enterprise form button.submit {
          font-size: 16px;
          width: 25%;
          height: 40px; } }
  body#enterprise .comparison {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 40px;
    text-align: center;
    width: 100%;
    z-index: 100;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
    @media (max-width: 767px) {
      body#enterprise .comparison {
        font-size: 18px;
        padding: 20px; } }
  body#enterprise section {
    background-image: -webkit-linear-gradient(top left, #d6e6f8, #fff);
    background-image: linear-gradient(to bottom right, #d6e6f8, #fff);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    padding: 50px 0;
    overflow: hidden; }
    @media (max-width: 767px) {
      body#enterprise section {
        padding: 0 15px 30px; } }
    body#enterprise section header {
      text-align: center; }
      body#enterprise section header h2 {
        font-size: 36px;
        font-weight: 500;
        color: #496274;
        margin-top: 0;
        margin-bottom: 50px;
        line-height: 42px;
        text-align: center; }
        body#enterprise section header h2 sup {
          position: relative;
          top: -0.5em;
          font-size: 60%; }
        @media (max-width: 767px) {
          body#enterprise section header h2 {
            font-size: 28px;
            line-height: 34px;
            margin-top: 30px;
            margin-bottom: 30px; } }
      body#enterprise section header p {
        font-size: 21px;
        font-weight: 500;
        color: rgba(13, 40, 63, 0.7);
        margin-top: -40px;
        margin-bottom: 50px; }
        @media (max-width: 767px) {
          body#enterprise section header p {
            margin-bottom: 30px;
            font-size: 18px;
            line-height: 26px;
            margin-top: -20px; } }
    body#enterprise section p {
      font-size: 16px;
      margin-top: 15px;
      margin-bottom: 0;
      line-height: 28px; }
      body#enterprise section p:first-child {
        margin-top: 0; }
      body#enterprise section p a {
        text-decoration: underline; }
    body#enterprise section h3 {
      font-family: "Sentinel SSm A", "Sentinel SSm B", Helvetica, Arial, sans-serif;
      font-size: 24px;
      color: #438ee1;
      margin: 0;
      line-height: 32px; }
      @media (max-width: 767px) {
        body#enterprise section h3 {
          font-size: 21px;
          line-height: 28px; } }
    body#enterprise section.light-scheme {
      background: none; }
      body#enterprise section.light-scheme a,
      body#enterprise section.light-scheme h2,
      body#enterprise section.light-scheme h3,
      body#enterprise section.light-scheme p {
        color: #fff; }
  @media (min-width: 768px) {
    body#enterprise .wow-great-point {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      margin: 0 0 60px; } }
  body#enterprise .wow-great-point:last-child {
    margin-bottom: 0; }
  body#enterprise ::-webkit-media-controls {
    display: none !important; }
  body#enterprise .browser {
    position: relative;
    border-radius: 6px; }
    body#enterprise .browser .browser-widget {
      display: -webkit-box !important;
      display: flex !important;
      display: -ms-flexbox !important;
      position: absolute;
      top: -40px;
      left: -40px;
      font-family: "Sentinel SSm A", "Sentinel SSm B", Helvetica, Arial, sans-serif;
      font-weight: bold;
      background: #f8598b;
      color: #fff;
      cursor: pointer;
      padding: 20px;
      border: 2px solid #fff;
      border-radius: 200px;
      text-align: center;
      width: 120px;
      height: 120px;
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-transform: rotate(-14deg);
      transform: rotate(-14deg);
      -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      body#enterprise .browser .browser-widget:hover {
        -webkit-transform: rotate(0deg) scale(1.2);
        transform: rotate(0deg) scale(1.2); }
    body#enterprise .browser .browser-button {
      background: rgba(255, 255, 255, 0.5);
      margin: 0 0 0 10px;
      border-radius: 30px;
      width: 10px;
      height: 10px; }
    body#enterprise .browser .browser-bottom,
    body#enterprise .browser .browser-top {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.5);
      width: 100%; }
    body#enterprise .browser .browser-top {
      display: -webkit-box;
      display: flex;
      border-bottom: 0px solid rgba(255, 255, 255, 0.5);
      border-radius: 6px 6px 0 0;
      height: 30px;
      -webkit-box-align: center;
      align-items: center; }
    body#enterprise .browser .browser-bottom {
      border-top: 0 solid rgba(255, 255, 255, 0.5);
      border-radius: 0 0 4px 4px;
      height: 20px; }
    body#enterprise .browser iframe,
    body#enterprise .browser img,
    body#enterprise .browser video {
      padding: 0;
      margin: 0;
      border: 2px solid rgba(255, 255, 255, 0.5);
      border-top: 0;
      border-bottom: 0;
      border-radius: 0 0 4px 4px; }
    body#enterprise .browser iframe,
    body#enterprise .browser video {
      margin-bottom: -5px; }
    body#enterprise .browser.mobile {
      margin: 0 auto;
      width: 400px; }
      @media (max-width: 767px) {
        body#enterprise .browser.mobile {
          width: 100%; } }
      body#enterprise .browser.mobile .browser-top {
        border-radius: 30px 30px 0 0;
        text-align: center;
        height: 70px; }
        body#enterprise .browser.mobile .browser-top .browser-button {
          margin: 0 auto;
          width: 50px;
          height: 8px; }
      body#enterprise .browser.mobile .browser-bottom {
        border-radius: 0 0 30px 30px;
        text-align: center;
        height: 70px; }
        body#enterprise .browser.mobile .browser-bottom .home-button {
          position: relative;
          top: 10px;
          margin: 0 auto;
          border: 3px solid rgba(255, 255, 255, 0.5);
          border-radius: 50%;
          width: 45px;
          height: 45px; }
  body#enterprise #setup {
    position: relative;
    background-image: -webkit-linear-gradient(top left, #0D283F, #438ee1);
    background-image: linear-gradient(to bottom right, #0D283F, #438ee1); }
    body#enterprise #setup.alt {
      background: none; }
      body#enterprise #setup.alt h2 {
        color: #fff; }
      body#enterprise #setup.alt header p {
        color: #3670B2; }
      body#enterprise #setup.alt .wistia_embed {
        box-shadow: 0 0 100px #2174d0; }
    @media (max-width: 767px) {
      body#enterprise #setup {
        padding-bottom: 30px; } }
    body#enterprise #setup header p {
      font-weight: 300;
      color: #a1c6f0; }
    body#enterprise #setup h2,
    body#enterprise #setup h3,
    body#enterprise #setup p {
      color: #fff; }
    body#enterprise #setup .wistia_embed {
      box-shadow: 0 0 100px #0d283f;
      border-radius: 4px; }
    body#enterprise #setup .point {
      padding: 50px 15px 80px; }
      @media (max-width: 767px) {
        body#enterprise #setup .point {
          padding: 30px 15px 0; } }
    body#enterprise #setup .container {
      position: relative;
      z-index: 2; }
  body#enterprise #capture .svg {
    margin: 0 30px;
    width: auto; }
    body#enterprise #capture .svg.event-box {
      margin-bottom: 20px; }
      body#enterprise #capture .svg.event-box #event-box-1,
      body#enterprise #capture .svg.event-box #event-box-2,
      body#enterprise #capture .svg.event-box #event-box-3 {
        -webkit-animation: scroll-up1 10s ease-in-out infinite;
        animation: scroll-up1 10s ease-in-out infinite; }
      body#enterprise #capture .svg.event-box #event-box-4,
      body#enterprise #capture .svg.event-box #event-box-5,
      body#enterprise #capture .svg.event-box #event-box-6 {
        -webkit-animation: scroll-up2 10s ease-in-out infinite;
        animation: scroll-up2 10s ease-in-out infinite; }
    body#enterprise #capture .svg.conveyor {
      margin-top: 30px;
      margin-bottom: 30px; }
      body#enterprise #capture .svg.conveyor .gear {
        -webkit-animation: gear-spin 5s linear infinite;
        animation: gear-spin 5s linear infinite;
        -webkit-transform-origin: center center;
        transform-origin: center center; }
      body#enterprise #capture .svg.conveyor .wireframe {
        -webkit-animation: moving-across 5s linear infinite;
        animation: moving-across 5s linear infinite;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom; }
      body#enterprise #capture .svg.conveyor .porthole {
        -webkit-animation: porthole 5s linear infinite;
        animation: porthole 5s linear infinite;
        -webkit-transform-origin: center center;
        transform-origin: center center; }
    body#enterprise #capture .svg.clock {
      margin-top: 30px;
      margin-bottom: 30px; }
      body#enterprise #capture .svg.clock .hour-hand {
        -webkit-animation: time-machine 10s linear infinite;
        animation: time-machine 10s linear infinite;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom; }
      body#enterprise #capture .svg.clock .minute-hand {
        -webkit-animation: time-machine 1s linear infinite;
        animation: time-machine 1s linear infinite;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom; }
      body#enterprise #capture .svg.clock .sheet-1 {
        z-index: 100;
        -webkit-animation: rip1 3s 1.5s ease-in reverse infinite;
        animation: rip1 3s 1.5s ease-in reverse infinite;
        -webkit-transform-origin: top right;
        transform-origin: top right; }
      body#enterprise #capture .svg.clock .sheet-2 {
        -webkit-animation: rip2 3s ease-in reverse infinite;
        animation: rip2 3s ease-in reverse infinite;
        -webkit-transform-origin: top left;
        transform-origin: top left; }
  body#enterprise #search {
    background-image: -webkit-linear-gradient(top left, #0D283F, #438ee1);
    background-image: linear-gradient(to bottom right, #0D283F, #438ee1); }
    body#enterprise #search h2,
    body#enterprise #search h3,
    body#enterprise #search p {
      color: #fff; }
    body#enterprise #search .searchbar {
      box-shadow: 0 0 40px rgba(13, 40, 63, 0.5);
      cursor: pointer;
      margin: 20px 5% 60px;
      width: 90%; }
      body#enterprise #search .searchbar .winky {
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      body#enterprise #search .searchbar:hover .winky {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
      @media (max-width: 767px) {
        body#enterprise #search .searchbar {
          margin: 0;
          width: 100%; } }
    body#enterprise #search .omnibox {
      position: relative;
      text-align: center; }
      body#enterprise #search .omnibox img {
        max-width: 640px; }
      body#enterprise #search .omnibox .callout {
        position: absolute;
        top: 0;
        background: #f8598b;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        color: #fff;
        padding: 15px;
        border-radius: 4px;
        text-align: left;
        width: 290px; }
        body#enterprise #search .omnibox .callout:after {
          content: '';
          position: absolute;
          background: #f8598b;
          height: 2px; }
        body#enterprise #search .omnibox .callout:before {
          content: '';
          position: absolute;
          background: #f8598b;
          border-radius: 50%;
          width: 14px;
          height: 14px;
          -webkit-animation: pulse 1s ease-in-out infinite both;
          animation: pulse 1s ease-in-out infinite both; }
        body#enterprise #search .omnibox .callout#callout1 {
          top: 120px;
          left: 0; }
          body#enterprise #search .omnibox .callout#callout1:after {
            bottom: 20px;
            right: -145px;
            width: 150px;
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
          body#enterprise #search .omnibox .callout#callout1:before {
            bottom: -5px;
            right: -150px; }
        body#enterprise #search .omnibox .callout#callout2 {
          top: 500px;
          right: 140px; }
          body#enterprise #search .omnibox .callout#callout2:after {
            top: 70px;
            left: -295px;
            width: 300px;
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
          body#enterprise #search .omnibox .callout#callout2:before {
            top: 37px;
            left: -300px; }
        body#enterprise #search .omnibox .callout#callout3 {
          top: 100px;
          right: 0; }
          body#enterprise #search .omnibox .callout#callout3:after {
            top: -36px;
            left: -14px;
            width: 150px;
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
          body#enterprise #search .omnibox .callout#callout3:before {
            top: -80px;
            left: -10px; }
        body#enterprise #search .omnibox .callout h3,
        body#enterprise #search .omnibox .callout p {
          color: #fff; }
        body#enterprise #search .omnibox .callout h3 {
          font-size: 18px;
          line-height: 21px; }
        body#enterprise #search .omnibox .callout p {
          font-size: 14px;
          line-height: 21px; }
    @media (max-width: 767px) {
      body#enterprise #search .row {
        display: block;
        padding: 0 0 30px; } }
    @media (max-width: 767px) {
      body#enterprise #search h3 {
        margin: 20px 0 10px; } }
  body#enterprise #playback {
    /* entire container, keeps perspective */ }
    body#enterprise #playback.alt {
      background-image: -webkit-linear-gradient(top left, #0D283F, #438ee1);
      background-image: linear-gradient(to bottom right, #0D283F, #438ee1); }
      body#enterprise #playback.alt .triggered {
        background: #438ee1 !important; }
      body#enterprise #playback.alt .browser {
        box-shadow: 0 0 100px #0D283F !important; }
    body#enterprise #playback iframe {
      background: #fff;
      overflow: hidden;
      height: 620px; }
    @media (max-width: 767px) {
      body#enterprise #playback .col-sm-5 {
        margin-bottom: 30px; } }
    body#enterprise #playback .toggle-playback {
      margin: 30px;
      text-align: center; }
      @media (max-width: 767px) {
        body#enterprise #playback .toggle-playback {
          display: none; } }
      body#enterprise #playback .toggle-playback a {
        display: inline-block;
        font-weight: 700;
        background: #fff;
        color: #438ee1;
        cursor: pointer;
        line-height: 42px;
        text-align: center;
        width: 140px;
        height: 42px;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out; }
        body#enterprise #playback .toggle-playback a.triggered, body#enterprise #playback .toggle-playback a.triggered:hover {
          background: #0D283F;
          color: #fff; }
        body#enterprise #playback .toggle-playback a:first-child {
          margin-right: 1px;
          border-radius: 4px 0 0 4px; }
        body#enterprise #playback .toggle-playback a:last-child {
          border-radius: 0 4px 4px 0; }
        body#enterprise #playback .toggle-playback a:hover {
          background: #d8e7f9; }
    body#enterprise #playback .flip-container {
      width: 100%;
      height: 650px;
      transition: all 0.7s ease-in-out;
      -webkit-transition: all 0.7s ease-in-out;
      -webkit-perspective: 2000px;
      perspective: 2000px; }
      body#enterprise #playback .flip-container.mobile-sized {
        height: 780px; }
      @media (max-width: 767px) {
        body#enterprise #playback .flip-container {
          height: auto; } }
      body#enterprise #playback .flip-container.flipped .flipper {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg); }
      body#enterprise #playback .flip-container .flipper {
        position: relative;
        transition: 1s;
        -webkit-transition: 1s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d; }
      body#enterprise #playback .flip-container .back,
      body#enterprise #playback .flip-container .front {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        body#enterprise #playback .flip-container .back .browser,
        body#enterprise #playback .flip-container .front .browser {
          box-shadow: 0 0 100px #2174d0; }
          @media (max-width: 767px) {
            body#enterprise #playback .flip-container .back .browser,
            body#enterprise #playback .flip-container .front .browser {
              box-shadow: none; } }
          body#enterprise #playback .flip-container .back .browser.mobile,
          body#enterprise #playback .flip-container .front .browser.mobile {
            border-radius: 30px; }
      body#enterprise #playback .flip-container .front {
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-backface-visibility: hidden;
        /* again */ }
        body#enterprise #playback .flip-container .front iframe {
          width: 100%; }
      body#enterprise #playback .flip-container .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        /* again */ }
        body#enterprise #playback .flip-container .back iframe {
          width: 100%;
          height: 640px; }
    @media (max-width: 767px) {
      body#enterprise #playback .flipper {
        -webkit-transform: rotateY(0);
        transform: rotateY(0); }
      body#enterprise #playback .front {
        display: none; }
      body#enterprise #playback .back {
        padding: 0 0 30px;
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        position: static !important; }
        body#enterprise #playback .back .browser-bottom,
        body#enterprise #playback .back .browser-top {
          display: none; }
        body#enterprise #playback .back iframe {
          border-radius: 4px; } }
  body#enterprise #tech {
    position: relative; }
    body#enterprise #tech .point {
      padding-top: 30px;
      padding-bottom: 30px; }
      body#enterprise #tech .point:first-child {
        padding: 0; }
      @media (min-width: 992px) {
        body#enterprise #tech .point {
          display: -webkit-box;
          display: flex;
          -webkit-box-align: center;
          align-items: center; } }
    body#enterprise #tech img,
    body#enterprise #tech video {
      box-shadow: 0 0 100px #2174d0;
      border-radius: 4px; }
    @media (max-width: 767px) {
      body#enterprise #tech .svg,
      body#enterprise #tech img {
        margin: 20px 10%;
        width: 80%; } }
    @media (max-width: 767px) {
      body#enterprise #tech video {
        margin-bottom: 20px; } }
  body#enterprise #collaboration img {
    border-radius: 4px; }
  body#enterprise #collaboration .point {
    padding: 0 0 50px; }
    body#enterprise #collaboration .point:last-child {
      padding: 0; }
      @media (max-width: 767px) {
        body#enterprise #collaboration .point:last-child {
          margin-top: 0; } }
      @media (min-width: 768px) {
        body#enterprise #collaboration .point:last-child {
          margin-top: -40px; } }
      @media (min-width: 992px) {
        body#enterprise #collaboration .point:last-child {
          margin-top: -140px; } }
    @media (min-width: 992px) {
      body#enterprise #collaboration .point {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center; } }
  @media (max-width: 767px) {
    body#enterprise #collaboration .side-image img {
      margin-bottom: 20px; } }
  @media (min-width: 992px) {
    body#enterprise #collaboration .side-image img {
      width: 700px;
      max-width: 300%;
      overflow: hidden; } }
  @media (min-width: 1200px) {
    body#enterprise #collaboration .side-image img {
      width: 1100px;
      max-width: 300%;
      overflow: hidden; } }
  body#enterprise #collaboration .side-image img.right-side {
    float: right; }
  body#enterprise #collaboration .side-image img.shadow {
    box-shadow: 0 0 30px rgba(13, 40, 63, 0.14); }
  body#enterprise #faq .faq-entry {
    margin-bottom: 40px; }
  body#enterprise #faq a {
    text-decoration: underline; }
    body#enterprise #faq a:hover {
      color: #a1c6f0; }
  body#enterprise .trial {
    background-image: -webkit-linear-gradient(top left, #0D283F, #438ee1);
    background-image: linear-gradient(to bottom right, #0D283F, #438ee1);
    padding: 30px 0;
    text-align: center; }
    @media (max-width: 767px) {
      body#enterprise .trial {
        padding: 20px 0; } }
    @media (max-width: 767px) {
      body#enterprise .trial form {
        margin: 20px auto 0; } }
    body#enterprise .trial button.submit {
      background: #f8598b; }
    body#enterprise .trial h2 {
      font-size: 42px;
      color: #fff;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        body#enterprise .trial h2 {
          font-size: 24px; } }
    body#enterprise .trial p {
      font-size: 21px;
      font-weight: 300;
      color: #a1c6f0; }
      @media (max-width: 767px) {
        body#enterprise .trial p {
          font-size: 16px;
          line-height: 21px; } }
  body#enterprise .footer {
    position: relative;
    font-size: 14px;
    background: #0D283F;
    color: #a1c6f0;
    padding: 30px 0; }
    body#enterprise .footer .areaTitle {
      font-family: 'Whitney SSm SC A','Whitney SSm SC B',Helvetica,Arial,sans-serif;
      font-size: 16px;
      color: #fff;
      opacity: 0.5;
      text-transform: lowercase; }
      body#enterprise .footer .areaTitle a {
        color: #fff; }
    body#enterprise .footer a {
      color: #fff;
      transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      text-decoration: none;
      -webkit-transition: color 0.2s ease-in-out; }
      body#enterprise .footer a:hover {
        color: #fff;
        opacity: 0.8;
        text-decoration: none; }
    body#enterprise .footer ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      @media (max-width: 767px) {
        body#enterprise .footer ul {
          margin-bottom: 30px; } }
      body#enterprise .footer ul li {
        font-size: 14px;
        padding: 0 1em;
        line-height: 1.8em; }
        body#enterprise .footer ul li:last-child {
          border-right: none; }

/* Wistia Styles*/
.wistia_responsive_padding {
  position: relative;
  padding: 58.54% 0 0; }

.wistia_responsive_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .wistia_responsive_wrapper .wistia_embed {
    overflow: hidden;
    width: 100%;
    height: 100%; }

@-webkit-keyframes scroll-up1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16.66% {
    /*step 1*/
    -webkit-transform: translateY(-143px);
    transform: translateY(-143px); }
  33.33% {
    /*step 2*/
    -webkit-transform: translateY(-286px);
    transform: translateY(-286px); }
  50% {
    /*step 3*/
    -webkit-transform: translateY(-429px);
    transform: translateY(-429px);
    opacity: 1; }
  50.1% {
    /* step 4 - Move left off canvas and drop opacity to 0*/
    -webkit-transform: translateY(-429px) translateX(-1000px);
    transform: translateY(-429px) translateX(-1000px);
    opacity: 0; }
  50.2% {
    /* step 5 - Move below viewport*/
    -webkit-transform: translateY(429px) translateX(-1000px);
    transform: translateY(429px) translateX(-1000px); }
  50.3% {
    /* step 6 - Move back to viewport, return opacity to 1*/
    -webkit-transform: translateY(429px) translateX(0);
    transform: translateY(429px) translateX(0);
    opacity: 1; }
  66.64% {
    -webkit-transform: translateY(286px);
    transform: translateY(286px); }
  83.3% {
    -webkit-transform: translateY(143px);
    transform: translateY(143px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes scroll-up1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16.66% {
    /*step 1*/
    -webkit-transform: translateY(-143px);
    transform: translateY(-143px); }
  33.33% {
    /*step 2*/
    -webkit-transform: translateY(-286px);
    transform: translateY(-286px); }
  50% {
    /*step 3*/
    -webkit-transform: translateY(-429px);
    transform: translateY(-429px);
    opacity: 1; }
  50.1% {
    /* step 4 - Move left off canvas and drop opacity to 0*/
    -webkit-transform: translateY(-429px) translateX(-1000px);
    transform: translateY(-429px) translateX(-1000px);
    opacity: 0; }
  50.2% {
    /* step 5 - Move below viewport*/
    -webkit-transform: translateY(429px) translateX(-1000px);
    transform: translateY(429px) translateX(-1000px); }
  50.3% {
    /* step 6 - Move back to viewport, return opacity to 1*/
    -webkit-transform: translateY(429px) translateX(0);
    transform: translateY(429px) translateX(0);
    opacity: 1; }
  66.64% {
    -webkit-transform: translateY(286px);
    transform: translateY(286px); }
  83.3% {
    -webkit-transform: translateY(143px);
    transform: translateY(143px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes scroll-up2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16.66% {
    /*step 1*/
    -webkit-transform: translateY(-143px);
    transform: translateY(-143px); }
  33.33% {
    /*step 2*/
    -webkit-transform: translateY(-286px);
    transform: translateY(-286px); }
  50% {
    /*step 3*/
    -webkit-transform: translateY(-429px);
    transform: translateY(-429px);
    opacity: 1; }
  66.64% {
    -webkit-transform: translateY(-572px);
    transform: translateY(-572px); }
  83.3% {
    -webkit-transform: translateY(-715px);
    transform: translateY(-715px); }
  100% {
    -webkit-transform: translateY(-858px);
    transform: translateY(-858px); } }

@keyframes scroll-up2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16.66% {
    /*step 1*/
    -webkit-transform: translateY(-143px);
    transform: translateY(-143px); }
  33.33% {
    /*step 2*/
    -webkit-transform: translateY(-286px);
    transform: translateY(-286px); }
  50% {
    /*step 3*/
    -webkit-transform: translateY(-429px);
    transform: translateY(-429px);
    opacity: 1; }
  66.64% {
    -webkit-transform: translateY(-572px);
    transform: translateY(-572px); }
  83.3% {
    -webkit-transform: translateY(-715px);
    transform: translateY(-715px); }
  100% {
    -webkit-transform: translateY(-858px);
    transform: translateY(-858px); } }

@-webkit-keyframes gear-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes gear-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes moving-across {
  0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
  90% {
    -webkit-transform: translateX(140px);
    transform: translateX(140px); }
  100% {
    -webkit-transform: translateX(300px) translateY(-10px) rotate(90deg);
    transform: translateX(300px) translateY(-10px) rotate(90deg); } }

@keyframes moving-across {
  0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
  90% {
    -webkit-transform: translateX(140px);
    transform: translateX(140px); }
  100% {
    -webkit-transform: translateX(300px) translateY(-10px) rotate(90deg);
    transform: translateX(300px) translateY(-10px) rotate(90deg); } }

@-webkit-keyframes porthole {
  5% {
    fill: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1);
    transform: scale(1); }
  7% {
    fill: white;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  12% {
    fill: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes porthole {
  5% {
    fill: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1);
    transform: scale(1); }
  7% {
    fill: white;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  12% {
    fill: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes time-machine {
  0% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg); }
  100% {
    -webkit-transform: translateY(-10px) rotate(-359deg);
    transform: translateY(-10px) rotate(-359deg); } }

@keyframes time-machine {
  0% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg); }
  100% {
    -webkit-transform: translateY(-10px) rotate(-359deg);
    transform: translateY(-10px) rotate(-359deg); } }

@-webkit-keyframes rip1 {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0); }
  10% {
    -webkit-transform: rotate(-20deg) translateY(0);
    transform: rotate(-20deg) translateY(0); }
  60% {
    -webkit-transform: rotate(10deg) translateY(500px);
    transform: rotate(10deg) translateY(500px); }
  100% {
    -webkit-transform: rotate(10deg) translateY(500px);
    transform: rotate(10deg) translateY(500px); } }

@keyframes rip1 {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0); }
  10% {
    -webkit-transform: rotate(-20deg) translateY(0);
    transform: rotate(-20deg) translateY(0); }
  60% {
    -webkit-transform: rotate(10deg) translateY(500px);
    transform: rotate(10deg) translateY(500px); }
  100% {
    -webkit-transform: rotate(10deg) translateY(500px);
    transform: rotate(10deg) translateY(500px); } }

@-webkit-keyframes rip2 {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0); }
  10% {
    -webkit-transform: rotate(20deg) translateY(0);
    transform: rotate(20deg) translateY(0); }
  60% {
    -webkit-transform: rotate(-10deg) translateY(500px);
    transform: rotate(-10deg) translateY(500px); }
  100% {
    -webkit-transform: rotate(-10deg) translateY(500px);
    transform: rotate(-10deg) translateY(500px); } }

@keyframes rip2 {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0); }
  10% {
    -webkit-transform: rotate(20deg) translateY(0);
    transform: rotate(20deg) translateY(0); }
  60% {
    -webkit-transform: rotate(-10deg) translateY(500px);
    transform: rotate(-10deg) translateY(500px); }
  100% {
    -webkit-transform: rotate(-10deg) translateY(500px);
    transform: rotate(-10deg) translateY(500px); } }

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 3px #f8598b; }
  50% {
    box-shadow: 0 0 10px 5px rgba(248, 89, 139, 0.4); }
  100% {
    box-shadow: 0 0 3px #f8598b; } }

@keyframes pulse {
  0% {
    box-shadow: 0 0 3px #f8598b; }
  50% {
    box-shadow: 0 0 10px 5px rgba(248, 89, 139, 0.4); }
  100% {
    box-shadow: 0 0 3px #f8598b; } }

.lp {
  background: #fff; }
  .lp .responsive {
    display: none; }
    @media (max-width: 768px) {
      .lp .responsive {
        display: block; } }
    .lp .responsive .button {
      position: absolute;
      top: 18px;
      right: 20px;
      background: #f8598b;
      color: #fff;
      text-transform: lowercase;
      font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
      padding: 7px 15px;
      border-radius: 100px;
      font-size: 14px; }
  .lp .topMenu {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    background: #438ee1;
    z-index: 1;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 1s;
    transition: all 1s; }
  .lp .hide {
    opacity: 0;
    top: -70px; }
  .lp .show {
    opacity: 1;
    top: 0; }
  .lp .highlight {
    background: #fef4d1; }
  .lp h1, .lp h2 {
    -webkit-animation: none;
            animation: none; }
  .lp li.free-trial > a {
    background: #f65c8c !important; }
  .lp .big-nav-block {
    display: block;
    height: 256px;
    background: #438ee1; }
    @media (max-width: 992px) {
      .lp .big-nav-block {
        height: 180px; } }
    @media (max-width: 768px) {
      .lp .big-nav-block {
        display: none; } }
    .lp .big-nav-block .left {
      float: left;
      width: 50%;
      height: 256px;
      background: url(/s/img/e-commerce/logo@2x.png) center no-repeat;
      background-size: 273px 85px; }
      @media (max-width: 992px) {
        .lp .big-nav-block .left {
          height: 180px;
          background-size: 180px 56px; } }
    .lp .big-nav-block .right {
      float: right;
      background-color: #3b84d5;
      width: 50%;
      height: 256px; }
      @media (max-width: 992px) {
        .lp .big-nav-block .right {
          height: 180px; } }
      .lp .big-nav-block .right .form {
        background: none;
        width: 350px;
        margin: 90px auto;
        border-radius: 0; }
        @media (max-width: 992px) {
          .lp .big-nav-block .right .form {
            margin-top: 66px;
            width: 280px; } }
        .lp .big-nav-block .right .form input::-webkit-input-placeholder {
          color: #fff;
          font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .lp .big-nav-block .right .form input::-moz-placeholder {
          color: #fff;
          font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .lp .big-nav-block .right .form input:-ms-input-placeholder {
          color: #fff;
          font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .lp .big-nav-block .right .form input::placeholder {
          color: #fff;
          font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .lp .big-nav-block .right .form .email {
          background: #f8598b;
          padding: 17px 22px;
          border: none;
          width: 270px;
          color: #fff;
          border: 3px solid #e4517f;
          -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s; }
          @media (max-width: 992px) {
            .lp .big-nav-block .right .form .email {
              width: 200px;
              padding: 7px 12px; } }
          .lp .big-nav-block .right .form .email:focus {
            background: #f9719c;
            outline: none; }
        .lp .big-nav-block .right .form .submit {
          border: none;
          height: 61px;
          margin-left: -4px;
          vertical-align: top;
          background: #e4517f url(/s/img/e-commerce/sign-up-arrow@2x.png) center no-repeat;
          background-size: 21px 19px;
          width: 70px; }
          @media (max-width: 992px) {
            .lp .big-nav-block .right .form .submit {
              height: 41px; } }
        .lp .big-nav-block .right .form p {
          font-size: 13px;
          color: #fff;
          opacity: 0.5;
          margin-top: 5px;
          margin-left: 25px; }
          @media (max-width: 992px) {
            .lp .big-nav-block .right .form p {
              margin: 5px 0px 0px 15px; } }
        .lp .big-nav-block .right .form .labelIsh {
          font-size: 13px;
          color: #fff;
          opacity: 0.5;
          margin-top: -22px;
          margin-bottom: 5px;
          margin-left: 25px; }
  .lp blockquote {
    font-size: 37px;
    margin: 24px 0px 0px;
    font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-style: italic;
    font-weight: 100;
    color: #232830;
    text-align: center;
    border-left: none;
    line-height: 1.7em;
    margin-bottom: 37px; }
    @media (max-width: 992px) {
      .lp blockquote {
        font-size: 28px; } }
    @media (max-width: 768px) {
      .lp blockquote {
        font-size: 18px; } }
    .lp blockquote:before {
      background: url(/s/img/e-commerce/quote-pink@2x.png);
      background-size: 44px 29px;
      width: 44px;
      height: 29px;
      margin: 16px auto 38px;
      display: block; }
  .lp .quoted {
    font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
    font-size: 14px; }
    .lp .quoted img {
      margin-bottom: 20px; }
    .lp .quoted .name {
      color: #F9C800; }
    .lp .quoted .role {
      color: #5D6F83; }
    .lp .quoted:after {
      display: block;
      content: '';
      width: 44px;
      height: 8px;
      padding: 0px;
      background-color: #438ee1;
      margin: 44px auto; }
      @media (max-width: 768px) {
        .lp .quoted:after {
          margin: 30px auto; } }
  .lp .col-md-6 blockquote {
    font-size: 23px;
    margin-top: 0px; }
    @media (max-width: 992px) {
      .lp .col-md-6 blockquote {
        margin-top: 28px;
        font-size: 18px; } }
    .lp .col-md-6 blockquote:before {
      background: url(/s/img/e-commerce/quote-pink@2x.png) no-repeat;
      background-size: 100%;
      width: 22px;
      margin: 0 auto;
      display: block; }
  .lp .col-md-6 .quoted::after {
    display: none !important; }
  .lp section {
    background: #fff;
    background: #fff;
    margin-bottom: 72px; }
    @media (max-width: 768px) {
      .lp section {
        margin-bottom: 30px; } }
    .lp section h2 {
      color: #232830;
      font-size: 32px;
      opacity: 1;
      margin-bottom: 28px;
      font-weight: 600; }
      @media (max-width: 992px) {
        .lp section h2 {
          font-size: 32px;
          margin-bottom: 10px; } }
      @media (max-width: 768px) {
        .lp section h2 {
          font-size: 18px;
          margin-bottom: 10px; } }
    .lp section p {
      opacity: 0.8;
      font-size: 17px; }
      @media (max-width: 768px) {
        .lp section p {
          font-size: 15px; } }
    .lp section.intro {
      background: #fff;
      padding-top: 42px; }
      .lp section.intro h2 {
        margin-bottom: 38px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 38px; }
        @media (max-width: 768px) {
          .lp section.intro h2 {
            margin-bottom: 18px;
            padding-bottom: 18px; } }
      @media (max-width: 768px) {
        .lp section.intro {
          padding-top: 22px; } }
      .lp section.intro blockquote {
        color: #232830; }
        .lp section.intro blockquote:before {
          background: url(/s/img/e-commerce/quote-pink@2x.png);
          background-size: 44px 29px; }
      .lp section.intro h1 {
        color: #232830;
        font-weight: 600; }
    .lp section.color-block h2, .lp section.color-block p, .lp section.color-block blockquote, .lp section.color-block .name, .lp section.color-block .role {
      color: #fff; }
    .lp section.color-block blockquote:before {
      background: url(/s/img/e-commerce/quote-white@2x.png);
      background-size: 44px 29px; }
    .lp section.blue {
      background: #438ee1;
      padding-top: 48px;
      padding-bottom: 48px; }
      @media (max-width: 768px) {
        .lp section.blue {
          padding-top: 18px;
          padding-bottom: 18px; } }
    .lp section.pink {
      background-color: #f65c8c;
      padding-top: 48px; }
      @media (max-width: 768px) {
        .lp section.pink {
          padding-top: 18px;
          padding-bottom: 18px; } }
    .lp section.chart-bg {
      background-image: url(/s/img/e-commerce/chart.png);
      background-size: cover;
      background-position: top; }
  .lp .section-browser {
    background: #F65C8C;
    padding-top: 48px;
    padding-bottom: 48px; }
    .lp .section-browser h2 {
      font-size: 32px;
      opacity: 1;
      margin-bottom: 28px;
      font-weight: 600; }
    .lp .section-browser p {
      color: #fff;
      opacity: 0.8;
      font-size: 17px; }

.footer .try-fullstory {
  margin-bottom: 0;
  padding-bottom: 0; }
  .footer .try-fullstory .signupForm {
    background: transparent !important;
    margin-top: 16px; }

.SupportWidgetView {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10005; }
  .SupportWidgetView .ProIcon {
    color: #fff;
    background: #3A4B59; }
  .SupportWidgetView > button {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #fff;
    font-size: 22px;
    font-weight: 500;
    border-radius: 24px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    color: #1F2831;
    margin: 0;
    outline: none;
    -webkit-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out; }
    .SupportWidgetView > button:hover {
      box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); }
    .SupportWidgetView > button:selected, .SupportWidgetView > button:focus {
      outline: none; }
  .SupportWidgetView > .popup {
    position: absolute;
    width: 426px;
    height: 300px;
    right: -16px;
    bottom: 60px;
    background-color: white;
    display: none;
    border-radius: 6px;
    border: 1px solid #E6EAEC;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0px 20px !important; }
    .SupportWidgetView > .popup > .support-header {
      font-weight: 400;
      font-size: 13px;
      line-height: 48px;
      color: #ddd;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #E4E8EB; }
      .SupportWidgetView > .popup > .support-header > .left {
        padding-left: 16px;
        color: #1F2831;
        font-weight: 500; }
      .SupportWidgetView > .popup > .support-header > .center {
        position: absolute;
        left: 38%;
        padding-right: 18px;
        background: url(/s/img/support/arrow-out.svg) no-repeat;
        background-size: 10px;
        background-position: 100% 50%; }
      .SupportWidgetView > .popup > .support-header > .releaseNotesContainer {
        display: none;
        position: absolute;
        right: 16px; }
        .SupportWidgetView > .popup > .support-header > .releaseNotesContainer.enabled {
          display: inline; }
      .SupportWidgetView > .popup > .support-header > .closePopup {
        display: inline-block;
        position: absolute;
        bottom: -61px;
        right: 15px;
        background-size: 13px;
        width: 48px;
        height: 48px;
        border-radius: 24px;
        background: #e35f61 url(/s/img/support/close.svg) no-repeat 50% 50%;
        box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px !important;
        cursor: pointer; }
    .SupportWidgetView > .popup > .proFeature {
      display: none;
      text-align: center;
      cursor: pointer;
      padding: 2em;
      height: 200px; }
      .SupportWidgetView > .popup > .proFeature > .fsProLogo {
        background: url(/s/img/plans/fs-pro.svg) no-repeat center center;
        width: 100%;
        height: 46px;
        margin: 10px 0 10px 0; }
      .SupportWidgetView > .popup > .proFeature > .proFeatureText {
        margin: 24px 20px 20px 20px;
        text-align: center;
        line-height: 1.65em;
        font-size: 13px;
        font-weight: 400;
        color: #3A4B59; }
    .SupportWidgetView > .popup > .supportForm > .subjectContainer > input {
      font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Arial, sans-serif;
      width: 394px;
      border: 0;
      border-bottom: 1px solid #E4E8EB;
      padding: 12px 16px;
      outline: none;
      font-size: 13px;
      font-weight: 600;
      color: #222; }
    .SupportWidgetView > .popup > .supportForm > .bodyContainer {
      height: 172px; }
      .SupportWidgetView > .popup > .supportForm > .bodyContainer > textarea {
        font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", Arial, sans-serif;
        width: 394px;
        height: 100%;
        border: 0;
        padding: 10px 16px;
        outline: none;
        resize: none;
        font-size: 13px;
        font-weight: 500;
        color: #222;
        line-height: 1.5em; }
    .SupportWidgetView > .popup > .supportForm > .support-footer > .send {
      position: absolute;
      height: 48px;
      width: 48px;
      border-radius: 24px;
      right: 5px;
      bottom: 10px;
      background: #438ee1 url(/s/img/support/send-btn.svg) no-repeat 56% 50%;
      box-shadow: none;
      -webkit-transition: box-shadow 0.15s ease-in-out;
      transition: box-shadow 0.15s ease-in-out; }
      .SupportWidgetView > .popup > .supportForm > .support-footer > .send:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px !important; }
  .SupportWidgetView.show {
    z-index: 10005; }
    .SupportWidgetView.show > .popup {
      display: block; }

.notificationTray {
  bottom: 28px;
  display: none;
  position: absolute;
  right: 92px;
  width: 460px;
  z-index: 10002; }
  .notificationTray > .notifications .notification {
    background-color: #5d6f83;
    border-radius: 3px;
    border: 0 solid #5d6f83;
    bottom: -30px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    clear: both;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    line-height: 1.6em;
    opacity: 0;
    padding: 10px 42px 10px 64px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    vertical-align: bottom; }
    .notificationTray > .notifications .notification > .flag {
      background: #65AB83 center center no-repeat;
      background-size: 22px 18px;
      border-radius: 3px 0 0 3px;
      border: 0 solid #65AB83;
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 48px; }
    .notificationTray > .notifications .notification > .message {
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
      .notificationTray > .notifications .notification > .message a {
        color: #fff;
        text-decoration: underline; }
    .notificationTray > .notifications .notification > .actions {
      display: block; }
      .notificationTray > .notifications .notification > .actions > .action {
        font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
        text-transform: lowercase;
        font-weight: 300;
        color: #96A2AC;
        color: #65AB83;
        cursor: pointer;
        text-decoration: underline; }
    .notificationTray > .notifications .notification > .dismiss {
      cursor: pointer;
      height: 24px;
      position: absolute;
      right: 6px;
      top: 9px;
      width: 24px; }
      .notificationTray > .notifications .notification > .dismiss::before, .notificationTray > .notifications .notification > .dismiss::after {
        background-color: #fff;
        border-radius: 4px;
        border: 0 solid transparent;
        content: '';
        display: block;
        height: 16px;
        left: 10px;
        position: absolute;
        top: 3px;
        width: 2px; }
      .notificationTray > .notifications .notification > .dismiss::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .notificationTray > .notifications .notification > .dismiss::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .notificationTray > .notifications .notification > .dismiss:hover::before, .notificationTray > .notifications .notification > .dismiss:hover::after {
        background-color: #96A2AC; }
    .notificationTray > .notifications .notification[level="Loading"] > .flag {
      background: #5d6f83 url() center center no-repeat;
      border: 0 solid #5d6f83; }
    .notificationTray > .notifications .notification[level="Loading"] > .actions > .action {
      color: #5d6f83; }
    .notificationTray > .notifications .notification[level="Error"] > .flag, .notificationTray > .notifications .notification[level="Fatal"] > .flag {
      background: #E35F61 url("/s/img/notify-error@2x.png") center center no-repeat;
      background-size: 9px 22px;
      border: 0 solid #E35F61; }
    .notificationTray > .notifications .notification[level="Error"] > .actions > .action, .notificationTray > .notifications .notification[level="Fatal"] > .actions > .action {
      color: #E35F61; }
    .notificationTray > .notifications .notification[level="Urgent"] > .flag {
      background: #f8598b url("/s/img/notify-error@2x.png") center center no-repeat;
      background-size: 9px 22px;
      border: 0 solid #f8598b; }
    .notificationTray > .notifications .notification[level="Urgent"] > .actions > .action {
      color: #f8598b; }
    .notificationTray > .notifications .notification[level="Info"] > .flag {
      background: #438ee1 url("/s/img/notify-info@2x.png") center center no-repeat;
      background-size: 9px 22px;
      border: 0 solid #438ee1; }
    .notificationTray > .notifications .notification[level="Info"] > .actions > .action {
      color: #438ee1; }
    .notificationTray > .notifications .notification[level="Success"] > .flag {
      background: #65AB83 url("/s/img/notify-success@2x.png") center center no-repeat;
      background-size: 22px 18px;
      border: 0 solid #65AB83; }
    .notificationTray > .notifications .notification[level="Success"] > .actions > .action {
      color: #65AB83; }

html, body {
  height: 100%;
  font-weight: 400;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
  font-size: 15px;
  min-height: 750px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
  font-weight: 600;
  margin-top: 10px; }

a {
  color: #438ee1; }

p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 2em;
  line-height: 1.8em;
  color: #444; }

li {
  font-size: 14px;
  line-height: 1.8em; }

li.more-menu {
  display: none; }

a.menufied {
  display: block; }

.half-rule {
  width: 100px;
  margin: 40px auto; }

.pricing .half-rule {
  margin: 20px auto; }

blockquote {
  padding: 0px 30px;
  margin: 20px 0px 20px;
  border-left: 4px solid #eeeeee;
  color: #444B58;
  line-height: 1.7em;
  font-size: 15px;
  font-weight: 400; }

li {
  margin: 0px 0px; }

.navbar {
  height: 70px;
  margin-bottom: 0px; }

.navbar-default {
  background: #438ee1;
  border: none;
  border-radius: 0px; }

#logo {
  background: url(/s/img/website/home-logo-white@2x.png);
  background-size: 106px 33px;
  width: 106px;
  height: 33px;
  background-repeat: no-repeat;
  margin: 20px 26px 0px 26px; }

.navbar-default .navbar-nav
> li > a {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  font-family: "Whitney SSm SC A","Whitney SSm SC B",Helvetica,Arial,sans-serif;
  line-height: 70px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  .navbar-default .navbar-nav
> li > a:hover {
    background: #4289D8;
    color: #fff; }
  .navbar-default .navbar-nav
> li > a.active {
    background: #4289D8;
    color: #fff; }

.navbar-default .navbar-nav
> li.free-trial > a {
  background: #5FCC41;
  border-radius: 20px;
  color: #fff;
  line-height: 39px;
  height: 40px;
  margin-top: 16px;
  margin-right: 10px; }

.navbar-toggle {
  margin-top: 14px;
  border: none;
  margin-top: 18px; }

.button {
  border-radius: 3px;
  margin-left: 18px; }

.button-active {
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  background: #189BD2; }

.button-active:hover {
  background: #115571;
  color: #fff;
  border-bottom: none;
  cursor: pointer; }

.hero, .signupForm {
  max-width: 960px; }

.hero {
  margin: 0px auto;
  padding-top: 36px;
  padding-bottom: 70px;
  background: #438ee1; }
  .hero a {
    text-decoration: underline;
    color: #fff;
    opacity: 0.8; }

.success-page {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 50vh; }

.jumbotron {
  padding: 0px;
  padding-top: 56px;
  background: #438ee1;
  margin-bottom: 0px; }
  .jumbotron h1 {
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    padding: 0px; }
  .jumbotron h2 {
    font-size: 22px;
    margin-top: 7px;
    margin-bottom: 36px; }

.bottomNav {
  background: #438ee1;
  padding: 60px 0px 30px; }
  .bottomNav .learnMoreBtn, .bottomNav .signUp {
    padding: 20px 40px;
    background: #E55E5E;
    border-radius: 32px;
    margin-right: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid transparent;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out; }
    .bottomNav .learnMoreBtn:hover, .bottomNav .signUp:hover {
      border: 2px solid #fff; }
    .bottomNav .learnMoreBtn .white, .bottomNav .signUp .white {
      background: #fff; }
  .bottomNav .signUp {
    margin-right: 0px;
    background: #69CB95; }
  .bottomNav a:hover {
    text-decoration: none; }

.signupForm {
  margin-top: -20px;
  margin-bottom: 48px; }

.whitebg {
  background: #fff; }

.lightbluebg {
  background: #438ee1; }

.darkbluebg {
  background: #438ee1; }

h1 {
  font-weight: 700;
  display: block;
  font-size: 44px;
  line-height: 1.25em;
  color: #fff;
  animation: fadehero .5s;
  -moz-animation: fadehero .5s;
  /* Firefox */
  -webkit-animation: fadehero .5s;
  /* Safari and Chrome */
  -o-animation: fadehero .5s;
  /* Opera */ }

h2 {
  font-weight: 400;
  line-height: 1.45em;
  font-size: 28px;
  letter-spacing: -0.06em;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  animation: fadesubhead .6s;
  -moz-animation: fadesubhead .6s;
  /* Firefox */
  -webkit-animation: fadesubhead .6s;
  /* Safari and Chrome */
  -o-animation: fadesubhead .6s;
  /* Opera */
  opacity: 0.8; }

h3 {
  color: #4A4A4A;
  font-weight: 400;
  line-height: 1.4em;
  font-size: 22px;
  margin: 10px 0px 0px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.06em;
  font-weight: bold;
  margin: 20px 0px; }

.signup-nudge {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 200;
  margin-top: 8px;
  font-style: italic; }

.signup-arrow {
  background: url(/s/img/signupArrow.png) 50% 50% no-repeat;
  background-size: 31px 24px;
  height: 24px;
  width: 31px;
  border: none;
  position: absolute;
  right: 37px;
  bottom: 27px;
  z-index: 100;
  cursor: pointer;
  outline: none;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .signup-arrow {
      background-image: url(/s/img/signupArrow@2x.png);
      background-size: 31px 24px; } }

.videoHero {
  background-color: #438ee1; }
  .videoHero .poster {
    margin-top: -39px;
    animation: helloPoster .5s;
    -webkit-animation: helloPoster .5s; }

.sectionRule {
  max-width: 1170px; }

.vertSpacer-sm {
  padding-top: 15px; }

.vertSpacer-md {
  padding-top: 70px; }

.vertSpacer-lg {
  padding-top: 100px; }

.vertSpacer-xl {
  padding-top: 140px; }
  @media (max-width: 1200px) {
    .vertSpacer-xl {
      padding-top: 50px; } }
  @media (max-width: 992px) {
    .vertSpacer-xl {
      padding-top: 25px; } }
  @media (max-width: 768px) {
    .vertSpacer-xl {
      padding-top: 10px; } }

#product {
  background: #fff; }
  #product .promo {
    margin-top: 60px; }
    #product .promo a.announcement {
      background: url(/s/img/website/party.png);
      background-size: 32px 31px;
      width: 32px;
      height: 31px;
      background-repeat: no-repeat;
      margin: 0 auto;
      padding: 6px 10px 10px 42px;
      border: middle;
      text-decoration: underline;
      color: #438ee1; }
      @media screen and (max-width: 767px) {
        #product .promo a.announcement {
          font-size: 13px; } }
  #product .search-feature {
    background: #438ee1;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-top: 30px; }
    #product .search-feature h2 {
      color: #fff !important;
      padding-bottom: 10px; }
    #product .search-feature p {
      color: #fff; }
  #product #searchies-feature {
    background: #f5f6f7;
    margin-top: -50px;
    margin-bottom: 40px;
    padding-bottom: 60px; }
    #product #searchies-feature h2 {
      margin-top: 40px;
      color: #7d65ab !important;
      padding-bottom: 10px; }
    #product #searchies-feature p {
      color: #444; }
    #product #searchies-feature .searchies-feature-btn {
      background: #7d65ab;
      color: #fff;
      padding: 10px 22px;
      font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
      border-radius: 30px;
      font-size: 14px;
      display: block;
      max-width: 300px;
      margin: 30px auto 0 auto; }
  #product h2 {
    font-size: 32px;
    color: #333;
    -webkit-animation: none;
    animation: none; }
  #product hr {
    margin-top: 50px;
    margin-bottom: 50px; }
  #product .overview {
    padding-top: 40px; }
  #product .firstFeature {
    padding-top: 50px; }
    #product .firstFeature img {
      margin: 50px 0; }
    #product .firstFeature h2 {
      color: #F65E5C; }
  #product .secondFeature h2 {
    color: #AC61D0; }
  #product .thirdFeature h2 {
    color: #67AA84; }
  #product .fourthFeature h2 {
    color: #00AEEF; }
  #product .fifthFeature h2 {
    color: #F5B417; }
  #product .sixthFeature h2 {
    color: #AC61D0; }
  #product .quote {
    background: #fff;
    text-align: center; }
    #product .quote blockquote {
      font-size: 26px;
      margin: 18px 0px;
      font-family: "Sentinel SSm A", "Sentinel SSm B";
      font-style: italic;
      font-weight: 100;
      color: #4B6274;
      text-align: center;
      padding: 22px 0px;
      border-left: none; }
      #product .quote blockquote:before {
        background: url("/s/img/quotemark.png");
        background-size: auto;
        width: 27px;
        height: 18px;
        margin: 0px auto 30px;
        display: block; }
    #product .quote .avatar {
      border-radius: 100px;
      width: 96px;
      height: 96px;
      margin-bottom: 20px; }
  #product .white {
    padding-bottom: 90px; }

#searchies {
  margin-top: 44px; }
  #searchies .now-playing {
    font-size: 14px;
    text-transform: lowercase;
    font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.03em;
    color: #3A4B59; }
  #searchies .searchies-logo {
    background: url(/s/img/website/searchies/searchies-title@2x.png);
    background-size: 299px 47px;
    width: 299px;
    height: 47px;
    background-repeat: no-repeat;
    margin: 0 auto; }
    @media screen and (max-width: 467px) {
      #searchies .searchies-logo {
        background-size: 220px 35px;
        width: 220px;
        height: 35px;
        margin-top: 6px; } }
  #searchies .video-container {
    background-image: url(/s/img/website/searchies/searchies-platform.png);
    background-size: 1100px 394px;
    background-repeat: no-repeat;
    background-position: 50%  436px;
    margin: 30px 0 15px;
    height: 850px; }
    @media screen and (max-width: 1199px) {
      #searchies .video-container {
        background-size: 900px 322px;
        background-position: 50%  436px;
        height: 770px; } }
    @media screen and (max-width: 991px) {
      #searchies .video-container {
        background-size: 720px 258px;
        background-position: 50%  340px;
        height: 630px; } }
    @media screen and (max-width: 768px) {
      #searchies .video-container {
        background-size: 720px 258px;
        background-position: 50%  360px;
        height: 630px; } }
    @media screen and (max-width: 768px) {
      #searchies .video-container {
        background-size: 720px 258px;
        background-position: 50%  360px;
        height: 630px; } }
    @media screen and (max-width: 767px) {
      #searchies .video-container {
        background-size: cover;
        background-position: 50%  60px;
        margin: 30px 0 0 0;
        height: 560px; } }
    @media screen and (max-width: 467px) {
      #searchies .video-container {
        height: 360px; } }
    #searchies .video-container .video {
      margin-bottom: 54px;
      z-index: 10;
      max-width: 980px;
      margin-left: auto;
      margin-right: auto; }
      #searchies .video-container .video:after {
        content: '';
        display: block;
        margin-top: -30px;
        margin-left: auto;
        margin-right: auto;
        height: 20px;
        max-width: 960px;
        background: transparent;
        border-radius: 10px;
        box-shadow: 0px 60px 40px rgba(0, 0, 0, 0.5); }
  #searchies .learn-link {
    background: #438ee1;
    color: #fff;
    padding: 18px 30px;
    border-radius: 4px;
    box-shadow: 0 5px 0px #397BC5;
    font-size: 16px;
    font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    animation: fadeemailform 1s;
    -moz-animation: fadeemailform 1s;
    /* Firefox */
    -webkit-animation: fadeemailform 1s;
    /* Safari and Chrome */
    -o-animation: fadeemailform 1s;
    /* Opera */ }
    #searchies .learn-link:hover {
      text-decoration: none;
      background: #397bc5;
      padding: 22px 36px; }
  #searchies ul.share-buttons {
    text-align: center;
    padding-left: 0px;
    margin-bottom: 40px;
    margin-top: 10px; }
    #searchies ul.share-buttons .now-playing {
      margin-bottom: 8px; }
    #searchies ul.share-buttons li {
      display: inline;
      font-size: 20px; }
      #searchies ul.share-buttons li a {
        color: #e25f61; }

.twitter-list {
  border: 1px solid #e2e9ed;
  border-radius: 7px;
  padding: 18px; }

#sales {
  background-color: #fff; }
  #sales .question-image {
    padding: 0 4em; }
    @media screen and (max-width: 991px) {
      #sales .question-image {
        padding: 0 9em; } }
  #sales .commonQuestions .cq {
    padding-top: 36px;
    padding-bottom: 36px; }
    @media screen and (max-width: 991px) {
      #sales .commonQuestions .cq .text-center {
        clear: both; } }
  #sales .signupForm {
    margin-top: 0; }
  #sales .form-signup .form-control {
    font-size: 16px;
    border: 1px solid #438EE1; }
  #sales .form-signup .signup-arrow {
    background-size: 23px 18px;
    height: 18px;
    width: 23px;
    right: 26px;
    bottom: 19px; }
  #sales .option-trial, #sales .option-inquire {
    padding: 0 4em; }
  #sales .option-trial {
    position: relative; }
    #sales .option-trial:after {
      background-color: #eee;
      width: 1px;
      height: 200px;
      position: absolute;
      content: '';
      right: -30px;
      top: -15px; }
      @media screen and (max-width: 991px) {
        #sales .option-trial:after {
          display: block;
          position: static;
          height: 1px;
          width: 326px;
          margin: -30px auto 0; } }
  #sales .demoVideo {
    padding-top: 4em; }
    #sales .demoVideo hr {
      margin-top: 64px; }
  #sales .whereNow {
    padding-bottom: 4em; }
  #sales h2 {
    margin-bottom: 1.4em; }
  #sales .demoVideo h2 {
    color: #F65E5C; }
  #sales .customerLove h2 {
    color: #AC61D0; }
  #sales .commonQuestions h2 {
    color: #67AA84; }
  #sales .whereNow h2 {
    color: #F5B417; }
  #sales h3 {
    color: #667580; }
  #sales p {
    color: #667580;
    margin-bottom: 1em; }
  #sales .text-muted {
    color: #96A2AC; }
  #sales hr {
    margin-top: 30px;
    margin-bottom: 30px; }
    #sales hr.dotted {
      border-style: dotted; }
  #sales blockquote {
    font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-style: italic;
    font-weight: 100;
    color: #667580;
    text-align: center;
    border-left: none;
    font-size: 20px;
    margin: 32px 0 18px; }
    @media screen and (max-width: 768px) {
      #sales blockquote {
        margin-top: 9px; } }

.sectionSubNav {
  text-align: center;
  margin: -20px 0px 40px;
  border-bottom: 1px solid #E3E7EA;
  padding-top: 40px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.85);
  position: relative;
  z-index: 49; }
  .sectionSubNav ul {
    padding: 0px; }
  .sectionSubNav li {
    display: inline;
    margin-left: 0px;
    padding-right: 26px;
    font-size: 12px; }
    .sectionSubNav li:last-child {
      padding-right: 0px; }
  .sectionSubNav a:hover {
    padding-bottom: 28px;
    text-decoration: none;
    border-bottom: 1px solid #428bca;
    color: #428bca; }
  .sectionSubNav .active {
    color: #333;
    border-bottom: 1px solid #333;
    padding-bottom: 28px; }

.top-buffer {
  margin-top: 20px; }

.top-buffer-md {
  margin-top: 180px; }

.top-buffer-lg {
  margin-top: 260px; }

.tilt {
  -webkit-transform: rotate(-9deg);
          transform: rotate(-9deg); }

.integrations {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  margin: 0 auto;
  display: block;
  color: #fff;
  margin-bottom: 30px; }

.stacked {
  display: none; }

.integration-brands {
  padding-top: 60px;
  text-align: center;
  padding-bottom: 30px; }
  .integration-brands .logos .img-responsive {
    display: inline; }
  .integration-brands img {
    margin-top: 30px; }
  .integration-brands p {
    color: #fff; }

#map {
  width: 100%;
  height: 800px;
  background-image: url(/s/img/map.jpg); }

.getstarted {
  background: #fff;
  padding-bottom: 60px; }
  .getstarted .integration-brands {
    background: #fff;
    padding-top: 40px; }

.feature {
  color: #fff; }
  .feature p {
    margin-bottom: 30px; }
  .feature .row {
    padding: 40px 0;
    margin: 0 auto; }

.header {
  width: 84px;
  height: 60px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/s/img/logo_white.png) no-repeat;
  background-size: auto;
  margin-left: 26px;
  background-position-y: 18px; }

.login-container {
  width: 100px;
  height: 60px;
  position: absolute;
  right: 0;
  width: 220px;
  height: 60px;
  top: 0; }

.corner-login {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  display: inline;
  color: #438ee1;
  padding: 6px 20px 8px;
  background: #fff;
  right: 26px;
  border-radius: 2px;
  top: 14px;
  position: absolute; }

.corner-login:hover {
  text-decoration: none;
  color: #438ee1; }

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -100px;
  padding: 0 0 100px; }

body {
  background: #438ee1; }
  body[page="/home"], body[page="/features/searchies"], body[page="/e-commerce"] {
    background: #fff; }
    body[page="/home"] #logo, body[page="/features/searchies"] #logo, body[page="/e-commerce"] #logo {
      background: url(/s/img/website/home-logo@2x.png);
      background-size: 106px 33px;
      width: 106px;
      height: 33px;
      background-repeat: no-repeat;
      margin: 20px 26px 0px 26px; }
    body[page="/home"] .navbar-default, body[page="/features/searchies"] .navbar-default, body[page="/e-commerce"] .navbar-default {
      background: #fff; }
    body[page="/home"] .navbar-default .navbar-nav > li > a, body[page="/features/searchies"] .navbar-default .navbar-nav > li > a, body[page="/e-commerce"] .navbar-default .navbar-nav > li > a {
      color: #4B6274;
      background: #fff;
      -webkit-transition: background 0.3s;
      transition: background 0.3s; }
    body[page="/home"] .navbar-default .navbar-nav > li.free-trial > a, body[page="/features/searchies"] .navbar-default .navbar-nav > li.free-trial > a, body[page="/e-commerce"] .navbar-default .navbar-nav > li.free-trial > a {
      color: #fff;
      background: #5fcc41; }
    body[page="/home"] .navbar-default .navbar-nav > li.login > a, body[page="/features/searchies"] .navbar-default .navbar-nav > li.login > a, body[page="/e-commerce"] .navbar-default .navbar-nav > li.login > a {
      color: #438ee1; }
    body[page="/home"] .navbar-default .navbar-nav > li > a:hover, body[page="/features/searchies"] .navbar-default .navbar-nav > li > a:hover, body[page="/e-commerce"] .navbar-default .navbar-nav > li > a:hover {
      background: #f2f2f2;
      color: #4B6274; }
    body[page="/home"] .italic, body[page="/features/searchies"] .italic, body[page="/e-commerce"] .italic {
      font-style: italic; }
    body[page="/home"] .light-font, body[page="/features/searchies"] .light-font, body[page="/e-commerce"] .light-font {
      font-weight: 200; }
    body[page="/home"] .actions, body[page="/features/searchies"] .actions, body[page="/e-commerce"] .actions {
      text-transform: capitalize; }
    body[page="/home"] p, body[page="/features/searchies"] p, body[page="/e-commerce"] p {
      color: #5d5d5d;
      font-weight: 400; }
    body[page="/home"] .cta, body[page="/features/searchies"] .cta, body[page="/e-commerce"] .cta {
      margin-bottom: 30px;
      animation: fadeemailform 1s;
      -moz-animation: fadeemailform 1s;
      /* Firefox */
      -webkit-animation: fadeemailform 1s;
      /* Safari and Chrome */
      -o-animation: fadeemailform 1s;
      /* Opera */ }
      body[page="/home"] .cta p, body[page="/features/searchies"] .cta p, body[page="/e-commerce"] .cta p {
        color: #fff;
        font-weight: 400;
        margin-bottom: 14px; }
    body[page="/home"] .signup-mini, body[page="/features/searchies"] .signup-mini, body[page="/e-commerce"] .signup-mini {
      background: #fff;
      display: inline-block;
      border-radius: 4px;
      font-size: 14px;
      padding: 5px 6px 5px 14px;
      vertical-align: top;
      margin-right: 4px; }
      @media (max-width: 320px) {
        body[page="/home"] .signup-mini, body[page="/features/searchies"] .signup-mini, body[page="/e-commerce"] .signup-mini {
          margin-right: 0px; } }
      body[page="/home"] .signup-mini input, body[page="/features/searchies"] .signup-mini input, body[page="/e-commerce"] .signup-mini input {
        border: none;
        outline: none; }
        @media (max-width: 320px) {
          body[page="/home"] .signup-mini input, body[page="/features/searchies"] .signup-mini input, body[page="/e-commerce"] .signup-mini input {
            font-size: 12px; } }
        body[page="/home"] .signup-mini input.email, body[page="/features/searchies"] .signup-mini input.email, body[page="/e-commerce"] .signup-mini input.email {
          min-width: 210px; }
          @media (max-width: 320px) {
            body[page="/home"] .signup-mini input.email, body[page="/features/searchies"] .signup-mini input.email, body[page="/e-commerce"] .signup-mini input.email {
              width: 170px;
              min-width: 0px; } }
      body[page="/home"] .signup-mini .submit, body[page="/features/searchies"] .signup-mini .submit, body[page="/e-commerce"] .signup-mini .submit {
        border-radius: 3px;
        padding: 0px 16px 0px 18px;
        font-size: 14px;
        font-weight: 400;
        background: transparent;
        color: #448ee1;
        font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
        font-weight: 500;
        background: #5fcc41;
        color: #fff; }
        body[page="/home"] .signup-mini .submit:hover, body[page="/features/searchies"] .signup-mini .submit:hover, body[page="/e-commerce"] .signup-mini .submit:hover {
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
        body[page="/home"] .signup-mini .submit:focus, body[page="/features/searchies"] .signup-mini .submit:focus, body[page="/e-commerce"] .signup-mini .submit:focus {
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
        @media (max-width: 320px) {
          body[page="/home"] .signup-mini .submit, body[page="/features/searchies"] .signup-mini .submit, body[page="/e-commerce"] .signup-mini .submit {
            background: #5fcc41;
            color: #fff;
            border-left: 1px solid #fff; } }
    body[page="/home"] .btn, body[page="/features/searchies"] .btn, body[page="/e-commerce"] .btn {
      border-radius: 4px;
      padding: 10px 20px;
      opacity: 1;
      -webkit-transition: opacity .2s;
      transition: opacity .2s; }
      body[page="/home"] .btn.white, body[page="/features/searchies"] .btn.white, body[page="/e-commerce"] .btn.white {
        background: #fff;
        color: #438ee1; }
        body[page="/home"] .btn.white:hover, body[page="/features/searchies"] .btn.white:hover, body[page="/e-commerce"] .btn.white:hover {
          opacity: 0.87;
          color: #438ee1; }
      body[page="/home"] .btn.outline, body[page="/features/searchies"] .btn.outline, body[page="/e-commerce"] .btn.outline {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        opacity: 1;
        box-shadow: none; }
        body[page="/home"] .btn.outline:hover, body[page="/features/searchies"] .btn.outline:hover, body[page="/e-commerce"] .btn.outline:hover {
          opacity: 0.7; }
      body[page="/home"] .btn.play, body[page="/features/searchies"] .btn.play, body[page="/e-commerce"] .btn.play {
        background-image: url("/s/img/website/video_play_triangle_white@2x.png");
        background-size: 13px 18px;
        background-repeat: no-repeat;
        background-position: 21px 50%;
        padding-left: 48px;
        vertical-align: top; }
    body[page="/home"] .support-integration, body[page="/features/searchies"] .support-integration, body[page="/e-commerce"] .support-integration {
      padding: 44px 0px; }
      body[page="/home"] .support-integration h2, body[page="/features/searchies"] .support-integration h2, body[page="/e-commerce"] .support-integration h2 {
        margin-top: 56px; }
      body[page="/home"] .support-integration .logos, body[page="/features/searchies"] .support-integration .logos, body[page="/e-commerce"] .support-integration .logos {
        margin-top: 30px; }
    body[page="/home"] .headline, body[page="/features/searchies"] .headline, body[page="/e-commerce"] .headline {
      font-size: 32px;
      font-weight: 200;
      margin-bottom: 40px;
      line-height: 96px; }
      body[page="/home"] .headline.dark, body[page="/features/searchies"] .headline.dark, body[page="/e-commerce"] .headline.dark {
        color: #fff;
        background: #0C243A;
        border-bottom: 1px dotted #1B344B;
        font-size: 22px;
        font-weight: 600;
        height: 96px; }
    body[page="/home"] #logos, body[page="/features/searchies"] #logos, body[page="/e-commerce"] #logos {
      color: #fff;
      background: #091c2d;
      border-bottom: 1px dotted #172c40; }
      body[page="/home"] #logos .row, body[page="/features/searchies"] #logos .row, body[page="/e-commerce"] #logos .row {
        margin-bottom: 0px; }
      body[page="/home"] #logos .logo-wrapper, body[page="/features/searchies"] #logos .logo-wrapper, body[page="/e-commerce"] #logos .logo-wrapper {
        position: relative;
        height: 125px;
        margin: 10px 0; }
        @media (max-width: 1199px) {
          body[page="/home"] #logos .logo-wrapper, body[page="/features/searchies"] #logos .logo-wrapper, body[page="/e-commerce"] #logos .logo-wrapper {
            height: 105px; } }
        @media (max-width: 991px) {
          body[page="/home"] #logos .logo-wrapper, body[page="/features/searchies"] #logos .logo-wrapper, body[page="/e-commerce"] #logos .logo-wrapper {
            height: 80px; } }
        @media (max-width: 767px) {
          body[page="/home"] #logos .logo-wrapper, body[page="/features/searchies"] #logos .logo-wrapper, body[page="/e-commerce"] #logos .logo-wrapper {
            height: 85px; } }
        body[page="/home"] #logos .logo-wrapper .client-logo, body[page="/features/searchies"] #logos .logo-wrapper .client-logo, body[page="/e-commerce"] #logos .logo-wrapper .client-logo {
          position: absolute;
          width: 100%;
          opacity: 0;
          -webkit-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out; }
          @media (max-width: 767px) and (orientation: landscape) {
            body[page="/home"] #logos .logo-wrapper .client-logo, body[page="/features/searchies"] #logos .logo-wrapper .client-logo, body[page="/e-commerce"] #logos .logo-wrapper .client-logo {
              width: 50%;
              margin: 0 25%; } }
          body[page="/home"] #logos .logo-wrapper .client-logo.active, body[page="/features/searchies"] #logos .logo-wrapper .client-logo.active, body[page="/e-commerce"] #logos .logo-wrapper .client-logo.active {
            opacity: .7; }
    body[page="/home"] .audiences, body[page="/features/searchies"] .audiences, body[page="/e-commerce"] .audiences {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding-bottom: 10px;
      background: #0D283F; }
      body[page="/home"] .audiences h2, body[page="/features/searchies"] .audiences h2, body[page="/e-commerce"] .audiences h2 {
        color: #eee;
        font-size: 22px;
        line-height: 1.6em;
        margin-top: 0px;
        -webkit-animation: none;
                animation: none; }
      body[page="/home"] .audiences h3, body[page="/features/searchies"] .audiences h3, body[page="/e-commerce"] .audiences h3 {
        font-size: 15px;
        text-transform: lowercase;
        font-family: "Whitney SSm SC A","Whitney SSm SC B",Helvetica,Arial,sans-serif;
        margin-bottom: 9px;
        font-weight: 500;
        letter-spacing: 0.03em; }
      body[page="/home"] .audiences p, body[page="/features/searchies"] .audiences p, body[page="/e-commerce"] .audiences p {
        color: #fff; }
      body[page="/home"] .audiences b, body[page="/features/searchies"] .audiences b, body[page="/e-commerce"] .audiences b {
        font-weight: 600;
        color: #fff; }
      body[page="/home"] .audiences a, body[page="/features/searchies"] .audiences a, body[page="/e-commerce"] .audiences a {
        color: #eee;
        border-bottom: 1px dotted #4B6274; }
        body[page="/home"] .audiences a:hover, body[page="/features/searchies"] .audiences a:hover, body[page="/e-commerce"] .audiences a:hover {
          text-decoration: none;
          opacity: 0.8; }
      body[page="/home"] .audiences .row, body[page="/features/searchies"] .audiences .row, body[page="/e-commerce"] .audiences .row {
        margin-bottom: 40px; }
    body[page="/home"] .hifi-playback .container, body[page="/features/searchies"] .hifi-playback .container, body[page="/e-commerce"] .hifi-playback .container {
      background-image: url("/s/img/website/hifi-playback.png");
      background-repeat: no-repeat;
      background-size: 1140px 289px;
      width: 1140px;
      height: 289px; }
    body[page="/home"] .hifi-playback h1, body[page="/features/searchies"] .hifi-playback h1, body[page="/e-commerce"] .hifi-playback h1 {
      color: #10273E;
      font-weight: 300;
      line-height: 1.5em;
      padding: 54px 0px 0px; }
    body[page="/home"] .hifi-playback .timeline-decorated, body[page="/features/searchies"] .hifi-playback .timeline-decorated, body[page="/e-commerce"] .hifi-playback .timeline-decorated {
      background-image: url("/s/img/website/timeline-decorated.png");
      background-repeat: no-repeat;
      background-size: 348px 50px;
      width: 348px;
      height: 50px;
      position: absolute;
      left: 45px;
      top: 155px;
      display: none; }
    body[page="/home"] .hifi-playback .timeline-console, body[page="/features/searchies"] .hifi-playback .timeline-console, body[page="/e-commerce"] .hifi-playback .timeline-console {
      background-image: url("/s/img/website/timeline-console.png");
      background-repeat: no-repeat;
      background-size: 352px 50px;
      width: 352px;
      height: 50px;
      position: absolute;
      right: 261px;
      top: 176px;
      display: none; }
    body[page="/home"] .hifi-playback .timeline-skip, body[page="/features/searchies"] .hifi-playback .timeline-skip, body[page="/e-commerce"] .hifi-playback .timeline-skip {
      background-image: url("/s/img/website/timeline-skip.png");
      background-repeat: no-repeat;
      background-size: 191px 111px;
      width: 191px;
      height: 111px;
      position: absolute;
      right: 80px;
      top: 120px;
      display: none; }
    body[page="/home"] .questions, body[page="/home"] .twitter-love, body[page="/home"] .integrations, body[page="/features/searchies"] .questions, body[page="/features/searchies"] .twitter-love, body[page="/features/searchies"] .integrations, body[page="/e-commerce"] .questions, body[page="/e-commerce"] .twitter-love, body[page="/e-commerce"] .integrations {
      padding-bottom: 36px;
      border-bottom: 1px solid #C2D0DA; }
      body[page="/home"] .questions p, body[page="/home"] .twitter-love p, body[page="/home"] .integrations p, body[page="/features/searchies"] .questions p, body[page="/features/searchies"] .twitter-love p, body[page="/features/searchies"] .integrations p, body[page="/e-commerce"] .questions p, body[page="/e-commerce"] .twitter-love p, body[page="/e-commerce"] .integrations p {
        font-size: 18px;
        line-height: 1.6em;
        font-style: normal;
        font-family: "Sentinel SSm A", "Sentinel SSm B"; }
      body[page="/home"] .questions h1, body[page="/home"] .twitter-love h1, body[page="/home"] .integrations h1, body[page="/features/searchies"] .questions h1, body[page="/features/searchies"] .twitter-love h1, body[page="/features/searchies"] .integrations h1, body[page="/e-commerce"] .questions h1, body[page="/e-commerce"] .twitter-love h1, body[page="/e-commerce"] .integrations h1 {
        color: #10273E;
        font-weight: 300;
        line-height: 1.5em;
        padding: 54px 0px 0px; }
      body[page="/home"] .questions h3, body[page="/home"] .twitter-love h3, body[page="/home"] .integrations h3, body[page="/features/searchies"] .questions h3, body[page="/features/searchies"] .twitter-love h3, body[page="/features/searchies"] .integrations h3, body[page="/e-commerce"] .questions h3, body[page="/e-commerce"] .twitter-love h3, body[page="/e-commerce"] .integrations h3 {
        font-size: 15px;
        text-transform: lowercase;
        font-family: "Whitney SSm SC A","Whitney SSm SC B",Helvetica,Arial,sans-serif;
        margin-top: 0px;
        margin-bottom: 9px;
        font-weight: 500;
        letter-spacing: 0.03em;
        margin-bottom: 36px; }
      body[page="/home"] .questions .heartbeat, body[page="/home"] .twitter-love .heartbeat, body[page="/home"] .integrations .heartbeat, body[page="/features/searchies"] .questions .heartbeat, body[page="/features/searchies"] .twitter-love .heartbeat, body[page="/features/searchies"] .integrations .heartbeat, body[page="/e-commerce"] .questions .heartbeat, body[page="/e-commerce"] .twitter-love .heartbeat, body[page="/e-commerce"] .integrations .heartbeat {
        background-image: url("/s/img/website/questions-heartbeat@2x.png");
        background-repeat: no-repeat;
        background-size: 80px 125px;
        background-position: 50% 0px;
        padding-top: 150px; }
      body[page="/home"] .questions .eyeball, body[page="/home"] .twitter-love .eyeball, body[page="/home"] .integrations .eyeball, body[page="/features/searchies"] .questions .eyeball, body[page="/features/searchies"] .twitter-love .eyeball, body[page="/features/searchies"] .integrations .eyeball, body[page="/e-commerce"] .questions .eyeball, body[page="/e-commerce"] .twitter-love .eyeball, body[page="/e-commerce"] .integrations .eyeball {
        background-image: url("/s/img/website/questions-eyeball@2x.png");
        background-repeat: no-repeat;
        background-size: 95px 125px;
        background-position: 50% 0px;
        padding-top: 150px; }
      body[page="/home"] .questions .path, body[page="/home"] .twitter-love .path, body[page="/home"] .integrations .path, body[page="/features/searchies"] .questions .path, body[page="/features/searchies"] .twitter-love .path, body[page="/features/searchies"] .integrations .path, body[page="/e-commerce"] .questions .path, body[page="/e-commerce"] .twitter-love .path, body[page="/e-commerce"] .integrations .path {
        background-image: url("/s/img/website/questions-path@2x.png");
        background-repeat: no-repeat;
        background-size: 87px 125px;
        background-position: 50% 0px;
        padding-top: 150px; }
      body[page="/home"] .questions .clip, body[page="/home"] .twitter-love .clip, body[page="/home"] .integrations .clip, body[page="/features/searchies"] .questions .clip, body[page="/features/searchies"] .twitter-love .clip, body[page="/features/searchies"] .integrations .clip, body[page="/e-commerce"] .questions .clip, body[page="/e-commerce"] .twitter-love .clip, body[page="/e-commerce"] .integrations .clip {
        background-image: url("/s/img/website/questions-clip@2x.png");
        background-repeat: no-repeat;
        background-size: 68px 125px;
        background-position: 50% 0px;
        padding-top: 150px; }
      body[page="/home"] .questions .btn, body[page="/home"] .twitter-love .btn, body[page="/home"] .integrations .btn, body[page="/features/searchies"] .questions .btn, body[page="/features/searchies"] .twitter-love .btn, body[page="/features/searchies"] .integrations .btn, body[page="/e-commerce"] .questions .btn, body[page="/e-commerce"] .twitter-love .btn, body[page="/e-commerce"] .integrations .btn {
        background: #F76F8E;
        padding: 10px 20px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
        body[page="/home"] .questions .btn:hover, body[page="/home"] .twitter-love .btn:hover, body[page="/home"] .integrations .btn:hover, body[page="/features/searchies"] .questions .btn:hover, body[page="/features/searchies"] .twitter-love .btn:hover, body[page="/features/searchies"] .integrations .btn:hover, body[page="/e-commerce"] .questions .btn:hover, body[page="/e-commerce"] .twitter-love .btn:hover, body[page="/e-commerce"] .integrations .btn:hover {
          opacity: 0.8; }
    body[page="/home"] .twitter-love blockquote, body[page="/features/searchies"] .twitter-love blockquote, body[page="/e-commerce"] .twitter-love blockquote {
      font-size: 26px;
      margin: 24px 0px 0px;
      font-family: "Sentinel SSm A", "Sentinel SSm B";
      font-style: italic;
      font-weight: 100;
      color: #4B6274;
      text-align: center;
      padding: 22px 0px 0px;
      border-left: none; }
      body[page="/home"] .twitter-love blockquote:before, body[page="/features/searchies"] .twitter-love blockquote:before, body[page="/e-commerce"] .twitter-love blockquote:before {
        background: url("/s/img/website/quotemark-green@2x.png");
        background-size: 26px 17px;
        width: 26px;
        height: 17px;
        margin: 0px auto 30px;
        display: block; }
    body[page="/home"] .twitter-love .logo, body[page="/features/searchies"] .twitter-love .logo, body[page="/e-commerce"] .twitter-love .logo {
      max-width: 250px;
      margin-top: 0px; }
    body[page="/home"] .twitter-love .btn, body[page="/features/searchies"] .twitter-love .btn, body[page="/e-commerce"] .twitter-love .btn {
      background: #6B5CA5;
      padding: 10px 20px;
      border-radius: 20px;
      color: #fff;
      font-size: 14px;
      opacity: 1;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      body[page="/home"] .twitter-love .btn:hover, body[page="/features/searchies"] .twitter-love .btn:hover, body[page="/e-commerce"] .twitter-love .btn:hover {
        opacity: 0.8; }
    body[page="/home"] .integrations, body[page="/features/searchies"] .integrations, body[page="/e-commerce"] .integrations {
      margin-bottom: 0px; }
      body[page="/home"] .integrations h3, body[page="/features/searchies"] .integrations h3, body[page="/e-commerce"] .integrations h3 {
        margin-bottom: 70px; }
      body[page="/home"] .integrations .btn, body[page="/features/searchies"] .integrations .btn, body[page="/e-commerce"] .integrations .btn {
        background: #FEA540; }
    body[page="/home"] .understand, body[page="/features/searchies"] .understand, body[page="/e-commerce"] .understand {
      margin-top: 50px; }
      body[page="/home"] .understand h1, body[page="/features/searchies"] .understand h1, body[page="/e-commerce"] .understand h1 {
        font-size: 28px;
        padding: 0px;
        font-family: "Sentinel SSm A", "Sentinel SSm B";
        font-style: italic;
        font-weight: 100;
        color: #4B6274;
        text-align: center; }
      body[page="/home"] .understand h3, body[page="/features/searchies"] .understand h3, body[page="/e-commerce"] .understand h3 {
        font-size: 15px;
        text-transform: lowercase;
        font-family: "Whitney SSm SC A","Whitney SSm SC B",Helvetica,Arial,sans-serif;
        margin-bottom: 9px;
        font-weight: 500;
        letter-spacing: 0.03em; }
      body[page="/home"] .understand .copy, body[page="/features/searchies"] .understand .copy, body[page="/e-commerce"] .understand .copy {
        margin-left: 40px;
        background-image: url("/s/img/website/understand-arrows.png");
        background-repeat: no-repeat;
        background-size: 348px 213px;
        background-position: 0px 70px;
        padding-bottom: 100px; }
      body[page="/home"] .understand .segments, body[page="/features/searchies"] .understand .segments, body[page="/e-commerce"] .understand .segments {
        background-image: url("/s/img/website/understand-segments.png");
        background-repeat: no-repeat;
        background-size: 344px 462px;
        width: 344px;
        height: 462px; }
      body[page="/home"] .understand .indiv, body[page="/features/searchies"] .understand .indiv, body[page="/e-commerce"] .understand .indiv {
        background-image: url("/s/img/website/understand-indiv.png");
        background-repeat: no-repeat;
        background-size: 344px 462px;
        width: 344px;
        height: 462px; }
    body[page="/home"] .green, body[page="/features/searchies"] .green, body[page="/e-commerce"] .green {
      color: #5FCC41; }
    body[page="/home"] .orange, body[page="/features/searchies"] .orange, body[page="/e-commerce"] .orange {
      color: #FEA540; }
    body[page="/home"] .purple, body[page="/features/searchies"] .purple, body[page="/e-commerce"] .purple {
      color: #6B5CA5; }
    body[page="/home"] .pink, body[page="/features/searchies"] .pink, body[page="/e-commerce"] .pink {
      color: #F76F8E; }
    body[page="/home"] .blue, body[page="/features/searchies"] .blue, body[page="/e-commerce"] .blue {
      color: #438ee1; }
    body[page="/home"] .white, body[page="/features/searchies"] .white, body[page="/e-commerce"] .white {
      color: #fff; }
    body[page="/home"] .darkbluebg, body[page="/features/searchies"] .darkbluebg, body[page="/e-commerce"] .darkbluebg {
      background: #438ee1; }
  body[page*="/docs/"], body[page*="/legal"] {
    background: #fff; }
    body[page*="/docs/"] .navbar-default, body[page*="/legal"] .navbar-default {
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1030;
      top: 0;
      border-width: 0 0 1px; }
  body[page="/cancel"] {
    background-color: #f76e6c; }
    body[page="/cancel"] .nav-wrapper {
      background-color: #f76e6c; }
    body[page="/cancel"] .navbar-default {
      background-color: #f76e6c; }
      body[page="/cancel"] .navbar-default .contact-us {
        display: none; }

.logo {
  width: 250px;
  margin: 0 auto;
  margin-top: 100px;
  text-align: center;
  display: block;
  padding: 0px 0px 40px 0px; }

.logo-sm {
  background: url(/s/img/logo_white.png) no-repeat;
  background-size: auto;
  height: 25px;
  width: 77px; }

.signup-intro {
  padding: 0px 0px 20px 0px;
  margin: 60px 0px 20px; }

.signup-intro h4 {
  font-weight: 600;
  margin-bottom: 3px; }

.page-header {
  margin-top: 17px;
  background: url("img/page_header.png");
  background-repeat: no-repeat;
  height: 59px;
  border: none;
  z-index: 100;
  font-size: 26px;
  font-weight: 200;
  padding-left: 80px;
  padding-top: 10px; }

.copy {
  max-width: 680px;
  margin: 0px auto;
  padding-top: 123px; }

.twitter {
  background-image: url(/s/img/twitterbird.png);
  width: 38px;
  height: 31px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .twitter {
      background-image: url(/s/img/twitterbird@2x.png);
      background-size: 38px 31px; } }

.pin-bottom {
  position: absolute;
  bottom: 30px; }

.bold {
  font-weight: 600;
  display: block; }

.stroke-underline {
  background: url(/s/img/stroke_underline.png) no-repeat;
  background-position: center bottom; }

.login h3, .form-signin h3 {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  margin: 0px; }

.pricing {
  background: #fff;
  color: #3A4B59;
  padding-top: 60px;
  padding-bottom: 20px; }
  .pricing .pricingToggler {
    text-align: center; }
    .pricing .pricingToggler .active {
      display: inline;
      color: #333;
      font-weight: 600; }
    .pricing .pricingToggler a {
      display: inline;
      color: #438ee1;
      font-weight: 600;
      text-decoration: none; }
      .pricing .pricingToggler a:hover {
        text-decoration: underline; }
  .pricing .calculator {
    font-size: 31px;
    max-width: 720px;
    display: block;
    margin: 0 auto;
    line-height: 1.7em;
    margin-top: 30px;
    margin-bottom: 50px; }
  .pricing .calcTotal {
    text-align: center; }
    .pricing .calcTotal sup {
      top: -1.4em;
      font-size: 140%;
      padding-right: 6px; }
    .pricing .calcTotal .digit {
      font-family: 'Whitney Cond A', 'Whitney Cond B';
      font-size: 72px;
      color: #4A4A4A;
      font-weight: 600; }
    .pricing .calcTotal .letsChat {
      font-family: 'Whitney Cond A', 'Whitney Cond B';
      font-size: 36px;
      color: #4A4A4A;
      font-weight: 600; }
  .pricing .trafficCap {
    font-size: 13px;
    width: 80px;
    display: inline-block; }

.col-sm-3 .half-rule {
  width: 80px;
  margin: 10px auto; }

.col-sm-3 hr {
  border-top: 2px solid #eeeeee; }

#brand {
  padding: 0px 0px 40px 0px;
  background: #fff; }
  #brand .col-md-6 {
    margin-bottom: 20px; }
  #brand h2 {
    color: #222;
    -webkit-animation: none;
    animation: none; }
  #brand .download {
    position: absolute;
    font-size: 11px;
    bottom: -10px;
    left: 15px;
    background: #448EE1;
    color: #fff;
    padding: 5px 9px; }
    #brand .download:hover {
      text-decoration: underline; }
  #brand .press-kit {
    background: #F76F8E;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    #brand .press-kit a {
      color: #fff; }
  #brand .btn {
    margin: 22px auto 0px auto;
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
    display: block;
    max-width: 210px; }
  #brand .hex {
    position: absolute;
    font-size: 11px;
    bottom: -5px;
    right: 24px; }
  #brand .white, #brand .blue {
    padding: 70px 100px; }
    #brand .white img, #brand .blue img {
      margin: 0 auto; }
    #brand .white a, #brand .blue a {
      border: none; }
  #brand .white {
    background: #438ee1; }
    #brand .white .hex {
      color: #fff; }
  #brand .blue {
    background: #fff;
    border: 1px solid #E3E7EA; }
    #brand .blue .hex {
      color: #999; }
  #brand .note {
    text-align: center;
    border: 1px solid #E3E7EA;
    padding: 7px 0px;
    color: #999;
    font-style: italic;
    font-size: 12px;
    font-weight: 500; }
  #brand hr {
    margin: 50px 0px; }

.arrowDown {
  margin: -1px auto 0;
  position: absolute;
  z-index: 50;
  background: url("/s/img/arrow-down-blue.png") no-repeat;
  background-position: center;
  width: 42px;
  height: 21px;
  left: 0px;
  right: 0px;
  -webkit-animation: helloArrowDown .5s; }
  .arrowDown.dark {
    background: url("/s/img/website/arrow-down-dark.png") no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .arrowDown {
      background-image: url(/s/img/arrow-down-blue@2x.png);
      background-size: 42px 21px; } }

.arrowDownTeam {
  left: -248px; }

.arrowDownInvestors {
  left: -146px; }

.arrowDownBrand {
  right: -42px; }

.arrowDownContact {
  right: -40px; }

.arrowDownJobs {
  right: -185px; }

.madlib-form {
  position: relative;
  display: inline-block; }
  .madlib-form ::-webkit-input-placeholder {
    color: #666; }
  .madlib-form ::-moz-placeholder {
    color: #666; }
  .madlib-form :-ms-input-placeholder {
    color: #666; }
  .madlib-form ::placeholder {
    color: #666; }

.madlib-form input[type="text"] {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #666;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  font-style: italic;
  padding: 0px 8px;
  width: 100%; }

.madlib-form:before, .madlib-form:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2px;
  height: 6px;
  border-left: 2px solid #666; }

.madlib-form:before {
  left: 0; }

.madlib-form:after {
  right: 0; }

select {
  color: #666;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #fff;
  border-radius: 0px;
  border-bottom: 2px solid #666;
  font-style: italic;
  padding-left: 10px; }
  select:focus {
    background: #f5f6f7; }

.tos h1, .tos h2, .tos h3, .tos h4, .privacy h1, .privacy h2, .privacy h3, .privacy h4, .acceptable-use h1, .acceptable-use h2, .acceptable-use h3, .acceptable-use h4 {
  color: #000; }

.tos h4, .privacy h4, .acceptable-use h4 {
  font-weight: 600;
  margin: 36px 0px 7px; }

.tos h5, .privacy h5, .acceptable-use h5 {
  margin: 15px 0px 7px; }

.tos .woohoo, .privacy .woohoo, .acceptable-use .woohoo {
  font-style: italic; }

.tos p.last-modified, .privacy p.last-modified, .acceptable-use p.last-modified {
  margin-top: 50px;
  font-size: 8pt; }

.subNav {
  background: rgba(255, 255, 255, 0.94);
  position: fixed;
  z-index: 1000;
  padding-top: 69px;
  width: 100%;
  border-bottom: 1px solid #E3E7EA; }
  .subNav ul {
    padding: 26px 15px 23px 0px;
    font-weight: 400;
    margin-bottom: 0px; }
  .subNav li {
    list-style-type: none;
    display: inline;
    margin-left: 25px;
    margin-right: 5px;
    font-size: 14px; }
  .subNav .muted {
    color: #8F9CB3;
    font-size: 14px;
    display: inline;
    font-weight: 400; }
  .subNav a {
    color: #189BD2;
    text-decoration: none; }
    .subNav a:hover {
      padding-bottom: 28px;
      border-bottom: 1px solid #189BD2; }
  .subNav .active {
    color: #242932;
    cursor: default;
    padding-bottom: 28px;
    border-bottom: 1px solid #242932; }

.fixed-side-nav {
  margin-top: 4px;
  position: fixed; }
  .fixed-side-nav ul {
    padding: 26px 15px 26px 0px;
    font-weight: 400;
    margin-bottom: 0px; }
  .fixed-side-nav li {
    list-style-type: none;
    display: block; }

.typersans {
  display: none; }

#customers {
  background: #fff;
  padding: 0px 0px 40px 0px; }
  #customers h2 {
    color: #222;
    margin: 24px 0px;
    -webkit-animation: none;
    animation: none;
    font-weight: 700;
    text-align: center;
    font-size: 38px; }
  #customers h3 {
    text-transform: none;
    color: #333;
    font-size: 24px;
    margin: 2em 0px 0.7em;
    font-weight: 600; }
  #customers figure {
    margin: 20px -175px; }
    #customers figure img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0px auto 30px auto; }
  #customers blockquote {
    font-size: 26px;
    margin: 18px 0px;
    font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-style: italic;
    font-weight: 100;
    color: #4B6274;
    text-align: center;
    padding: 22px 0px;
    border-left: none;
    margin-left: -175px;
    margin-right: -175px; }
    #customers blockquote:before {
      background: url("/s/img/quotemark.png");
      background-size: auto;
      width: 27px;
      height: 18px;
      margin: 0px auto 30px;
      display: block; }
  #customers .normalize {
    margin-left: 0px;
    margin-right: 0px; }
  #customers hr {
    border: 1px solid #E4E8EB;
    background: #fff;
    width: 70%; }
  #customers .arrowDownOverview {
    left: -800px; }
  #customers .arrowDownPm {
    left: -520px; }
  #customers .arrowDownUx {
    left: -205px; }
  #customers .arrowDownMarketing {
    right: -42px; }
  #customers .arrowDownCs {
    right: -100px; }
  #customers .arrowDownEng {
    right: -390px; }
  #customers .arrowDownMarketing {
    right: -598px; }
  #customers .arrowDownSales {
    right: -598px; }
  #customers .arrowDownGameFilm {
    right: -800px; }
  #customers .quote {
    margin-bottom: 20px; }
    #customers .quote .avatar {
      border-radius: 100px;
      margin: 0 auto 10px;
      width: 112px; }
  #customers .stories .card {
    border: 1px solid #E4E7EA;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-animation: helloPoster .6s; }
  #customers .stories a:hover {
    text-decoration: none; }
    #customers .stories a:hover .card {
      box-shadow: 0 2px 27px rgba(0, 0, 0, 0.1);
      margin-top: -5px; }
  #customers .stories img {
    display: block;
    margin: 48px auto; }
  #customers .stories .info {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 20px 20px; }
    #customers .stories .info h2 {
      font-size: 24px;
      font-weight: 200;
      color: #fff;
      text-align: center;
      margin: 0px;
      opacity: 1.0; }
    #customers .stories .info hr {
      width: 60px;
      border-top: 1px solid #fff;
      border-bottom: none;
      opacity: 0.3; }
    #customers .stories .info p {
      font-size: 14px;
      color: #fff;
      text-align: center;
      margin-bottom: 10px;
      opacity: 0.8; }
  #customers .stories .spop {
    background: #428AC3; }
  #customers .stories .relay {
    background: #33B396;
    margin-top: -11px; }
  #customers .stories .uv {
    background: #F59331;
    margin-top: -1px; }
  #customers .gamefilm {
    margin-top: 30px;
    margin-bottom: 30px; }
    #customers .gamefilm .promo {
      display: inline-block; }
      #customers .gamefilm .promo a:hover img {
        opacity: 0.9; }
    #customers .gamefilm img {
      display: inline-block;
      width: 100%;
      height: auto;
      -webkit-transition: opacity .2s ease-in-out;
      transition: opacity .2s ease-in-out; }
  #customers h1 {
    color: #444;
    font-weight: 600;
    text-align: center;
    -webkit-animation: none;
    animation: none;
    font-size: 26px;
    font-style: italic; }
  #customers .tweets {
    margin-bottom: 20px;
    padding-bottom: 20px; }
    #customers .tweets iframe {
      width: 550px !important; }
    #customers .tweets blockquote {
      font-size: 14px;
      text-align: left;
      font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Sans;
      margin: 0px;
      font-style: normal;
      padding: 8px 0px;
      font-weight: 500; }
      #customers .tweets blockquote:before {
        background: none;
        display: none; }
      #customers .tweets blockquote p {
        margin-bottom: 8px;
        line-height: 1.6em;
        font-weight: 500; }

.company {
  padding: 0px 0px 40px 0px;
  background: #fff; }
  .company .theTeam .img-responsive {
    border-radius: 100px;
    max-width: 132px; }
  .company .theTeam .row {
    margin-bottom: 20px; }
  .company .theTeam li {
    display: inline-block;
    text-align: center;
    padding: 0px 0px 40px 60px;
    vertical-align: top;
    width: 198px; }
    .company .theTeam li.leftmost {
      margin-left: 0px; }
  .company .theTeam a img {
    border: 2px solid #fff; }
    .company .theTeam a img:hover {
      border: 2px solid #438ee1; }
  .company .theTeam h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px; }
  .company .theTeam h4 {
    color: #3A4B59;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 0px; }
  .company a img {
    border: 2px solid #438ee1; }
  .company .investors .avatar {
    border-radius: 100px;
    margin: 0 auto; }
  .company .contact .form-group {
    position: relative; }
  .company .contact label {
    font-size: 21px;
    font-weight: 500;
    color: #dde1e4;
    position: absolute;
    top: 15px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
  .company .contact span.error {
    background: #e35f61;
    width: 100px;
    right: -110px;
    top: 0px;
    position: absolute;
    color: #fff;
    font-size: 12px;
    padding: 8px;
    border-radius: 3px;
    font-weight: 500;
    text-align: center; }
    @media (max-width: 767px) {
      .company .contact span.error {
        background: #fff;
        width: 100%;
        right: 0px;
        top: inherit;
        bottom: -20px;
        color: #e35f61;
        font-size: 10px;
        border-radius: 0px;
        padding: 3px 8px; } }
    .company .contact span.error:before {
      content: "";
      border-style: solid;
      border-width: 10px 10px 10px 0;
      border-color: transparent #e35f61 transparent transparent;
      height: 0px;
      width: 0px;
      position: absolute;
      left: -10px;
      top: 50%;
      margin-top: -10px; }
      @media (max-width: 767px) {
        .company .contact span.error:before {
          content: none; } }
  .company .contact input[type='text'], .company .contact input[type='email'], .company .contact input[type='password'], .company .contact textarea, .company .contact select {
    padding: 0px;
    height: 60px;
    font-size: 21px;
    color: #438ee1;
    border-bottom: 1px solid #E4E8EB;
    margin-bottom: 30px;
    position: relative;
    background: none;
    z-index: 100; }
    .company .contact input[type='text'].filled, .company .contact input[type='text'].focused, .company .contact input[type='email'].filled, .company .contact input[type='email'].focused, .company .contact input[type='password'].filled, .company .contact input[type='password'].focused, .company .contact textarea.filled, .company .contact textarea.focused, .company .contact select.filled, .company .contact select.focused {
      border-bottom: 1px solid #438ee1;
      box-shadow: 0 2px 0 #438ee1; }
      .company .contact input[type='text'].filled + label, .company .contact input[type='text'].focused + label, .company .contact input[type='email'].filled + label, .company .contact input[type='email'].focused + label, .company .contact input[type='password'].filled + label, .company .contact input[type='password'].focused + label, .company .contact textarea.filled + label, .company .contact textarea.focused + label, .company .contact select.filled + label, .company .contact select.focused + label {
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
        -webkit-transform: translateY(-26px);
                transform: translateY(-26px);
        font-size: 12px; }
      .company .contact input[type='text'].filled:not(:focus), .company .contact input[type='text'].focused:not(:focus), .company .contact input[type='email'].filled:not(:focus), .company .contact input[type='email'].focused:not(:focus), .company .contact input[type='password'].filled:not(:focus), .company .contact input[type='password'].focused:not(:focus), .company .contact textarea.filled:not(:focus), .company .contact textarea.focused:not(:focus), .company .contact select.filled:not(:focus), .company .contact select.focused:not(:focus) {
        border-bottom: 1px solid #E4E8EB;
        box-shadow: none; }
  .company .contact textarea {
    border: none;
    border-bottom: 1px solid #E4E8EB;
    width: 100%;
    display: block;
    height: 160px;
    outline: none;
    padding-top: 16px; }
  .company .contact .select-wrapper:before {
    position: absolute;
    content: '';
    right: 0;
    top: 26px;
    border: 1px solid red;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #438ee1 transparent transparent transparent;
    z-index: 100; }
  .company .contact select {
    display: block;
    width: 100%;
    font-style: normal;
    position: relative; }
  .company .contact button {
    height: 60px;
    background: #438ee1;
    border-radius: 30px;
    font-size: 21px;
    width: 300px;
    margin: 30px; }
    .company .contact button:disabled {
      opacity: .2; }
  .company .contact h1 {
    background: #fff;
    padding: 30px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    display: inline; }
  .company .contact a {
    color: #333; }
  .company .contact img {
    border: none; }
  .company .contact .container h1 {
    pointer-events: auto; }
  .company .jobs li {
    margin: 0px 0px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 1.8em;
    color: #444; }
  .company .jobs .col-md-2 ul li {
    font-size: 13px;
    font-size: 14px;
    line-height: 1.4em; }

.investors .gv, .jobs .gv {
  border: none; }

.investors h2, .jobs h2 {
  color: #222;
  -webkit-animation: none;
  animation: none; }

.investors hr, .jobs hr {
  margin: 50px 0px; }

.jobs .muted {
  color: #778B9A;
  font-size: 16px;
  font-weight: 500; }

.jobs .applyNow {
  background: #69CB95;
  padding: 8px 16px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 100px;
  display: inline-block; }
  .jobs .applyNow a {
    color: #fff; }

.jobs h2 {
  margin-bottom: 0px;
  display: inline; }

.jobs h4 {
  color: #444;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-top: 30px;
  margin-bottom: 16px;
  font-weight: 600; }

.jobs .location {
  color: #009933;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 30px;
  display: block; }

.jobs ul {
  margin-bottom: 30px; }

.optoutBody {
  margin: 0;
  padding: 16px 32px; }

.optoutNav {
  vertical-align: middle;
  line-height: 32px; }
  .optoutNav .email {
    font-size: 12px;
    color: white;
    float: right; }
    .optoutNav .email a, .optoutNav .email a:visited {
      font-weight: bold;
      color: white; }

.optout {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  background-color: white;
  margin-top: 128px;
  box-shadow: 5px 5px 0px 0px rgba(44, 131, 184, 0.38); }
  .optout .top {
    padding: 16px;
    border-bottom: 1px solid #E0E0E0; }
    .optout .top #optoutButton {
      display: inline-block;
      width: 300px;
      height: 64px;
      vertical-align: middle;
      line-height: 64px;
      color: white;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 2px; }
      .optout .top #optoutButton.recording {
        background-color: #E96868;
        box-shadow: 0px 3px 0px #BD484A; }
      .optout .top #optoutButton.notRecording {
        background-color: #69CB95;
        box-shadow: 0px 3px 0px #43A36E; }
  .optout #feedback {
    font-size: 14px;
    color: #898989;
    padding: 16px; }

.email-us {
  margin-top: -2px; }

.docs, .faq {
  padding-top: 150px;
  padding-left: 40px; }
  .docs p, .faq p {
    font-size: 15px; }
  .docs code, .faq code {
    font-size: 85%;
    background-color: #f5f6f7;
    color: #007000;
    border-radius: 2px; }
  .docs ol, .faq ol {
    margin: 16px 0px; }
  .docs ol, .docs li, .faq ol, .faq li {
    margin-bottom: 20px; }
  .docs .note, .faq .note {
    background-color: #FFFEEE;
    padding: 10px 15px;
    border-radius: 2px; }
  .docs section, .faq section {
    /*Adds margin to the in-page anchors so they don't slam to the top of the page*/ }
    .docs section:before, .faq section:before {
      display: block;
      content: " ";
      margin-top: -175px;
      height: 175px;
      visibility: hidden; }
  .docs h1, .faq h1 {
    color: #444B58;
    font-weight: 300;
    font-size: 30px;
    margin: 30px 0px 20px 0px;
    border-bottom: 1px solid #E3E7EA;
    padding-bottom: 16px; }
  .docs h2, .faq h2 {
    font-size: 20px;
    font-weight: 600;
    color: #242932;
    margin-top: 45px;
    margin-bottom: 7px;
    opacity: 1; }
  .docs h3, .faq h3 {
    font-size: 18px;
    font-weight: 600;
    color: #242932;
    margin-top: 45px;
    margin-bottom: 7px;
    opacity: 1; }
  .docs h4, .faq h4 {
    color: #8F9CB3;
    font-weight: 500;
    border-bottom: 1px solid #E3E7EA;
    font-size: 15px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    margin-top: 40px;
    pointer-events: none; }
    .docs h4 h5, .faq h4 h5 {
      margin-bottom: 0px; }
  .docs h1, .docs h2, .faq h1, .faq h2 {
    -webkit-animation: none;
    animation: none; }
  .docs b, .faq b {
    font-weight: 600; }
  .docs .subheading, .faq .subheading {
    font-weight: 600; }
  .docs .muted, .faq .muted {
    color: #8F9CB3;
    font-size: 15px;
    display: inline;
    font-weight: 400; }
  .docs a, .faq a {
    color: #189BD2;
    text-decoration: none; }
  .docs .active, .faq .active {
    color: #242932; }
  .docs table, .faq table {
    width: 80%;
    margin-left: 10ex; }
  .docs tr, .faq tr {
    vertical-align: top; }
  .docs td, .docs th, .faq td, .faq th {
    padding-right: 20px;
    white-space: nowrap; }
  .docs td, .faq td {
    padding-top: 10px; }
  .docs tr:first-child td, .faq tr:first-child td {
    padding-top: 0; }

.getstarted .faq {
  padding-top: 0px; }

.video-placeholder {
  background: url(/s/img/video_placeholder.png);
  background-size: 571px 333px;
  background-repeat: no-repeat; }

.form-signup {
  max-width: 960px;
  position: relative; }
  .form-signup ::-webkit-input-placeholder {
    color: #96A2AC; }
  .form-signup ::-moz-placeholder {
    color: #96A2AC; }
  .form-signup :-ms-input-placeholder {
    color: #96A2AC; }
  .form-signup ::placeholder {
    color: #96A2AC; }

.form-signup {
  animation: fadeemailform .8s;
  -moz-animation: fadeemailform .8s;
  /* Firefox */
  -webkit-animation: fadeemailform .8s;
  /* Safari and Chrome */
  -o-animation: fadeemailform .8s;
  /* Opera */ }

.form-signup .form-control {
  position: relative;
  font-size: 32px;
  font-weight: 200;
  height: auto;
  padding: 18px 0px 16px 37px;
  border-radius: 100px;
  box-sizing: border-box; }

.form-signup .form-control:focus {
  z-index: 2;
  color: #189BD2; }

.form-signin input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.form-signup input[type="text"] {
  color: #438ee1; }

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.form-control {
  border: none;
  box-shadow: none;
  border-radius: 0px; }

.form-control:focus {
  border-color: #178BBB;
  outline: 0;
  box-shadow: none;
  color: #fff; }

.login .form-control {
  background: #fff;
  font-size: 16px;
  color: #333;
  padding: 18px 12px;
  height: auto; }

.firstname {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.lastname {
  border-radius: 0px; }

.border-bottom {
  border-bottom: 1px solid #ebebeb; }

.login-google-container {
  position: relative;
  margin: 38px 0 16px;
  text-align: center;
  width: 410px; }
  .login-google-container a {
    cursor: pointer;
    background: #fff url(/s/img/googleg@2x.png) 360px center no-repeat;
    background-size: 29px 30px;
    border-radius: 2px;
    border: 0 solid transparent;
    color: #3A4B59;
    display: block;
    font-size: 18px;
    font-family: "Whitney SSm SC A", "Whitney SSm SC B", Helvetica, Arial, sans-serif;
    padding: 18px 0;
    text-transform: lowercase;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 2px 0 0 #3d7cc4; }
    .login-google-container a:hover {
      background-color: whitesmoke;
      color: #3A4B59;
      text-decoration: none;
      box-shadow: 0 4px 0 0 #3670B2; }

.special-hr {
  font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, serif;
  color: #a1c6f0;
  margin-bottom: 17px;
  font-size: 14px;
  text-align: center;
  font-style: oblique;
  position: relative; }
  .special-hr:after, .special-hr:before {
    position: absolute;
    top: 10px;
    width: 46%;
    height: 2px;
    content: '';
    background-image: -webkit-linear-gradient(right, #a1c6f0, rgba(161, 198, 240, 0));
    background-image: linear-gradient(to left, #a1c6f0, rgba(161, 198, 240, 0)); }
  .special-hr:before {
    left: 0; }
  .special-hr:after {
    right: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

/*  @media (max-width: 489px) {

    .firstname, .lastname {
      width:100%;
    }
    .firstname {
      border-top-right-radius: 6px;
      width:100%;
    }
    .lastname {
      border-radius: 0;
      width:100%;
    }
  }*/
.email-border {
  border-bottom: 1px solid #ebebeb; }

.company {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px; }

.btn-primary {
  margin-top: 20px;
  border-radius: 3px;
  padding: 10px 15px;
  background-color: #157FAB;
  font-weight: 500;
  border: none;
  font-size: 16px;
  width: 100%;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out; }

.btn-primary:hover {
  background-color: #115571; }

.login-nav {
  background: transparent;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
  border: 2px solid #39454D; }

.loginbtn {
  background: url("img/loginbtn.png");
  height: 27px;
  width: 27px;
  border: none;
  position: absolute;
  right: 34px;
  bottom: 81px;
  z-index: 100; }

.forgotpw {
  padding: 10px 0px 0px 7px; }

.signupbtn {
  background: #f6f6f6;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500; }

.notFound {
  background: #438ee1;
  text-align: center;
  color: #fff;
  position: relative; }
  .notFound h1 {
    margin-top: 0px;
    font-size: 96px;
    padding-top: 80px; }
  .notFound .lostText {
    font-style: italic;
    padding: 0px 20px;
    font-size: 14px;
    color: white; }
  .notFound p.back a {
    background: #189BD2;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 3px;
    margin-top: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out; }
    .notFound p.back a:hover {
      background: #115571; }
  .notFound .logo-footer {
    position: absolute;
    bottom: 120px;
    left: 0px;
    right: 0px;
    background: url(/s/img/logo_white_product.png) no-repeat;
    background-size: auto;
    height: 33px;
    width: 104px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .notFound .logo-footer {
        background-image: url(/s/img/logo_white_product@2x.png);
        background-size: 104px 33px; } }

#footer {
  text-align: center;
  height: 100px;
  color: #949AA0;
  font-size: 14px;
  background: #f5f6f7;
  margin-top: 60px;
  padding-top: 15px;
  font-size: 13px; }

#footer ul {
  margin: 20px 0px 0px 0px;
  padding: 0;
  list-style-type: none; }

#footer ul li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #D4D4D4;
  font-size: 14px; }

#footer ul li:last-child {
  border-right: none; }

#footer ul li a {
  text-decoration: none;
  color: #939A9F; }

@media (max-width: 1199px) {
  .videoHero .poster {
    margin-top: -35px; }
  #product .vertSpacer-md {
    padding-top: 20px; }
  #customers figure {
    margin: 30px -96px; }
  #customers blockquote {
    margin: 10px 0px;
    line-height: 1.6em; }
  .hifi-playback .container {
    background-image: url("/s/img/website/hifi-playback.png");
    background-repeat: no-repeat;
    background-size: 940px 237px !important;
    width: 940px !important;
    height: 237px !important; }
  .hifi-playback .timeline-decorated {
    left: 20px !important;
    top: 115px !important; }
  .hifi-playback .timeline-console {
    right: 209px !important;
    top: 136px !important; }
  .hifi-playback .timeline-skip {
    right: 80px;
    top: 85px !important; }
  .hifi-playback h1 {
    padding: 20px 0px 0px !important; } }

@media (max-width: 991px) {
  .jumbotron > .container {
    margin: auto; }
  .hifi-playback .container {
    background-image: url("/s/img/website/hifi-playback.png");
    background-repeat: no-repeat;
    background-size: 720px 182px !important;
    width: 720px !important;
    height: 182px !important; }
  .hifi-playback .timeline-decorated {
    left: 20px !important;
    top: 70px !important; }
  .hifi-playback .timeline-console {
    right: 152px !important;
    top: 100px !important; }
  .hifi-playback .timeline-skip {
    right: 30px !important;
    top: 40px !important; }
  .hifi-playback h1 {
    padding: 20px 0px 0px !important; }
  .audiences .headline {
    margin-bottom: 10px !important; }
  .audiences .row {
    margin-bottom: 0px !important; }
  h1 {
    font-size: 32px; }
  h2 {
    font-size: 26px; }
  .form-signup {
    margin-bottom: 0px; }
  .img-responsive {
    margin: 0 auto; }
  .integration-brands .logos {
    text-align: center; }
  .fixed-side-nav {
    position: relative; }
  .docs h2:before {
    display: block;
    content: " ";
    margin-top: -60px;
    height: 60px;
    visibility: hidden; }
  #product .vertSpacer-md, #product .vertSpacer-lg {
    padding-top: 0px; }
  .integration-brands .logos img {
    margin-bottom: 10px; }
  .videoHero .poster {
    margin-top: -27px; }
  #product .quote blockquote {
    font-size: 20px; }
  #customers .arrowDown {
    left: 0px;
    right: 0px; }
  #customers .sectionSubNav {
    position: relative;
    padding-top: 34px;
    padding-bottom: 0px;
    text-align: center; }
  #customers li {
    font-size: 13px;
    padding-right: 0px;
    display: block;
    margin-bottom: 18px; }
  #customers a.active {
    border-bottom: none; }
  #customers a:hover {
    text-decoration: underline;
    border-bottom: none; }
  #customers figure {
    margin: 16px 0px; }
  #customers blockquote {
    margin: 10px 0px;
    line-height: 1.6em; }
  #customers .stories img {
    height: 170px;
    margin: 32px auto; }
  #customers .stories .info h2 {
    font-size: 18px; }
  #customers .stories .relay, #customers .stories .rigor {
    margin-top: 0px; }
  .footer .try-fullstory {
    padding: 0px; } }

@media (max-width: 991px) and (min-width: 767px) {
  li.more-menu {
    display: block; }
  li.menufied {
    display: none; }
  .dropdown-menu > li > a {
    line-height: 2.5em; } }

@media (max-width: 832px) {
  .nav > li > a {
    padding: 10px 10px; }
  .footer .try-fullstory .headline {
    font-size: 24px;
    line-height: 1.6em;
    padding-bottom: 20px; } }

@media (max-width: 767px) {
  .hero {
    padding-top: 30px; }
  .hifi-playback {
    border-bottom: 1px solid #C2D0DA; }
    .hifi-playback .container {
      background-image: none !important;
      width: auto !important;
      height: auto !important; }
    .hifi-playback .timeline-decorated {
      visibility: hidden !important; }
    .hifi-playback .timeline-console {
      visibility: hidden !important; }
    .hifi-playback .timeline-skip {
      visibility: hidden !important; }
  .hifi-playback h1 {
    padding: 20px 0px 0px !important; }
  .button {
    border-radius: 3px;
    margin-left: 0px; }
  .footer {
    text-align: center; }
  .navbar-collapse {
    background: #438ee1; }
  .navbar-default .navbar-toggle:focus {
    background: #438ee1; }
  .navbar-default .navbar-nav > li > a.getStartedBtn {
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px; }
  .navbar-default .navbar-nav > li > a.loginBtn {
    margin-left: 0px;
    box-shadow: none;
    border-radius: 0px; }
  .form-signup .form-control {
    font-size: 32px; }
  .pricing .col-sm-3 {
    margin-bottom: 60px; }
  #product .quote blockquote {
    font-size: 16px; }
  .typer {
    display: none; }
  .typersans {
    display: inline-block; }
  body[page="/home"] .audiences .headline {
    line-height: 1.5em;
    height: 60px; }
    body[page="/home"] .audiences .headline.dark {
      height: 60px;
      font-size: 31px; }
  body[page="/home"] .audiences .typer {
    display: inline;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 300; }
  #customers .stories .card {
    margin-bottom: 30px; }
  #customers .stories img {
    height: 200px; }
  #customers .stories .info h2 {
    font-size: 26px; }
  #customers .stories a:hover .card {
    margin-top: 0px;
    box-shadow: none; }
  #customers .gamefilm {
    margin-top: 0px; }
  #customers h3 {
    font-size: 18px; }
  .navbar-header {
    height: 70px; }
  .navbar-collapse {
    background: #fff;
    position: relative;
    z-index: 5000; }
  .navbar-nav {
    margin-top: 0px; }
  #logo {
    background: url(/s/img/website/home-logo@2x.png);
    background-size: 106px 33px;
    width: 106px;
    height: 33px;
    background-repeat: no-repeat;
    margin: 20px 26px 0px 26px; }
  .logo-sm {
    background: url(/s/img/website/home-logo@2x.png) 0 0 no-repeat;
    background-size: 77px 24px;
    height: 24px;
    margin-top: 9px; }
  .navbar-default {
    background: #fff; }
  .navbar-default .navbar-nav > li > a {
    color: #4B6274;
    background: #fff;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    padding: 0px 25px;
    font-size: 16px;
    line-height: 44px; }
    .navbar-default .navbar-nav > li > a:hover {
      color: #4B6274;
      background: #f9f9f9; }
    .navbar-default .navbar-nav > li > a.active {
      color: #4B6274;
      background: none; }
  .navbar-default .navbar-nav > li.free-trial > a {
    margin: 0px 12px;
    padding-left: 13px; }
  .navbar-default .navbar-nav > li.login > a {
    margin-top: 20px;
    color: #438ee1; }
  .footer .try-fullstory .headline {
    font-size: 26px;
    line-height: 1.6em;
    margin-bottom: 20px; }
  .footer ul {
    margin-top: 30px; } }

@media (max-width: 640px) {
  .jumbotron {
    padding-top: 26px; }
  .jumbotron h1 {
    font-size: 24px; }
  .jumbotron h2 {
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: 20px; }
  .btn {
    margin: 5px 0px 10px 5px !important; }
  p {
    font-size: 14px; }
  .btn {
    font-size: 12px !important; }
  .audiences h3 {
    font-size: 12px !important; }
  .audiences h2 {
    font-size: 18px !important; }
  .SignupView {
    margin-top: 0px;
    padding-top: 0px; }
  .navbar-default {
    padding: 0px; }
  .navbar-toggle {
    margin-top: 14px;
    border: none;
    margin-top: 18px; }
  .button-active {
    background-color: transparent; }
  .hero {
    margin-top: 0px;
    padding-bottom: 30px; }
  .videoHero .poster {
    margin-top: -12px; }
  .integration-brands {
    padding-top: 20px;
    padding-bottom: 0px; }
    .integration-brands p {
      font-size: 13px; }
    .integration-brands img {
      margin-top: 10px; }
  h1 {
    font-size: 22px; }
  h2 {
    margin-top: 0px;
    font-size: 18px; }
  #product h2, .investors h2 {
    font-weight: 600;
    font-size: 18px; }
  h4 {
    text-align: left; }
  .sectionSubNav {
    position: relative;
    padding-top: 34px;
    padding-bottom: 0px;
    text-align: center; }
    .sectionSubNav li {
      font-size: 13px;
      padding-right: 0px;
      display: block;
      margin-bottom: 18px; }
    .sectionSubNav a:hover {
      padding-bottom: 0px;
      text-decoration: none;
      border-bottom: none;
      color: #428bca; }
    .sectionSubNav .active {
      color: #333;
      border-bottom: none;
      padding-bottom: 0px; }
  .arrowDownTeam, .arrowDownInvestors, .arrowDownBrand, .arrowDownContact, .arrowDownJobs {
    left: 0px;
    right: 0px; }
  .docs {
    padding-top: 120px; }
  .email-us {
    display: none; }
  .jobs li {
    font-size: 14px !important; }
  ul {
    font-size: 13px; }
  .subNav {
    padding-top: 64px; }
  .subNav li {
    margin-right: 15px; }
  .fixed-side-nav {
    padding-top: 20px; }
  .fixed-side-nav ul {
    padding-top: 4px;
    padding-bottom: 4px; }
  .bottomNav {
    padding-top: 20px;
    padding-bottom: 0px; }
  .bottomNav .learnMoreBtn, .bottomNav .signUp {
    padding: 10px 20px;
    display: block;
    width: 100%;
    margin: 15px auto; }
  #product hr, .investors hr {
    margin: 25px 0px; }
  #product .thirdFeature .text-center {
    text-align: left; }
  .company .investors .half-rule {
    margin: 40px auto; }
  .company .theTeam h4 {
    text-align: center; }
  .top-buffer-lg {
    margin-top: 150px; }
  .company .contact {
    height: 480px;
    margin-top: -265px; } }
  @media (max-width: 640px) and (max-width: 767px) {
    .company .contact {
      height: auto !important;
      margin-top: 0 !important; } }

@media (max-width: 640px) {
  .company .contact h1 {
    font-size: 20px; }
  .company .contact a img {
    max-width: 38px;
    margin-right: 22px; }
  .company .top-buffer-lg {
    margin-top: 290px; }
  .company .top-buffer-md {
    margin-top: 80px; }
  .tilt {
    -webkit-transform: none;
            transform: none; }
  .signupForm {
    margin-bottom: 18px; }
  .form-signup .form-control {
    font-size: 14px;
    font-weight: 500;
    padding-left: 22px; }
  .signup-arrow {
    background-size: 22px 17px;
    top: 14px;
    right: 16px; }
  .signup-nudge {
    font-size: 12px; }
  .integration-brands .logos img {
    margin-bottom: 10px; }
  .pricing {
    padding-bottom: 0px; }
  .getstarted .half-rule {
    margin: 15px auto; }
  .horz {
    display: none; }
  .stacked {
    display: inline-block; }
  .LoginView {
    margin-top: 25px; }
  .customers {
    font-size: 12px; }
  #customers .arrowDown {
    right: 0px;
    left: 0px; }
  #customers h2 {
    font-size: 24px;
    margin: 0px 0px 20px 0px; }
  #customers blockquote {
    margin: 10px 0px;
    line-height: 1.6em;
    font-size: 18px; }
  #customers .tweets {
    margin-bottom: 0px;
    padding-bottom: 0px; }
  #customers h1 {
    font-size: 22px; }
  li {
    font-size: 14px;
    font-weight: 500; }
  .footer .try-fullstory {
    padding: 0px; }
  .footer .try-fullstory .signupForm {
    margin-top: 16px; }
  .footer .try-fullstory .headline {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 0px;
    padding-bottom: 0px; } }

.tacTextHuman {
  font-style: oblique; }
  .tacTextHuman.text-muted {
    color: #8F9CB3; }

@-webkit-keyframes helloArrowDown {
  from {
    -webkit-transform: translateY(-30px); }
  to {
    -webkit-transform: translateY(0); } }

@keyframes helloPoster {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px) rotateX(90deg);
            transform: translateY(-100px) rotateX(90deg); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes helloPoster {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadehero {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px) rotateX(90deg);
            transform: translateY(-100px) rotateX(90deg); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadehero {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px) rotateX(90deg); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadesubhead {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  to {
    opacity: 0.8;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadesubhead {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px); }
  to {
    opacity: 0.8;
    -webkit-transform: translateY(0); } }

@keyframes fadeemailform {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeemailform {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0); } }