@font-face {
  font-family: "logo-font";
  src: url("../media/fonts/noyhr-bold.woff2?_=9ed0e2a") format("woff2"), url("../media/fonts/noyhr-bold.woff?_=9ed0e2a") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "roboto-bold";
  src: url("../media/fonts/roboto-bold.woff2?_=9ed0e2a") format("woff2"), url("../media/fonts/roboto-bold.woff?_=9ed0e2a") format("woff");
  font-weight: normal;
  font-style: normal; }

.hidden {
  display: none !important; }

.btn-outline-secondary {
  color: #17181B;
  background-color: #fff;
  border-color: #E1E5EA;
  font-weight: 500;
  font-size: .8rem;
  min-width: 180px;
  padding: 0rem 0.75rem;
  height: 3rem;
  border-radius: 5px;
  line-height: 3rem; }

.btn-primary {
  background: #4da1ff;
  border: 1px solid #4da1ff;
  font-weight: 500;
  font-size: .8rem;
  min-width: 180px;
  padding: 0rem 0.75rem;
  height: 3rem;
  text-transform: uppercase;
  border-radius: 5px;
  line-height: 3rem; }

.btn.btn-link {
  color: #4da1ff; }

.btn.btn-link:hover,
.btn.btn-link:focus {
  color: #0056b3; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.form-group.has-error .help-block {
  color: red; }

.tooltip-trigger {
  cursor: pointer; }

ul.tooltip-ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400; }
  ul.tooltip-ul li {
    margin: 0 0 5px 10px; }

.tooltip-box {
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0px; }
  .tooltip-box ul.tooltip-ul {
    padding-top: 5px; }
    .tooltip-box ul.tooltip-ul li {
      margin: 0 0 0 18px; }

em.fa-question-circle {
  position: relative;
  font-size: 17px;
  color: #4da1ff; }

.toggle-table-head {
  text-decoration: underline;
  cursor: pointer; }

html {
  position: relative;
  min-height: 100%; }

body {
  font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
  padding-top: 90px;
  color: #989898;
  background: #FAFBFB;
  /* Margin bottom by footer height */
  margin-bottom: 158px; }

a {
  color: #4da1ff; }

.center-modal {
  transform: translateY(50%);
  margin-top: -400px; }

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px; }

.modal-body .footer-btns {
  text-align: right; }
  .modal-body .footer-btns .btn-secondary {
    margin-right: 15px;
    height: 48px; }

h1.display-4 {
  color: #313c47;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 62px;
  font-size: 2.7rem;
  font-weight: 400; }

/* prevent ios zoom on input */
@media (max-width: 768px) {
  select, textarea, input, .form-control {
    font-size: 16px;
    height: auto; } }

.fixed-alert {
  position: fixed;
  top: 90px;
  width: 100%;
  z-index: 100; }

.platform-alert {
  text-align: center;
  margin-left: 15px;
  margin-right: 15px; }
  .platform-alert.fixed-alert {
    margin: 0; }
  .platform-alert p {
    margin: 0; }

.navbar {
  padding: 15px 0;
  background-color: #fff;
  border: none;
  box-shadow: 0 1px 2px 0 #e1e5ea; }
  .navbar .navbar-brand {
    font-weight: bold;
    color: #333;
    position: relative;
    display: inline-block;
    padding: 7px 15px 7px 0px; }
    .navbar .navbar-brand .navbar-logo {
      position: relative;
      display: inline-block;
      top: -5px;
      height: 45px;
      width: 45px; }
    .navbar .navbar-brand .navbar-brand-subheader {
      color: #4da1ff;
      padding-left: 1.5rem;
      margin-left: 1.5rem;
      font-weight: 400;
      font-size: 1.3rem;
      position: relative; }
    .navbar .navbar-brand .navbar-brand-subheader:after {
      content: '';
      top: -20px;
      bottom: -20px;
      width: 1px;
      background: #E1E5EA;
      position: absolute;
      left: 0; }
  .navbar .navbar-brand-label {
    position: relative;
    top: 1px;
    margin-left: 10px;
    font-family: "logo-font";
    color: #000;
    font-size: 30px;
    font-weight: 300; }
    .navbar .navbar-brand-label img {
      height: 28px; }

.navbar-collapse {
  flex-grow: inherit !important; }

.navbar-light .navbar-nav .nav-link {
  color: #313c47;
  text-transform: uppercase;
  font-weight: bold; }

.navbar .btn-outline-secondary {
  color: #313c47;
  font-weight: bold;
  font-size: .75rem;
  background: #FFFFFF;
  border: 1px solid #E1E5EA;
  border-radius: 5px;
  padding: 0.7rem 1.25rem;
  margin: 0 0 0 10px;
  height: auto;
  min-width: auto;
  line-height: 16px; }

.navbar .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
  border-color: #E1E5EA; }

.navbar-light .navbar-nav .active > .nav-link {
  position: relative; }

.navbar-light .navbar-nav .active > .nav-link:after {
  content: '';
  position: absolute;
  bottom: -27px;
  left: 2rem;
  height: 5px;
  right: 2rem;
  background: #4da1ff; }

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 2rem;
  padding-left: 2rem; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar .navbar-brand .navbar-brand-subheader {
    display: none; }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; }
  .navbar-light .navbar-nav .active > .nav-link:after {
    left: .5rem;
    right: .5rem; } }

@media (max-width: 767px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    padding-right: 10px;
    padding-left: 10px; }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: .9rem;
    line-height: 2rem; }
  .navbar .navbar-brand .navbar-brand-subheader {
    display: none; }
  .navbar .navbar-brand-label {
    font-size: 22px; } }

/* Sticky Footer Styling */
body > .container {
  padding: 158px 15px 0; }

.footer > .container {
  padding-right: 15px;
  padding-left: 15px; }

.footer {
  background-color: #fff;
  border-top: 1px solid #E1E5EA;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 158px;
  line-height: 158px; }
  .footer .footer > .container {
    padding-right: 15px;
    padding-left: 15px; }
  .footer a, .footer a:visited {
    color: #999; }

.footer .container {
  display: flex; }

.footer nav {
  flex: 1 0 0; }

.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: right; }
  .footer ul li {
    display: inline;
    margin: 0 0 0 2rem; }

/* Mobile Layout Media Queries */
@media only screen and (max-width: 767px) {
  .footer .container {
    display: block; }
    .footer .container span {
      width: 100%;
      display: block;
      text-align: center;
      line-height: normal;
      padding-top: 2rem; }
    .footer .container ul {
      text-align: center;
      line-height: normal;
      margin-top: 2rem; }
      .footer .container ul li {
        display: inline;
        margin: 0 .5rem; } }

.section-home .sandbox-env-list {
  text-align: left;
  margin: auto;
  max-width: 680px; }

.section-home .jumbotron {
  background: none;
  text-align: center;
  border-radius: 0; }
  .section-home .jumbotron h1 {
    font-weight: 400;
    color: #313c47;
    max-width: 600px;
    margin: 3rem auto;
    line-height: 3rem; }
  .section-home .jumbotron p {
    margin-top: 3rem; }

.section-home h2 {
  font-weight: 400;
  color: #313c47;
  margin: 3rem auto;
  line-height: 3rem;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 6rem; }

.section-home h3 {
  font-weight: 400;
  color: #4da1ff;
  margin: 3rem auto;
  line-height: 3rem;
  display: block;
  width: 100%; }

.section-home div.fa {
  font-size: 2rem;
  margin: 0 auto 30px;
  display: block;
  text-align: center; }

.section-home div.fa-sliders {
  color: #ff6d4a; }

.section-home div.fa-edit {
  color: #ffd012; }

.section-home div.fa-trophy {
  color: #a6e50f; }

.section-home .row:first-of-type p {
  max-width: 255px;
  margin: 0 auto;
  text-align: center;
  line-height: 24px; }

.section-home .col-md-4 {
  padding-bottom: 3rem; }

.section-home .row.column-details p {
  width: 100%;
  text-align: center;
  margin: 3rem 0; }

.section-home .row.column-details ul {
  list-style: none;
  text-align: center;
  width: 100%;
  display: block;
  margin: 40px 0 60px;
  padding: 0; }

.section-home .testimonials-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #fff; }

.section-home .new-features-coming-soon {
  flex-direction: column; }
  .section-home .new-features-coming-soon form {
    font-family: system-ui;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px; }
    .section-home .new-features-coming-soon form div {
      width: 100%; }
    .section-home .new-features-coming-soon form input {
      transition: background-color 0.1s ease-in-out;
      font-family: system-ui;
      font-size: 14px;
      font-weight: 600;
      padding: 16px;
      color: #000;
      margin: auto; }
      .section-home .new-features-coming-soon form input[type="email"] {
        width: 100%;
        display: flex;
        background-color: #fff;
        border: 1px solid #D8DBE2;
        border-radius: 5px;
        color: #000;
        outline: none;
        max-width: 450px;
        margin: 20px 0; }
      .section-home .new-features-coming-soon form input:hover {
        border: 1px solid #b2b8c5; }
      .section-home .new-features-coming-soon form input:focus {
        background: #fff;
        border: solid 2px #4da1ff; }
      .section-home .new-features-coming-soon form input[type="submit"] {
        color: #fff;
        background: #4da1ff;
        border: 1px solid #4da1ff;
        font-weight: 500;
        font-size: .8rem;
        font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
        min-width: 180px;
        padding: 0rem 0.75rem;
        height: 3rem;
        text-transform: uppercase;
        border-radius: 5px;
        outline: none;
        cursor: pointer; }
        .section-home .new-features-coming-soon form input[type="submit"]:hover {
          background-color: #0069d9; }

.section-home .coming-soon {
  margin: 0; }

.section-home .cmc_emaildescription {
  display: block;
  font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  margin-bottom: 10px; }

.section-home .sg_email {
  min-width: 450px;
  margin-bottom: 20px;
  outline: none;
  font-family: system-ui;
  font-size: 14px;
  font-weight: 600;
  padding: 16px; }

.section-home .sg-response {
  text-align: center; }

.section-home .sg-submit-btn {
  margin-top: 20px; }

.section-home .customer-logos {
  display: block;
  position: relative;
  margin-bottom: 120px;
  text-align: center; }
  .section-home .customer-logos a, .section-home .customer-logos div {
    display: inline-block;
    margin: 22.5px; }
    .section-home .customer-logos a img, .section-home .customer-logos div img {
      max-width: 100%;
      max-height: 28px; }

@media (max-width: 768px) {
  .section-home .new-features-coming-soon h2 {
    line-height: 1.2;
    margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .section-home .jumbotron h1 {
    font-size: 2rem;
    margin: 2rem auto;
    line-height: 4rem; } }

@media (max-width: 767px) {
  .section-home .jumbotron h1 {
    font-size: 1.5rem;
    margin: .5rem auto;
    line-height: 3rem; } }

.section-faq {
  padding-bottom: 5rem; }
  .section-faq .row {
    position: relative; }
    .section-faq .row h3 {
      position: absolute;
      border: 1px solid #E1E5EA;
      color: #6B6B6B;
      font-size: 1rem;
      font-weight: 300;
      padding: .5rem;
      left: 50%;
      width: 140px;
      top: -18px;
      text-align: center;
      margin-left: -70px;
      background: #FAFBFB; }
  .section-faq .row.table-row h3 {
    width: 240px;
    margin-left: -120px; }
  .section-faq .col {
    border-bottom: 1px solid #E1E5EA;
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .section-faq .col:nth-child(odd) {
    padding-right: 3rem;
    border-right: 1px solid #E1E5EA; }
  .section-faq .col:nth-child(even) {
    padding-left: 3rem; }
  .section-faq .row:last-of-type .col {
    border-bottom: none; }
  .section-faq h5 {
    font-weight: 400;
    color: #313c47;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 2rem;
    position: relative;
    padding-left: 2rem; }
    .section-faq h5 span {
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      color: #ff6d4a;
      font-family: roboto-bold, 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
      font-size: 1rem; }
  .section-faq p, .section-faq ul {
    font-size: 1.2rem;
    line-height: 1.8rem;
    position: relative;
    padding-left: 2rem; }
    .section-faq p span, .section-faq ul span {
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      color: #a6e50f;
      font-family: roboto-bold, 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
      font-size: 1rem; }
  .section-faq ul {
    margin-left: 20px; }
  .section-faq table {
    background-color: #ffffff; }
  .section-faq .row.table-row {
    padding-left: 2rem; }
    .section-faq .row.table-row tbody th {
      font-weight: 400;
      color: #313c47; }
    .section-faq .row.table-row tbody td {
      font-weight: 300; }
    .section-faq .row.table-row th, .section-faq .row.table-row td {
      padding: 0.75rem 1rem; }

/* Mobile Layout Media Queries */
@media only screen and (max-width: 767px) {
  .section-faq .col {
    flex: 0 0 100%;
    max-width: 100%; }
  .section-faq .col:nth-child(odd) {
    padding-right: 15px; }
  .section-faq .col:nth-child(even) {
    padding-left: 15px; }
  .section-faq .table-bordered th, .section-faq .table-bordered td {
    padding: .25rem;
    font-size: .8rem; }
  .section-faq .container.px-3.py-3.pb-md-5.mx-auto {
    padding-left: 0px !important;
    padding-right: 0px !important; } }

.section-legacy tbody tr td:nth-child(2) {
  color: #333; }

.section-legacy {
  padding-bottom: 5rem; }
  .section-legacy .row {
    position: relative; }
    .section-legacy .row h3 {
      position: absolute;
      border: 1px solid #E1E5EA;
      color: #6B6B6B;
      font-size: 1rem;
      font-weight: 300;
      padding: .5rem;
      left: 50%;
      width: 140px;
      top: -18px;
      text-align: center;
      margin-left: -70px;
      background: #FAFBFB; }
  .section-legacy .row.table-row h3 {
    width: 240px;
    margin-left: -120px; }
  .section-legacy .col {
    border-bottom: 1px solid #E1E5EA;
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .section-legacy .col:nth-child(odd) {
    padding-right: 3rem;
    border-right: 1px solid #E1E5EA; }
  .section-legacy .col:nth-child(even) {
    padding-left: 3rem; }
  .section-legacy .row:last-of-type .col {
    border-bottom: none; }
  .section-legacy h5 {
    font-weight: 400;
    color: #313c47;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 2rem;
    position: relative;
    padding-left: 2rem; }
    .section-legacy h5 span {
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      color: #ff6d4a;
      font-family: roboto-bold, 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
      font-size: 1rem; }
  .section-legacy p, .section-legacy ul {
    font-size: 1.2rem;
    line-height: 1.8rem;
    position: relative;
    padding-left: 2rem; }
    .section-legacy p span, .section-legacy ul span {
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      color: #a6e50f;
      font-family: roboto-bold, 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
      font-size: 1rem; }
  .section-legacy ul {
    margin-left: 20px; }
  .section-legacy table {
    background-color: #ffffff; }
  .section-legacy .row.table-row {
    padding-left: 2rem; }
    .section-legacy .row.table-row tbody th {
      font-weight: 400;
      color: #313c47; }
    .section-legacy .row.table-row tbody td {
      font-weight: 300; }
    .section-legacy .row.table-row th, .section-legacy .row.table-row td {
      padding: 0.75rem 1rem; }

/* Mobile Layout Media Queries */
@media only screen and (max-width: 767px) {
  .section-legacy .col {
    flex: 0 0 100%;
    max-width: 100%; }
  .section-legacy .col:nth-child(odd) {
    padding-right: 15px; }
  .section-legacy .col:nth-child(even) {
    padding-left: 15px; }
  .section-legacy .table-bordered th, .section-legacy .table-bordered td {
    padding: .25rem;
    font-size: .8rem; }
  .section-legacy .container.px-3.py-3.pb-md-5.mx-auto {
    padding-left: 0px !important;
    padding-right: 0px !important; } }

.section-pricing .card-deck .card {
  border-radius: 4px;
  border-color: transparent; }
  .section-pricing .card-deck .card .card-body {
    flex: 1 1 auto;
    padding: 0 1.25rem 1.25rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
    .section-pricing .card-deck .card .card-body p {
      width: 100%;
      text-align: center;
      margin-bottom: 2.5em; }
      .section-pricing .card-deck .card .card-body p .text-muted {
        color: #989898 !important; }
  .section-pricing .card-deck .card ul {
    text-align: left;
    margin-top: 0 !important;
    width: 100%; }
    .section-pricing .card-deck .card ul li {
      margin-bottom: 0rem;
      position: relative;
      padding-right: 28px;
      font-size: .9rem;
      height: 32px; }
      .section-pricing .card-deck .card ul li i.fa-circle {
        position: absolute;
        top: 8px;
        right: 0;
        font-size: .5rem;
        color: #a6e50f; }
      .section-pricing .card-deck .card ul li em.fa-question-circle {
        top: 2px; }
      .section-pricing .card-deck .card ul li i.fa-circle:nth-of-type(2) {
        right: 10px; }
      .section-pricing .card-deck .card ul li i.fa-circle:nth-of-type(3) {
        right: 20px; }
      .section-pricing .card-deck .card ul li i.fa-circle:nth-of-type(4) {
        right: 30px; }
      .section-pricing .card-deck .card ul li i.fa-circle:nth-of-type(5) {
        right: 40px; }
      .section-pricing .card-deck .card ul li i.red {
        color: #ff6d4a; }
  .section-pricing .card-deck .card a {
    margin: auto auto 2rem;
    min-width: 100%; }

ul.tooltip-ul {
  max-width: 200px; }

.section-pricing .card-header {
  background: none;
  border-bottom: none;
  padding-top: 2rem;
  position: relative; }
  .section-pricing .card-header h4 {
    color: #313c47;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 700; }
  .section-pricing .card-header p {
    font-size: .9rem;
    margin: .5rem 0 0 0;
    height: 42px; }
  .section-pricing .card-header .custom-header {
    background-color: #ffd012;
    position: absolute;
    top: 25px;
    background-color: #ffd012;
    border-radius: 15px;
    color: #fff;
    font-size: .7rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: .2rem 1rem;
    left: auto;
    right: auto;
    width: 90px;
    margin-left: -45px; }

h1.card-title.pricing-card-title {
  color: #313c47;
  margin-bottom: 0;
  font-size: 4rem;
  width: 100%;
  display: block;
  height: 76px; }
  h1.card-title.pricing-card-title small {
    font-size: 30%;
    color: #313c47 !important; }

h1.card-title.pricing-card-title.pricing-title-inquire {
  font-size: 1.4rem;
  padding-top: 35px; }

.section-pricing .container > p {
  text-align: right;
  margin-top: -15px; }
  .section-pricing .container > p .text-muted {
    color: #989898 !important; }

.section-pricing.container .card-deck {
  margin-bottom: 0 !important; }

@media only screen and (min-width: 768px) {
  .card-deck .card {
    flex: 1 20%; }
  .section-pricing.container {
    max-width: 1400px; }
    .section-pricing.container .container {
      max-width: 1400px; } }

@media only screen and (max-width: 1250px) {
  h1.card-title.pricing-card-title {
    font-size: 3rem;
    height: 70px; }
  h1.card-title.pricing-card-title.pricing-title-inquire {
    font-size: 1rem;
    padding-top: 22px; } }

@media only screen and (min-width: 576px) {
  .card-deck .card {
    margin-left: 10px;
    margin-right: 10px; } }

@media only screen and (min-width: 815px) and (max-width: 1200px) {
  .card-deck .card {
    flex: 1 30%; } }

@media only screen and (max-width: 814px) {
  .card-deck .card {
    flex: 1 50%; } }

#g-recaptcha, .g-recaptcha {
  margin-bottom: 1rem; }

.btn.disabled, .btn:disabled {
  opacity: .25; }

.section-features table {
  table-layout: fixed;
  margin-bottom: 0; }
  .section-features table a.btn {
    max-width: 100%;
    width: 100%;
    min-width: 0; }

.section-features .second-price-table {
  margin-top: 20px; }
  .section-features .second-price-table thead tr:first-of-type {
    background: none; }
    .section-features .second-price-table thead tr:first-of-type th:first-of-type {
      border: none; }
    .section-features .second-price-table thead tr:first-of-type th:not(:first-of-type) {
      background: #ffffff; }
  .section-features .second-price-table tbody tr {
    background: none; }
    .section-features .second-price-table tbody tr th, .section-features .second-price-table tbody tr td {
      border: none; }

.section-features .table-responsive {
  overflow-x: visible; }

.section-features .table-bordered thead th, .section-features .table-bordered thead td {
  border-bottom-width: 1px; }

.section-features table tr {
  background: #fff;
  word-wrap: break-word; }

.section-features table thead p {
  margin-bottom: .5rem;
  padding: 0;
  font-weight: 400; }

.section-features table thead h2 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #313c47;
  margin: .5rem 0;
  padding: 0; }

.section-features table thead h3 {
  margin: 0;
  padding: 0;
  color: #313c47;
  font-size: 3rem;
  font-weight: 400; }
  .section-features table thead h3 small {
    font-size: 50%; }

.section-features table thead small.text-muted {
  color: #989898 !important; }

.section-features table td,
.section-features table th,
.section-features table:first-of-type thead th:first-of-type {
  vertical-align: middle; }

.section-features table:first-of-type thead th:first-of-type {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 500;
  color: #313c47; }

.section-features .custom-pricing-text {
  font-size: 1.6rem;
  padding: 1rem 0; }

.section-features table thead th {
  vertical-align: top; }

.section-features table.table-borderless thead tr, .section-features table.table-borderless thead td {
  background: none;
  border: none; }

.section-features table.table-borderless tbody th, .section-features table.table-borderless tbody td {
  border: 1px solid #dee2e6; }

.section-features table tbody tr th,
.section-features table.table-borderless th:first-of-type {
  text-align: left;
  font-weight: normal; }

.section-features table.table-borderless thead th {
  font-weight: 500 !important;
  color: #313c47;
  font-size: 1.2em;
  padding-top: 1em; }

.section-features i.blue, .section-features table.table-borderless th.blue, .section-features .blue {
  color: #4da1ff; }

.section-features table.table-borderless.remove-borders {
  background: none; }
  .section-features table.table-borderless.remove-borders tr, .section-features table.table-borderless.remove-borders td, .section-features table.table-borderless.remove-borders th {
    border: 1px solid transparent;
    background: none; }

.section-features table tr.borderless {
  background: none;
  text-align: right; }
  .section-features table tr.borderless td {
    padding: 0;
    border: none !important; }

@media only screen and (max-width: 1200px) {
  .section-features table thead h3 {
    font-size: 2rem; }
  .section-features table:first-of-type thead th:first-of-type {
    font-size: .8rem; }
  .custom-pricing-text {
    font-size: 1.2rem;
    padding: .8rem 0; }
  .section-features table thead h2 {
    font-size: .8rem; } }

@media only screen and (max-width: 1040px) {
  .section-features table thead h3 {
    font-size: 1.8rem; }
  .section-features table:first-of-type thead th:first-of-type,
  .section-features table:first-of-type thead th:last-of-type {
    font-size: .8rem; }
  .section-features table thead h2 {
    font-size: .7rem; }
  .section-features table .btn-outline-secondary,
  .section-features table .btn-primary {
    font-size: .7rem;
    padding: 0rem 0.25rem; } }

@media only screen and (max-width: 800px) {
  .btn-outline-secondary,
  .btn-primary {
    font-size: .75rem;
    padding: .5rem 0.5rem;
    height: auto;
    line-height: 25px;
    word-wrap: break-word;
    white-space: unset; } }

@media only screen and (min-width: 768px) {
  .section-features.container {
    max-width: 1400px; }
    .section-features.container .container {
      max-width: 1400px; } }

@media only screen and (max-width: 767px) {
  h1.display-4 {
    line-height: 48px;
    font-size: 1.7rem; }
  .section-features.container {
    max-width: 800px;
    padding-left: 5px;
    padding-right: 5px; }
    .section-features.container .container {
      max-width: 800px;
      padding: 0 !important; }
  .section-features table a.btn {
    font-size: .6rem;
    padding: .2rem;
    margin-top: 10px;
    margin-bottom: 10px; }
  .section-features table thead h3 {
    font-size: 1.2rem; }
  .section-features .custom-pricing-text {
    font-size: 1rem;
    padding: 1rem 0; }
  .section-features .table-responsive {
    overflow-x: scroll; }
    .section-features .table-responsive table th, .section-features .table-responsive table td {
      min-width: 70px;
      max-width: 70px;
      width: 70px;
      font-size: 0.75rem;
      padding: .1rem .4rem; }
  .section-features table {
    table-layout: auto; } }

.section-user-agreement {
  color: #6B6B6B;
  padding-bottom: 5rem; }
  .section-user-agreement h3 {
    color: #6B6B6B !important; }
  .section-user-agreement strong {
    text-decoration: underline; }
  .section-user-agreement .row {
    margin: 0;
    margin-top: 40px; }

/* Mobile Layout Media Queries */
.section-contact #g-recaptcha, .section-contact .g-recaptcha {
  margin-bottom: 1rem; }

.section-contact .btn.disabled, .section-contact .btn:disabled {
  opacity: .25; }

.section-contact-data-export #g-recaptcha, .section-contact-data-export .g-recaptcha {
  margin-bottom: 1rem; }

.section-contact-data-export .btn.disabled, .section-contact-data-export .btn:disabled {
  opacity: .25; }

.section-contact-data-export form.auth-form {
  max-width: inherit;
  margin: 2rem 0 2rem; }

.section-contact-data-export input.form-control {
  max-width: 500px; }

.section-contact-data-export table {
  background: #fff;
  margin-top: 1rem; }
  .section-contact-data-export table thead th {
    border-bottom-width: 0px; }

.section-contact-data-export h4 {
  color: #313C48; }

.section-contact-data-export .card-body {
  padding: 1rem; }

.bamf {
  font-size: 20em; }

form.auth-form {
  max-width: 500px;
  margin: 1rem auto 2rem; }

.auth-form-tip p {
  width: 100%;
  padding-bottom: 2rem; }

/* -- Form Styling -- */
.checkbox-container {
  position: relative; }
  .checkbox-container input {
    position: absolute;
    top: 5px;
    left: 0;
    width: auto;
    height: auto; }
  .checkbox-container > label {
    padding-left: 25px; }

.checkbox-container .form-group {
  height: 0 !important;
  margin-bottom: 0 !important; }

.recaptcha {
  padding-bottom: 1rem;
  display: block;
  min-height: 94px; }

#publicNav .container {
  max-width: 100%; }

#publicNav .nav-link.dropdown-toggle {
  border: none; }

#publicNav .dropdown-menu {
  right: 0;
  left: auto;
  top: 38px; }

#publicNav.navbar-expand-md .navbar-nav .nav-item.dropdown .nav-link {
  padding-left: 2rem;
  padding-right: 0; }

.navbar-expand-md .navbar-nav.hide,
.nav-item.hide {
  display: none !important; }

/* Mobile Layout Media Queries */
@media only screen and (max-width: 767px) {
  .navbar-light .navbar-nav .active > .nav-link:after {
    display: none; } }

.testimonials {
  display: block;
  position: relative;
  width: 100%;
  margin: 80px auto 70px;
  text-align: center;
  /* media queries */ }
  .testimonials h2 {
    margin: 0 0 40px;
    line-height: 1;
    padding: 0 10px;
    line-height: 39px; }
  .testimonials ul,
  .testimonials li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .testimonials .testimonials__menu {
    display: inline-flex;
    align-items: flex-start; }
  .testimonials .testimonials__menu-item {
    transition: opacity 0.2s ease-in-out;
    padding: 15px;
    margin: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 110px;
    font-size: 14px;
    color: #333;
    opacity: 0.4; }
    .testimonials .testimonials__menu-item.testimonials__menu-item--selected {
      box-shadow: inset 0 -3px 0 0 #47a1fb;
      opacity: 1; }
    .testimonials .testimonials__menu-item img {
      width: 60px;
      height: 60px; }
    .testimonials .testimonials__menu-item span {
      display: inline-block;
      padding-top: 15px; }
  @media (max-width: 767px) {
    .testimonials .testimonials__menu-item {
      margin: 0; }
      .testimonials .testimonials__menu-item.testimonials__menu-item--selected {
        padding: 15px; }
      .testimonials .testimonials__menu-item img {
        width: 50px;
        height: 50px; }
      .testimonials .testimonials__menu-item span {
        display: none; } }

.testimonial {
  display: block;
  text-align: center;
  /* media queries */ }
  .testimonial img {
    margin: 0 auto;
    display: inline-block;
    width: 90px;
    height: 90px; }
  .testimonial .testimonial__person {
    color: #333;
    margin-top: 15px; }
  .testimonial a {
    text-decoration: underline; }
  .testimonial .testimonial__quote {
    font-size: 18px;
    line-height: 26px;
    color: #989898;
    max-width: 650px;
    margin: 25px auto 40px; }
  @media (max-width: 767px) {
    .testimonial .testimonial__person {
      font-size: 14px; }
    .testimonial a {
      font-size: 14px; }
    .testimonial .testimonial__quote {
      font-size: 16px;
      margin: 25px auto; } }

.carousel {
  display: flex;
  justify-content: center;
  align-items: center;
  /* source: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" */
  /* overwrites */
  /* media queries */ }
  .carousel .carousel__slider {
    width: calc(100% - 120px);
    margin: 0 -15px; }
  .carousel .icon {
    border: 1px solid #bec9cf;
    color: #333;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
    .carousel .icon:first-child {
      padding-right: 4px; }
    .carousel .icon:last-child {
      padding-left: 4px; }
  .carousel .slick-list, .carousel .slick-slider, .carousel .slick-track {
    position: relative;
    display: block; }
  .carousel .slick-loading .slick-slide, .carousel .slick-loading .slick-track {
    visibility: hidden; }
  .carousel .slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .carousel .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .carousel .slick-list:focus {
    outline: 0; }
  .carousel .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .carousel .slick-slider .slick-list, .carousel .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel .slick-track {
    top: 0;
    left: 0; }
  .carousel .slick-track:after, .carousel .slick-track:before {
    display: table;
    content: ''; }
  .carousel .slick-track:after {
    clear: both; }
  .carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .carousel [dir=rtl] .slick-slide {
    float: right; }
  .carousel .slick-slide img {
    display: block; }
  .carousel .slick-slide.slick-loading img {
    display: none; }
  .carousel .slick-slide.dragging img {
    pointer-events: none; }
  .carousel .slick-initialized .slick-slide {
    display: block; }
  .carousel .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .carousel .slick-arrow.slick-hidden {
    display: none; }
  .carousel * {
    outline: none !important; }
  @media (max-width: 767px) {
    .carousel .icon {
      display: none; }
    .carousel .carousel__slider {
      width: 100%;
      margin: 0; } }

section.section-docs.container {
  max-width: 100%; }

.navbar-expand-md .navbar-nav.hide,
.nav-item.hide {
  display: none !important; }

/* Mobile Layout Media Queries */
@media only screen and (max-width: 767px) {
  .navbar-light .navbar-nav .active > .nav-link:after {
    display: none; }
  body [_nghost-c6] > .api-info-wrapper[_ngcontent-c6] {
    padding: 10px; }
  [sticky-sidebar][_ngcontent-c0] .menu-header {
    display: none !important; }
  [sticky-sidebar][_ngcontent-c0] {
    padding-top: 0px;
    background: #fefefe;
    top: 89px !important; }
  .mobile-nav[_ngcontent-c4] {
    height: 50px; }
  .selected-item-info[_ngcontent-c4] {
    padding: 0 20px; } }

/**
 * these override styling not needed in standalone version
 */
redoc api-logo {
  display: none !important; }

redoc div.background {
  background-color: #ffffff !important; }

redoc pre {
  color: #ffffff !important; }

redoc div[sticky-sidebar] {
  padding-top: 35px; }

/**
 * hide default middle content header
 */
redoc .api-info-wrapper > h1, redoc .api-info-wrapper > p {
  display: none; }

/**
 * Disable request-type badges, see https://github.com/Rebilly/ReDoc/issues/61
 */
redoc .operation-type {
  display: none !important; }

/**
 * custom logo styles
 */
api-logo {
  height: 75px; }

api-logo img {
  margin-top: 20px;
  width: 240px !important; }

/**
 * Make doc headers inherit colors
 */
redoc[spec-url] h1 {
  color: inherit; }

/**
 * override various custom fonts to inherit our main override
 */
redoc,
redoc[_nghost-c0] p,
redoc[_nghost-c0] h1,
redoc[_nghost-c0] h2,
redoc[_nghost-c0] h3,
redoc[_nghost-c0] h4,
redoc[_nghost-c0] h5,
redoc .tag-info[_ngcontent-c7] h1[_ngcontent-c7],
redoc[spec-url] .redoc-wrap[_ngcontent-c0],
redoc[_nghost-c0] .redoc-markdown-block ul,
redoc[_nghost-c0] .redoc-markdown-block ol > li,
redoc .param-name-wrap[_ngcontent-c11],
redoc .param-list-header[_ngcontent-c11] {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: inherit;
  color: #333; }

/**
 * heavier font weights for headers
 */
redoc[_nghost-c0] h1,
redoc[_nghost-c0] h2,
redoc[_nghost-c0] h3,
redoc[_nghost-c0] h4,
redoc .tag-info[_ngcontent-c7] h1[_ngcontent-c7],
redoc[_nghost-c0] .menu-item-depth-1 > .menu-item-header > span {
  font-weight: 500; }

redoc[_nghost-c0] .redoc-markdown-block ol > li {
  font-weight: 400; }

/**
 * Underline header sections
 */
redoc api-info h1, redoc operations-list h1 {
  border-bottom: 1px solid rgba(127, 127, 127, 0.25); }

/**
 * add uniform spacing and section separating lines between info content
 */
redoc [_nghost-c6] [section] {
  padding-top: 40px;
  margin-bottom: 20px; }

/**
 * except for response examples error tag color
 */
redoc[_nghost-c0] responses-samples p {
  color: inherit; }

/**
 * override left hand menu
 */
redoc .menu-item-depth-1[_ngcontent-c8] > .menu-item-header[_ngcontent-c8] {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: inherit;
  font-size: inherit; }

/**
 * override left hand menu
 */
redoc .menu-subitems[_ngcontent-c8] {
  font-weight: inherit;
  font-size: inherit; }

redoc[_nghost-c0] .menu-item-header > .operation-type + .menu-item-title {
  width: inherit; }

redoc .menu-item-depth-1[_ngcontent-c8] > .menu-item-header[_ngcontent-c8]:not(.disabled):hover, .menu-item-depth-1.active[_ngcontent-c8] > .menu-item-header[_ngcontent-c8] {
  color: inherit !important; }

/**
 * left hand nav panel BG color
 */
/*
redoc div.menu-content {
	background-color: #ffffff !important;
}
*/
/**
 * override link colors
 */
redoc a,
redoc[_nghost-c0] a,
redoc .openapi-button[_ngcontent-c6] {
  color: #428bca; }

/**
 * remove excess padding between paragraphs
 */
redoc[_nghost-c0] p {
  margin-bottom: 0; }

/**
 * except for markup
 */
redoc .api-info-wrapper .redoc-markdown-block p,
redoc .operation-description .redoc-markdown-block p {
  margin-bottom: 1em !important; }

redoc .api-info-wrapper .redoc-markdown-block p:last-of-type,
redoc .operation-description .redoc-markdown-block p:last-of-type {
  margin-bottom: 0 !important; }

/**
 * background color
 */
/*
redoc .background-actual {
	background-color: #ffffff !important;
}
*/
/**
 * remove extra top margin between endpoint content
 */
redoc[_nghost-c9] {
  margin-top: 0 !important; }

/**
 * remove response model label of objects and arrays, its long ugly and not useful
 */
redoc .param-type.object[_ngcontent-c20], .param-type.array[_ngcontent-c20] {
  display: none; }

/**
 * remove response required label, its all required
 */
redoc .param-required[_ngcontent-c20] {
  display: none; }

/**
 * css hack to open all example and json nodes
 */
redoc .collapser {
  display: none !important; }

redoc .ellipsis {
  display: none !important; }

redoc .collapsible {
  display: block !important; }

redoc responses-samples .action-buttons {
  display: none; }

/**
 * get rid of excess list item padding, it looks weird
 */
redoc[_nghost-c0] .redoc-markdown-block ul > li,
redoc[_nghost-c0] .redoc-markdown-block ol > li {
  margin: 0 !important; }

/**
 * give tables in our info section some space
 */
redoc api-info table {
  margin-bottom: 2em !important; }

/**
 * make code boxes use CNC style
 */
/*
redoc[_nghost-c0] .redoc-markdown-block pre {
	background-color: #f5f5f5 !important;
	color: #333 !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
}
redoc[_nghost-c0] .redoc-markdown-block pre code {
	color: #333 !important;
}
*/
redoc .param-name-wrap[_ngcontent-c11],
redoc[_nghost-c0] h5 {
  font-size: 14px; }

/**
 * hide redoc loading bar
 */
redoc.loading {
  height: 1300px; }

redoc loading-bar {
  /*display: none !important;*/ }

/**
 * fix footer layout
 */
redoc footer[_ngcontent-c0] {
  margin-top: 0 !important; }

/**
 * hide regular expression patterns from query param definitions, they clutter docs and are too technical, we outline param requirements clearly already
 */
redoc .param-pattern[_ngcontent-c11] {
  display: none; }

/**
 * hide ugly focus rect when clicking on a details node
 */
redoc details summary:focus {
  outline: none; }

redoc details details {
  padding-left: 20px;
  padding-top: 10px; }

/**
 * fix super long default API spec aux property list from not wrapping as needed
 */
redoc .param-default-value[_ngcontent-c11] {
  word-break: break-word; }
