a {
  color: #06a589; }
  a:hover, a:focus {
    color: #05806a; }

.form-control:focus {
  border-color: #07b798; }

a:focus img, button:focus img, .btn:focus img, [role="button"]:focus img {
  box-shadow: 0 0 0 2px #07b798; }

body, html {
  height: inherit;
  -webkit-font-smoothing: antialiased;
  background-color: #fff; }

.page-wrapper .page-panel {
  background-color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px; }

.page-footer .container {
  max-width: 1200px;
  margin: 0 auto; }

.col-xs-12 {
  padding: 0; }

.container {
  width: 100%;
  margin: 0;
  padding: 0; }

.overview-page-headline {
  font-size: 64px;
  line-height: 1.1em;
  font-family: Lora, Georgia, Times, serif;
  letter-spacing: -1px;
  color: #fff;
  margin: 1.1rem 0 1.5rem;
  line-height: 1.2;
  text-align: center; }
  @media (max-width: 991px) {
    .overview-page-headline {
      font-size: 44px;
      line-height: 1.3em;
      letter-spacing: -1px; } }
  @media (max-width: 767px) {
    .overview-page-headline {
      font-size: 34px;
      line-height: 1.2em;
      letter-spacing: -1px; } }

.overview-page-sub-headline {
  font-size: 22px;
  line-height: 1.4em;
  line-height: 1.6;
  margin: .5rem 0 3rem;
  color: #fff;
  text-align: center; }
  @media (max-width: 480px) {
    .overview-page-sub-headline {
      font-size: 16px;
      line-height: 1.5em;
      line-height: 1.4; } }

.page-headline {
  font-size: 54px;
  line-height: 1.1em;
  font-family: Lora, Georgia, Times, serif;
  margin: 1.1rem 0 1.7rem;
  line-height: 1.2; }
  @media (max-width: 991px) {
    .page-headline {
      font-size: 44px;
      line-height: 1.3em; } }
  @media (max-width: 767px) {
    .page-headline {
      font-size: 34px;
      line-height: 1.2em;
      margin: 0 0 1.5rem; } }

.page-sub-headline {
  font-size: 18px;
  line-height: 1.5em;
  line-height: 1.7;
  margin: 1.5rem 0;
  max-width: 880px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .page-sub-headline {
      font-size: 16px;
      line-height: 1.5em;
      line-height: 1.7; } }

.section-headline {
  font-family: Lora, Georgia, Times, serif;
  font-size: 34px;
  line-height: 1.2em;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  color: #162127;
  text-align: center;
  padding: 0 15px; }
  @media (max-width: 991px) {
    .section-headline {
      font-size: 28px;
      line-height: 1.3em;
      margin: 0 0 1.2rem; } }
  @media (max-width: 767px) {
    .section-headline {
      font-size: 24px;
      line-height: 1.3em;
      margin: 1rem 0; } }
  .section-headline .headline-left {
    text-align: left; }

.section-description {
  font-size: 16px;
  line-height: 1.5em;
  line-height: 1.7;
  margin: 1.5rem 0;
  color: #162127;
  text-align: center; }
  @media (max-width: 767px) {
    .section-description {
      font-size: 14px;
      line-height: 1.5em;
      margin: 1rem 0; } }

.page-headline.text-white, .page-sub-headline.text-white, .section-headline.text-white {
  color: #fff; }

.more-link {
  text-transform: uppercase;
  margin: 5px 0;
  padding: 0;
  display: inline-block; }
  @media (max-width: 767px) {
    .more-link {
      margin: 5px 0 15px;
      text-align: center;
      border: 1px solid #07b798;
      width: 100%;
      padding: 10px 40px; } }

.more-btn {
  margin: 20px auto 10px;
  padding: 10px 40px;
  max-width: 300px;
  text-align: center;
  border: 1px solid #07b798;
  border-radius: 3px;
  text-transform: capitalize;
  display: block; }

.bottom-line {
  display: block;
  clear: both;
  margin: 0 auto;
  height: 15px;
  width: 50px;
  border-bottom: 3px #51cdb7 solid; }

.continue-position {
  position: absolute;
  padding: 0 50%;
  margin-top: -35px;
  overflow: hidden;
  max-width: 100%; }
  @media (max-width: 991px) {
    .continue-position {
      margin-top: -30px; } }
  .continue-position .continue {
    border: transparent;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -1px -1px 2px -1px rgba(33, 43, 50, 0.06);
    width: 70px;
    height: 70px;
    margin: 0 0 0 -35px;
    text-align: center;
    color: #20bea2;
    padding-top: 20px;
    position: relative; }
    .continue-position .continue .animate-this {
      -webkit-animation: fadeInUpShort .5s ease 1;
              animation: fadeInUpShort .5s ease 1;
      transition-delay: 1s; }
    @media (max-width: 991px) {
      .continue-position .continue {
        width: 60px;
        height: 60px;
        padding-top: 14px;
        margin: 0 0 0 -25px;
        font-size: 12px;
        line-height: 1.5em; } }

.products-page .continue-position {
  max-width: 100%;
  margin-top: -35px; }
  .products-page .continue-position .continue {
    margin: 0 0 0 -35px;
    bottom: 0; }

.howto-cards .continue-position {
  max-width: 100%;
  margin-top: -35px;
  z-index: 900; }
  .howto-cards .continue-position .continue {
    margin: 0 0 0 -35px;
    bottom: 0; }

.quote {
  display: block; }
  .quote .carousel-unique {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px; }
    @media (max-width: 767px) {
      .quote .carousel-unique {
        width: 100%; } }
  .quote .success-case-unique {
    padding: 40px 50px;
    float: right;
    width: 70%;
    display: block; }
    @media (max-width: 767px) {
      .quote .success-case-unique {
        padding: 20px 30px; } }
  .quote img {
    width: 100px;
    max-width: 140px;
    min-width: 90px;
    display: block;
    margin: 10px auto 30px; }
    @media (max-width: 991px) {
      .quote img {
        display: block;
        float: none;
        margin: 50px auto 10px;
        max-width: 85px;
        min-width: 40px;
        padding: 0px; } }
  .quote p.quote-copy {
    text-align: center;
    font-family: Lora, Georgia, Times, serif;
    line-height: 1.8;
    font-size: 18px;
    line-height: 1.5em; }
  .quote p.name {
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    line-height: 1.5;
    font-weight: 600;
    margin: 15px 0 5px 0; }
  .quote p.title {
    color: #5c6468;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    line-height: 1.5;
    font-style: italic;
    max-width: 350px;
    margin: 0 auto; }

.value-quote {
  background-color: #fff;
  width: 100%;
  padding: 110px 30px; }
  .value-quote .quote .quote-copy {
    font-size: 22px;
    line-height: 1.4em;
    max-width: 600px; }
  .value-quote .animate-this {
    -webkit-animation: fadeInUpShort 0.8s ease 1;
            animation: fadeInUpShort 0.8s ease 1;
    transition-delay: 5s; }

section .animate-title .animate .animate-this {
  -webkit-animation: fadeInUpShort 0.8s ease 1;
          animation: fadeInUpShort 0.8s ease 1;
  transition-delay: 1s; }

section .animate-content .animate .animate-this {
  -webkit-animation: fadeInUpShort 0.8s ease 1;
          animation: fadeInUpShort 0.8s ease 1;
  transition-delay: 100s; }

.page-footer .row {
  padding: 15px 15px 0;
  max-width: 1170px; }

.page-footer .footer-logo-container, .page-footer .footer-social-container {
  padding-left: 0; }

.offpage-nav-shown {
  position: fixed;
  overflow-y: scroll; }

.scroll-container {
  width: 100%;
  height: 110%; }

.pd-offpage-header-nav .list-group {
  margin-top: 20px; }
  .pd-offpage-header-nav .list-group .group-separator {
    margin: 15px 30px;
    border: 0.5px solid rgba(255, 255, 255, 0.1); }
  .pd-offpage-header-nav .list-group .list-label {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin: 20px 0 10px 30px;
    font-size: 11px;
    line-height: 1.5em; }
  .pd-offpage-header-nav .list-group a.list-group-item img {
    width: 100%;
    height: auto;
    max-width: 300px; }
  .pd-offpage-header-nav .list-group .drawer-btn {
    padding: 20px 30px;
    width: 100%; }

.pd-header-nav, .fixed-header, .red-header .pd-header-nav {
  position: absolute;
  padding: 14px 15px;
  background-color: transparent;
  z-index: 1000;
  width: 100%;
  text-decoration: none;
  cursor: pointer; }
  @media (max-width: 991px) {
    .pd-header-nav, .fixed-header, .red-header .pd-header-nav {
      padding: 14px 15px 14px 5px; } }
  .pd-header-nav .dropdown, .fixed-header .dropdown, .red-header .pd-header-nav .dropdown {
    display: inline-block;
    border: none;
    height: 100%;
    margin: 0;
    padding: 0 22px 0 0;
    background: transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer; }
    .pd-header-nav .dropdown .expand-arrow, .fixed-header .dropdown .expand-arrow, .red-header .pd-header-nav .dropdown .expand-arrow {
      font-size: 10px;
      display: inline-flex; }
  .pd-header-nav ul.dropdown-menu, .fixed-header ul.dropdown-menu, .red-header .pd-header-nav ul.dropdown-menu {
    min-width: 220px;
    background-color: #fff;
    margin-top: 20px;
    box-shadow: 1px 2px 12px 0px rgba(33, 43, 50, 0.1);
    padding: 10px 0;
    border: none; }
    .pd-header-nav ul.dropdown-menu li a, .fixed-header ul.dropdown-menu li a, .red-header .pd-header-nav ul.dropdown-menu li a {
      font-weight: 500;
      padding: 10px 20px;
      color: #1d4254;
      cursor: pointer; }
    .pd-header-nav ul.dropdown-menu li a:hover, .fixed-header ul.dropdown-menu li a:hover, .red-header .pd-header-nav ul.dropdown-menu li a:hover {
      background-color: #eceff1;
      color: #04293b; }
  .pd-header-nav ul.dropdown-menu:after, .fixed-header ul.dropdown-menu:after, .red-header .pd-header-nav ul.dropdown-menu:after {
    border-bottom: 10px solid #fff;
    left: 30px; }
  .pd-header-nav .haml-bub-button.small, .fixed-header .haml-bub-button.small, .red-header .pd-header-nav .haml-bub-button.small {
    margin-top: 3px; }
  .pd-header-nav .nav-divider, .fixed-header .nav-divider, .red-header .pd-header-nav .nav-divider {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 25px; }
  .pd-header-nav a, .fixed-header a, .red-header .pd-header-nav a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer; }
  .pd-header-nav .partner-links, .fixed-header .partner-links, .red-header .pd-header-nav .partner-links {
    float: right;
    position: relative; }
    .pd-header-nav .partner-links a, .fixed-header .partner-links a, .red-header .pd-header-nav .partner-links a {
      padding-right: 20px; }
      @media (min-width: 1366px) {
        .pd-header-nav .partner-links a, .fixed-header .partner-links a, .red-header .pd-header-nav .partner-links a {
          padding-right: 25px; } }
  @media (max-width: 991px) {
    .pd-header-nav .partner-logo, .fixed-header .partner-logo, .red-header .pd-header-nav .partner-logo {
      padding-left: 0px;
      position: relative; }
      .pd-header-nav .partner-logo img, .fixed-header .partner-logo img, .red-header .pd-header-nav .partner-logo img {
        height: 19px;
        margin-bottom: 3px; } }

.fixed-header, .red-header .pd-header-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 44px 7px 32px;
  background-color: #F44336;
  -webkit-animation: fadeInDownShort .3s 1;
          animation: fadeInDownShort .3s 1;
  box-shadow: 0 1px 8px 0 rgba(33, 43, 50, 0.06); }
  @media (max-width: 991px) {
    .fixed-header, .red-header .pd-header-nav {
      padding: 10px 44px 8px 10px; } }
  .fixed-header .haml-bub-button.partners, .red-header .pd-header-nav .haml-bub-button.partners {
    background-color: #dc3c31; }
  .fixed-header .haml-bub-button.partners:hover, .red-header .pd-header-nav .haml-bub-button.partners:hover {
    background-color: #ab2f26; }

#partners-signup {
  color: #fff;
  background-color: #042d41;
  background: linear-gradient(315deg, rgba(1, 135, 194, 0.9) 0%, rgba(4, 45, 65, 0.9) 100%), url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/woman-smiling-desk-1a8da7c58c368338a5a60b6228684fb886285f735cad1084f7ca2d20ab094753.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-blend-mode: normal;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 110px 30px;
  text-align: center; }
  @media (max-width: 991px) {
    #partners-signup {
      padding: 80px 30px;
      background-size: cover; } }
  @media (max-width: 767px) {
    #partners-signup {
      padding: 55px 30px;
      background-size: cover; } }
  #partners-signup .container {
    max-width: 1366px;
    margin: 0 auto 10px; }
  #partners-signup .sign-in-link {
    font-size: 16px;
    line-height: 1.5em; }
    #partners-signup .sign-in-link a {
      color: #fff;
      text-decoration: underline; }
  #partners-signup .btn-space {
    margin: 40px 0 30px; }
  #partners-signup .partner-copy {
    display: block;
    margin: 0 auto;
    max-width: 900px; }
  #partners-signup .partner-tag {
    max-width: 720px; }

#partner-tertiary-pages {
  background-color: #f3f4f4; }
  #partner-tertiary-pages .container {
    max-width: 1200px;
    margin: 80px auto 30px;
    padding: 40px 30px 20px;
    background-color: #fff; }
    @media (max-width: 991px) {
      #partner-tertiary-pages .container {
        margin: 50px auto 0; } }
  #partner-tertiary-pages h1, #partner-tertiary-pages .tertiary-headline {
    line-height: 1.5;
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 1.2em;
    font-weight: 600;
    color: #162127; }
    @media (max-width: 991px) {
      #partner-tertiary-pages h1, #partner-tertiary-pages .tertiary-headline {
        font-size: 28px;
        line-height: 1.3em; } }
  #partner-tertiary-pages h4, #partner-tertiary-pages .tertiary-subhead {
    line-height: 1.5;
    font-size: 18px;
    line-height: 1.5em;
    margin: 30px 0 20px;
    font-weight: 600; }
  #partner-tertiary-pages p, #partner-tertiary-pages li, #partner-tertiary-pages .tertiary-para {
    line-height: 1.5;
    margin-bottom: 20px; }
  #partner-tertiary-pages #pricing-table, #partner-tertiary-pages #featured-new-release-pricing-table {
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      #partner-tertiary-pages #pricing-table, #partner-tertiary-pages #featured-new-release-pricing-table {
        font-size: 12px;
        line-height: 1.5em; } }
    @media (min-width: 992px) {
      #partner-tertiary-pages #pricing-table td, #partner-tertiary-pages #featured-new-release-pricing-table td {
        padding-left: 4px;
        padding-right: 4px; }
        #partner-tertiary-pages #pricing-table td:last-child, #partner-tertiary-pages #featured-new-release-pricing-table td:last-child {
          width: 150px; }
      #partner-tertiary-pages #pricing-table tbody td:nth-child(3), #partner-tertiary-pages #pricing-table tbody td:nth-child(4), #partner-tertiary-pages #pricing-table tbody td:nth-child(5), #partner-tertiary-pages #pricing-table tbody td:nth-child(6), #partner-tertiary-pages #featured-new-release-pricing-table tbody td:nth-child(3), #partner-tertiary-pages #featured-new-release-pricing-table tbody td:nth-child(4), #partner-tertiary-pages #featured-new-release-pricing-table tbody td:nth-child(5), #partner-tertiary-pages #featured-new-release-pricing-table tbody td:nth-child(6) {
        padding-left: 20px;
        padding-right: 20px; } }
    #partner-tertiary-pages #pricing-table thead, #partner-tertiary-pages #featured-new-release-pricing-table thead {
      font-weight: 600; }
      #partner-tertiary-pages #pricing-table thead .labels td, #partner-tertiary-pages #featured-new-release-pricing-table thead .labels td {
        border-top: 1px solid #8b9093;
        border-bottom: 1px solid #8b9093; }
    #partner-tertiary-pages #pricing-table .category, #partner-tertiary-pages #featured-new-release-pricing-table .category {
      text-align: left;
      padding-left: 20px; }
    #partner-tertiary-pages #pricing-table .costs, #partner-tertiary-pages #pricing-table .paid-stats, #partner-tertiary-pages #featured-new-release-pricing-table .costs, #partner-tertiary-pages #featured-new-release-pricing-table .paid-stats {
      background-color: #fff; }
    #partner-tertiary-pages #pricing-table tr:hover td, #partner-tertiary-pages #featured-new-release-pricing-table tr:hover td {
      background-color: #f8f8f9 !important; }
  #partner-tertiary-pages #featured-new-release-pricing-table td.costs {
    width: 300px; }
  #partner-tertiary-pages #advertise-pricing-content .table-responsive {
    border: 1px solid #dcdedf;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.5em; }
  #partner-tertiary-pages #advertise-pricing-content .free-alert {
    color: #F44336; }
  #partner-tertiary-pages #advertise-pricing-content .region-select {
    margin-bottom: 21px; }
  #partner-tertiary-pages #advertise-pricing-content .conversion-label {
    font-weight: 600;
    line-height: 40px; }
    @media (min-width: 992px) {
      #partner-tertiary-pages #advertise-pricing-content .conversion-label {
        text-align: right;
        margin-right: -15px; } }
    @media (max-width: 992px) {
      #partner-tertiary-pages #advertise-pricing-content .conversion-label {
        text-transform: uppercase;
        color: #162127; } }

.promote-with-bookbub {
  background-color: #fff; }
  .promote-with-bookbub .container {
    max-width: 1366px;
    margin: 0 auto; }
  .promote-with-bookbub .promote-padding {
    padding: 110px 30px; }
    @media (max-width: 991px) {
      .promote-with-bookbub .promote-padding {
        padding: 55px 30px; } }
  .promote-with-bookbub .free-tools-padding {
    padding: 20px 30px; }
    @media (max-width: 991px) {
      .promote-with-bookbub .free-tools-padding {
        padding: 0 30px; } }
  .promote-with-bookbub .waterfall .feature-free {
    background-color: #8bc34a;
    border-radius: 20px;
    border: transparent;
    padding: 3px 12px;
    margin: -10px 0 0 10px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    color: #fff;
    font-weight: 700; }
  @media (min-width: 992px) {
    .promote-with-bookbub .waterfall .vertical-align {
      display: flex;
      justify-content: center;
      align-items: center; } }
  .promote-with-bookbub .waterfall article {
    width: 100%;
    margin: 0;
    display: block; }
    @media (max-width: 991px) {
      .promote-with-bookbub .waterfall article {
        max-width: 600px;
        margin: 0 auto; } }
    .promote-with-bookbub .waterfall article .left {
      padding-left: 20px;
      max-width: 600px;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .promote-with-bookbub .waterfall article .left {
          padding-left: 0; } }
    .promote-with-bookbub .waterfall article .right {
      padding-right: 15px;
      max-width: 600px;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .promote-with-bookbub .waterfall article .right {
          padding-right: 0; } }
    .promote-with-bookbub .waterfall article .waterfall-title {
      font-size: 22px;
      line-height: 1.4em;
      color: #162127;
      font-weight: 600;
      line-height: 1.4;
      margin: 0 0 20px; }
      @media (max-width: 1365px) {
        .promote-with-bookbub .waterfall article .waterfall-title {
          margin: 0 0 10px;
          font-size: 16px;
          line-height: 1.5em; } }
  .promote-with-bookbub .waterfall .waterfall-right {
    padding: 80px 0 0; }
    .promote-with-bookbub .waterfall .waterfall-right .container {
      width: 100%; }
    @media (max-width: 767px) {
      .promote-with-bookbub .waterfall .waterfall-right {
        padding: 60px 0 0; } }
    .promote-with-bookbub .waterfall .waterfall-right .animate-this {
      -webkit-animation: fadeInRight 1s ease 1;
              animation: fadeInRight 1s ease 1;
      transition-delay: 6s; }
    .promote-with-bookbub .waterfall .waterfall-right .waterfall-copy {
      font-size: 16px;
      line-height: 1.5em;
      color: #5c6468;
      line-height: 2rem;
      margin-bottom: 20px; }
      .promote-with-bookbub .waterfall .waterfall-right .waterfall-copy .works {
        color: #162127;
        font-weight: 600; }
      @media (max-width: 767px) {
        .promote-with-bookbub .waterfall .waterfall-right .waterfall-copy {
          font-size: 14px;
          line-height: 1.5em;
          line-height: 1.6rem;
          margin: 0 0 10px;
          padding-left: 0; } }
    .promote-with-bookbub .waterfall .waterfall-right .waterfall-image {
      display: block;
      max-width: 600px;
      height: auto;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .promote-with-bookbub .waterfall .waterfall-right .waterfall-image {
          clear: both;
          max-width: 400px;
          margin: 20px auto 0; } }
      @media (max-width: 767px) {
        .promote-with-bookbub .waterfall .waterfall-right .waterfall-image {
          clear: both;
          max-width: 300px;
          margin: 15px auto 0; } }
  .promote-with-bookbub .waterfall .waterfall-left {
    padding: 80px 0 0; }
    .promote-with-bookbub .waterfall .waterfall-left .container {
      width: 100%; }
    @media (max-width: 767px) {
      .promote-with-bookbub .waterfall .waterfall-left {
        padding: 60px 0 0; } }
    .promote-with-bookbub .waterfall .waterfall-left .animate-this {
      -webkit-animation: fadeInLeft 1s ease 1;
              animation: fadeInLeft 1s ease 1;
      transition-delay: 6s; }
    .promote-with-bookbub .waterfall .waterfall-left .waterfall-copy {
      font-size: 16px;
      line-height: 1.5em;
      color: #5c6468;
      line-height: 2rem;
      margin-bottom: 20px; }
      .promote-with-bookbub .waterfall .waterfall-left .waterfall-copy .works {
        color: #5c6468;
        font-weight: 600; }
      @media (max-width: 1365px) {
        .promote-with-bookbub .waterfall .waterfall-left .waterfall-copy {
          font-size: 14px;
          line-height: 1.5em;
          line-height: 1.8rem;
          margin: 0 0 10px;
          padding-right: 0; } }
    .promote-with-bookbub .waterfall .waterfall-left .waterfall-image {
      display: block;
      max-width: 600px;
      height: auto;
      margin: 0 auto; }
      @media (max-width: 1365px) {
        .promote-with-bookbub .waterfall .waterfall-left .waterfall-image {
          clear: both;
          max-width: 600px;
          margin: 20px auto 0; } }
      @media (max-width: 991px) {
        .promote-with-bookbub .waterfall .waterfall-left .waterfall-image {
          clear: both;
          max-width: 400px;
          margin: 20px auto 0; } }
      @media (max-width: 767px) {
        .promote-with-bookbub .waterfall .waterfall-left .waterfall-image {
          clear: both;
          max-width: 300px;
          margin: 15px auto 0; } }

.top-msg {
  width: 100%;
  display: block;
  clear: both;
  background-color: #042d41;
  font-size: 12px;
  line-height: 1.5em;
  color: #dcdedf;
  text-align: center;
  margin: 0;
  padding: 12px 30px; }

.overview-top section {
  background-color: #042d41;
  background: linear-gradient(50deg, rgba(4, 45, 65, 0.93) 0%, rgba(49, 72, 153, 0.89) 56%, rgba(32, 190, 162, 0.89) 100%), url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/overview-hero-0ba38e461a33e83c278e5b74ce1c25e1cc52869678939852d050987781d0f71b.gif);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-blend-mode: normal;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  .overview-top section .container {
    max-width: 1366px;
    margin: 0 auto; }
  .overview-top section .animate-this {
    -webkit-animation: fadeInUpShort 0.8s ease 1;
            animation: fadeInUpShort 0.8s ease 1;
    transition-delay: 1.5s; }
  .overview-top section .main-intro {
    padding: 160px 30px 240px;
    text-align: center; }
    @media (max-width: 767px) {
      .overview-top section .main-intro {
        padding: 110px 30px 160px; } }
    @media (min-width: 1365px) {
      .overview-top section .main-intro {
        padding: 130px 30px 210px; } }
    .overview-top section .main-intro .haml-bub-button {
      width: 300px; }
      @media (max-width: 767px) {
        .overview-top section .main-intro .haml-bub-button {
          width: 100%; } }

.howto-cards {
  margin-top: -50px;
  background-color: #eceff1; }
  .howto-cards section .howto-section {
    position: relative;
    display: block;
    background-color: #fff;
    box-shadow: 3px 5px 24px 0px rgba(33, 43, 50, 0.15);
    width: 90%;
    max-width: 1366px;
    margin: 0 auto 90px;
    padding: 100px 20px 50px; }
    .howto-cards section .howto-section .container {
      width: 100%; }
    @media (max-width: 991px) {
      .howto-cards section .howto-section {
        width: 100%;
        box-shadow: none;
        padding: 55px 20px 30px;
        margin: 0 auto 30px; } }
    .howto-cards section .howto-section .card-row {
      margin-top: 70px;
      width: 100%; }
    .howto-cards section .howto-section .card-title {
      font-size: 18px;
      line-height: 1.5em;
      font-weight: 600;
      margin-bottom: 12px; }
    .howto-cards section .howto-section .card-body {
      font-size: 14px;
      line-height: 1.5em;
      color: #5c6468;
      padding: 5px 0 12px;
      line-height: 1.7rem; }
    .howto-cards section .howto-section .howto-card-one .animate-this {
      -webkit-animation: fadeInUp .5s ease 1;
              animation: fadeInUp .5s ease 1;
      transition-delay: 3s; }
    .howto-cards section .howto-section .howto-card-two .animate-this {
      -webkit-animation: fadeInUp .65s ease 1;
              animation: fadeInUp .65s ease 1;
      transition-delay: 3s; }
    .howto-cards section .howto-section .howto-card-three .animate-this {
      -webkit-animation: fadeInUp .8s ease 1;
              animation: fadeInUp .8s ease 1;
      transition-delay: 3s; }
    .howto-cards section .howto-section .howto-card-four .animate-this {
      -webkit-animation: fadeInUp .95s ease 1;
              animation: fadeInUp .95s ease 1;
      transition-delay: 3s; }
    .howto-cards section .howto-section .card-container {
      width: 100%;
      display: inline-block;
      background-color: #fff;
      padding: 0 20px;
      margin-bottom: 25px; }
      @media (max-width: 991px) {
        .howto-cards section .howto-section .card-container {
          padding: 0; } }
    .howto-cards section .howto-section .howto-card-icon {
      height: 40px;
      width: auto;
      margin-bottom: 22px; }
      @media (max-width: 991px) {
        .howto-cards section .howto-section .howto-card-icon {
          height: 34px;
          width: auto;
          margin-bottom: 15px; } }

.service-details {
  display: block;
  background-color: #fff;
  padding: 110px 30px; }
  @media (max-width: 991px) {
    .service-details {
      padding: 80px 30px; } }
  @media (max-width: 767px) {
    .service-details {
      padding: 55px 30px; } }
  .service-details .container {
    max-width: 1366px;
    margin: 0 auto;
    position: relative; }
  @media (min-width: 992px) {
    .service-details .vertical-align {
      display: flex;
      justify-content: center;
      align-items: center; } }
  .service-details .details-content {
    margin: 80px 0 10px; }
    @media (max-width: 991px) {
      .service-details .details-content {
        margin: 40px 0 10px; } }
    .service-details .details-content .detail-image {
      width: 100%;
      display: block; }
      .service-details .details-content .detail-image .animate-this {
        -webkit-animation: fadeInRightShort 0.8s ease 1;
                animation: fadeInRightShort 0.8s ease 1;
        transition-delay: 5s; }
      .service-details .details-content .detail-image .detail-service-image {
        float: right;
        display: block;
        width: 1000px;
        height: 680px;
        position: relative;
        right: 0;
        background-color: #1d4254; }
        @media (max-width: 991px) {
          .service-details .details-content .detail-image .detail-service-image {
            display: none; } }
    .service-details .details-content .detail-info {
      left: 0;
      display: block;
      max-width: 1160px;
      height: 560px;
      z-index: 200;
      position: absolute; }
      @media (max-width: 991px) {
        .service-details .details-content .detail-info {
          max-width: 100%;
          padding: 0;
          position: relative;
          box-shadow: none; } }
      .service-details .details-content .detail-info .animate-this {
        -webkit-animation: fadeInLeftShort 0.8s ease 1;
                animation: fadeInLeftShort 0.8s ease 1;
        transition-delay: 5s; }
      .service-details .details-content .detail-info .details-copy {
        background-color: #fff;
        display: block;
        max-width: 1160px;
        box-shadow: 3px 5px 24px 0px rgba(33, 43, 50, 0.15);
        height: 560px; }
        @media (max-width: 767px) {
          .service-details .details-content .detail-info .details-copy {
            height: 100%;
            box-shadow: none; } }
        .service-details .details-content .detail-info .details-copy .copy-padding {
          padding: 40px 20px 25px 22px; }
          @media (max-width: 991px) {
            .service-details .details-content .detail-info .details-copy .copy-padding {
              padding: 0 20px 0 15px; } }
        .service-details .details-content .detail-info .details-copy .details-copy-item {
          list-style: none;
          padding: 17px 15px; }
          @media (max-width: 991px) {
            .service-details .details-content .detail-info .details-copy .details-copy-item {
              padding: 17px 0; } }
          .service-details .details-content .detail-info .details-copy .details-copy-item .item-title {
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 600;
            margin: 0 0 8px 30px; }
          .service-details .details-content .detail-info .details-copy .details-copy-item .item-body {
            font-size: 14px;
            line-height: 1.5em;
            line-height: 1.7rem;
            color: #5c6468;
            margin: 0 0 0 30px; }
        .service-details .details-content .detail-info .details-copy .check-icon {
          font-size: 18px;
          line-height: 1.5em;
          line-height: 1em;
          color: #51cdb7;
          height: 100%;
          margin: 0;
          position: absolute; }
        .service-details .details-content .detail-info .details-copy .details-content-image {
          width: 100%;
          height: 560px;
          margin-left: 2px;
          display: block;
          background-color: #b9bcbe;
          background: linear-gradient(230deg, rgba(32, 190, 162, 0) 0%, rgba(32, 190, 162, 0) 100%), url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/profile-group-010c83751ce5beeb3d7dfb129e34609ac79708ec93d5f82a96772efd69f601e6.jpg);
          background-repeat: no-repeat;
          background-blend-mode: normal;
          background-size: cover;
          overflow: hidden; }
          @media (max-width: 991px) {
            .service-details .details-content .detail-info .details-copy .details-content-image {
              height: 158px;
              margin-left: 0;
              margin-top: 20px; } }

.bottom-spacing {
  display: block;
  height: 80px;
  width: 100%; }
  @media (max-width: 991px) {
    .bottom-spacing {
      height: 50px; } }
  @media (max-width: 767px) {
    .bottom-spacing {
      height: 10px; } }

.testimonial-section {
  background-color: #eceff1;
  position: relative;
  padding: 110px 30px;
  height: 820px; }
  @media (max-width: 991px) {
    .testimonial-section {
      padding: 80px 30px;
      height: 100%; } }
  @media (max-width: 1365px) {
    .testimonial-section {
      padding: 80px 30px;
      height: 940px; } }
  @media (max-width: 767px) {
    .testimonial-section {
      padding: 55px 30px;
      height: 100%; } }
  .testimonial-section .col-sm-4 {
    padding: 0 10px; }
  .testimonial-section .container {
    max-width: 1366px;
    margin: 0 auto; }
  .testimonial-section .carousel-quote {
    display: block; }
    .testimonial-section .carousel-quote .quote-carousel-indicators .active {
      background-color: #07b798;
      height: 12px;
      width: 12px; }
    .testimonial-section .carousel-quote .quote-carousel-indicators li {
      border: 2px solid #07b798;
      height: auto;
      height: 12px;
      width: 12px;
      margin: 0 2px 0 1px; }
    .testimonial-section .carousel-quote .carousel-inner {
      margin: 50px auto 0; }

#products .animate-this {
  -webkit-animation: fadeInUpShort 0.8s ease 1;
          animation: fadeInUpShort 0.8s ease 1;
  transition-delay: 1.5s; }

#products .product-top {
  background: #eceff1;
  width: 100%;
  min-height: 1px; }
  #products .product-top .container {
    max-width: 1366px;
    margin: 0 auto; }
    @media (min-width: 1365px) {
      #products .product-top .container {
        padding: 0 15px; } }
    @media (min-width: 1679px) {
      #products .product-top .container {
        padding: 0; } }

#products .overlap {
  height: 85px;
  width: 100%;
  margin-top: -86px;
  background-color: #fff; }

#products .product-intro {
  padding: 160px 0 110px 30px; }
  @media (max-width: 1365px) {
    #products .product-intro {
      padding: 110px 30px 10px; } }
  #products .product-intro .product-cta {
    margin-top: 35px; }
    @media (max-width: 991px) {
      #products .product-intro .product-cta {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%; }
        #products .product-intro .product-cta .large {
          width: 100%; } }
  #products .product-intro .product-copy {
    padding-right: 15px; }

#products .product-image-container {
  padding: 90px 0 0; }
  @media (max-width: 991px) {
    #products .product-image-container {
      padding: 0 20px 20px; } }
  #products .product-image-container img {
    width: auto;
    max-height: 620px;
    margin: 0 auto; }
    @media (max-width: 1365px) {
      #products .product-image-container img {
        clear: both;
        max-width: 700px; } }
    @media (max-width: 767px) {
      #products .product-image-container img {
        clear: both;
        width: 100%;
        height: auto; } }

#products .product-details {
  display: block;
  background-color: #fff;
  padding: 50px 0 110px; }
  @media (max-width: 991px) {
    #products .product-details {
      padding: 10px 0 40px; } }
  #products .product-details .container {
    max-width: 1366px;
    margin: 0 auto;
    position: relative; }
  @media (min-width: 992px) {
    #products .product-details .vertical-align {
      display: flex;
      justify-content: center;
      align-items: center; } }
  #products .product-details .details-content {
    margin-top: 70px; }
    @media (max-width: 767px) {
      #products .product-details .details-content {
        margin-top: 20px; } }
    #products .product-details .details-content .detail-image {
      width: 100%;
      display: block; }
      #products .product-details .details-content .detail-image .animate-this {
        -webkit-animation: fadeInRightShort 0.8s ease 1;
                animation: fadeInRightShort 0.8s ease 1;
        transition-delay: 5s; }
      #products .product-details .details-content .detail-image .detail-ads-image, #products .product-details .details-content .detail-image .detail-deals-image, #products .product-details .details-content .detail-image .detail-nrfl-image, #products .product-details .details-content .detail-image .detail-preorder-image {
        float: right;
        display: block;
        width: 1000px;
        background-color: #f8f8f9;
        position: relative;
        right: 0;
        background-repeat: no-repeat;
        background-blend-mode: normal;
        background-size: cover;
        overflow: hidden; }
        @media (max-width: 991px) {
          #products .product-details .details-content .detail-image .detail-ads-image, #products .product-details .details-content .detail-image .detail-deals-image, #products .product-details .details-content .detail-image .detail-nrfl-image, #products .product-details .details-content .detail-image .detail-preorder-image {
            display: none; } }
      #products .product-details .details-content .detail-image .detail-ads-image {
        background: url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/people-train-phones-060d8c2c28ace8e185cc8c33f6ec4708b2a7789b94c29ef40664910ea5ee4ede.jpg);
        height: 720px;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden; }
      #products .product-details .details-content .detail-image .detail-deals-image {
        background: url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/woman-smiling-bookstore-f48a996c5c6f77a2313b8001ff9c6fb619acbc5a7438baea0ab421009ad647a7.jpg);
        height: 700px;
        background-repeat: no-repeat; }
      #products .product-details .details-content .detail-image .detail-nrfl-image {
        background: url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/older-woman-man-bffe6d6e537d5bd6ce4b90a2b444b9794e09f8f26bcfa02f87e2cef33ef07ae3.jpg);
        height: 540px;
        background-repeat: no-repeat; }
      #products .product-details .details-content .detail-image .detail-preorder-image {
        background: url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/man-laptop-88672360317441105a5104566a90ecc7ea2c54379507647f7c4ab6fba5cf56c7.jpg);
        height: 540px;
        background-repeat: no-repeat; }
    #products .product-details .details-content .detail-info {
      left: 0;
      display: block;
      max-width: 800px;
      height: auto;
      z-index: 200;
      position: absolute; }
      @media (max-width: 991px) {
        #products .product-details .details-content .detail-info {
          max-width: 100%;
          padding: 0;
          position: relative;
          box-shadow: none; } }
      @media (max-width: 991px) {
        #products .product-details .details-content .detail-info .col-xs-12, #products .product-details .details-content .detail-info .col-md-6 {
          padding: 0; } }
      #products .product-details .details-content .detail-info .animate-this {
        -webkit-animation: fadeInLeftShort 0.8s ease 1;
                animation: fadeInLeftShort 0.8s ease 1;
        transition-delay: 5s; }
      #products .product-details .details-content .detail-info .details-copy-nrfl, #products .product-details .details-content .detail-info .details-copy-fd, #products .product-details .details-content .detail-info .details-copy-ads, #products .product-details .details-content .detail-info .details-copy-preorder {
        background-color: #fff;
        display: block;
        box-shadow: 3px 5px 24px 0px rgba(33, 43, 50, 0.15);
        height: auto; }
        #products .product-details .details-content .detail-info .details-copy-nrfl .copy-padding, #products .product-details .details-content .detail-info .details-copy-fd .copy-padding, #products .product-details .details-content .detail-info .details-copy-ads .copy-padding, #products .product-details .details-content .detail-info .details-copy-preorder .copy-padding {
          padding: 40px 20px 25px 22px; }
          @media (max-width: 991px) {
            #products .product-details .details-content .detail-info .details-copy-nrfl .copy-padding, #products .product-details .details-content .detail-info .details-copy-fd .copy-padding, #products .product-details .details-content .detail-info .details-copy-ads .copy-padding, #products .product-details .details-content .detail-info .details-copy-preorder .copy-padding {
              padding: 10px 20px 0 15px; } }
        #products .product-details .details-content .detail-info .details-copy-nrfl .details-copy-item, #products .product-details .details-content .detail-info .details-copy-fd .details-copy-item, #products .product-details .details-content .detail-info .details-copy-ads .details-copy-item, #products .product-details .details-content .detail-info .details-copy-preorder .details-copy-item {
          list-style: none;
          padding: 17px 20px; }
          #products .product-details .details-content .detail-info .details-copy-nrfl .details-copy-item .item-title, #products .product-details .details-content .detail-info .details-copy-fd .details-copy-item .item-title, #products .product-details .details-content .detail-info .details-copy-ads .details-copy-item .item-title, #products .product-details .details-content .detail-info .details-copy-preorder .details-copy-item .item-title {
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 600;
            margin: 0 0 8px 30px; }
          #products .product-details .details-content .detail-info .details-copy-nrfl .details-copy-item .item-body, #products .product-details .details-content .detail-info .details-copy-fd .details-copy-item .item-body, #products .product-details .details-content .detail-info .details-copy-ads .details-copy-item .item-body, #products .product-details .details-content .detail-info .details-copy-preorder .details-copy-item .item-body {
            font-size: 14px;
            line-height: 1.5em;
            line-height: 1.7rem;
            color: #5c6468;
            margin: 0 0 0 30px; }
        #products .product-details .details-content .detail-info .details-copy-nrfl .check-icon, #products .product-details .details-content .detail-info .details-copy-fd .check-icon, #products .product-details .details-content .detail-info .details-copy-ads .check-icon, #products .product-details .details-content .detail-info .details-copy-preorder .check-icon {
          font-size: 18px;
          line-height: 1.5em;
          line-height: 1em;
          color: #51cdb7;
          height: 100%;
          margin: 0;
          position: absolute; }
      #products .product-details .details-content .detail-info .details-copy-nrfl {
        height: 420px; }
        @media (max-width: 991px) {
          #products .product-details .details-content .detail-info .details-copy-nrfl {
            height: 100%; } }
      #products .product-details .details-content .detail-info .details-copy-fd {
        height: 580px; }
        @media (max-width: 991px) {
          #products .product-details .details-content .detail-info .details-copy-fd {
            height: 100%; } }
      #products .product-details .details-content .detail-info .details-copy-preorder {
        height: 420px; }
        @media (max-width: 991px) {
          #products .product-details .details-content .detail-info .details-copy-preorder {
            height: 100%; } }
      #products .product-details .details-content .detail-info .details-copy-ads {
        height: 600px; }
        @media (max-width: 991px) {
          #products .product-details .details-content .detail-info .details-copy-ads {
            height: 100%; } }

#products .quote-highlight {
  background: linear-gradient(315deg, #e91e63 0%, #9c28af 100%);
  padding: 110px 30px; }
  #products .quote-highlight .container {
    max-width: 1366px;
    margin: 0 auto; }
  @media (max-width: 991px) {
    #products .quote-highlight {
      padding: 80px 30px; } }
  @media (max-width: 767px) {
    #products .quote-highlight {
      padding: 55px 30px; } }
  #products .quote-highlight .quote-highlight-copy {
    color: #fff;
    font-size: 44px;
    line-height: 1.3em;
    font-family: Lora, Georgia, Times, serif;
    line-height: 1.4;
    margin: 1.5rem 0;
    text-align: center;
    margin: 0 auto; }
    @media (max-width: 991px) {
      #products .quote-highlight .quote-highlight-copy {
        font-size: 34px;
        line-height: 1.2em;
        margin: 1rem 0; } }
    @media (max-width: 767px) {
      #products .quote-highlight .quote-highlight-copy {
        font-size: 24px;
        line-height: 1.3em;
        margin: 1rem 0; } }
  #products .quote-highlight .highlight-container {
    text-align: center;
    padding: 35px 0 0; }
    #products .quote-highlight .highlight-container img {
      width: 90px;
      margin: 0 auto 8px;
      border: 2px solid #f3f4f4;
      border-radius: 50%; }
      @media (max-width: 767px) {
        #products .quote-highlight .highlight-container img {
          width: 75px; } }
    #products .quote-highlight .highlight-container .highlight-name-title {
      text-align: center;
      color: #fff;
      margin-top: 10px;
      font-size: 16px;
      line-height: 1.5em; }
      @media (max-width: 767px) {
        #products .quote-highlight .highlight-container .highlight-name-title {
          font-size: 14px;
          line-height: 1.5em; } }

#products .product-goals {
  background-color: #eceff1;
  padding: 110px 30px; }
  #products .product-goals .container {
    max-width: 1366px;
    margin: 0 auto; }
  #products .product-goals .section-headline {
    padding: 0; }
  @media (max-width: 991px) {
    #products .product-goals {
      padding: 55px 30px; } }
  @media (max-width: 767px) {
    #products .product-goals {
      padding: 55px 30px; } }
  #products .product-goals .card-row {
    margin-top: 65px;
    width: 100%; }
    #products .product-goals .card-row .col-xs-12 {
      padding: 0 15px; }
      @media (max-width: 991px) {
        #products .product-goals .card-row .col-xs-12 {
          padding: 0; } }
  #products .product-goals .card-row-spacer {
    height: 30px;
    width: 100%;
    display: block;
    clear: both; }
  #products .product-goals a {
    width: 100%;
    background-color: #fff;
    padding: 25px 30px;
    box-shadow: 1px 2px 12px 0px rgba(33, 43, 50, 0.1);
    display: block;
    color: #162127;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      #products .product-goals a {
        padding: 20px 15px; } }
    #products .product-goals a .card-title {
      font-size: 18px;
      line-height: 1.5em;
      font-weight: 600;
      min-width: 0;
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 20px; }
      @media (max-width: 767px) {
        #products .product-goals a .card-title {
          margin-left: 15px;
          font-size: 16px;
          line-height: 1.5em; } }
    #products .product-goals a .howto-card-icon {
      height: 40px;
      width: auto;
      display: inline-block; }
      @media (max-width: 767px) {
        #products .product-goals a .howto-card-icon {
          height: 30px; } }
    #products .product-goals a .chevron-icon {
      float: right;
      display: inline-block;
      vertical-align: middle;
      font-size: 20px; }
      #products .product-goals a .chevron-icon svg {
        color: #07b798; }
        @media (max-width: 767px) {
          #products .product-goals a .chevron-icon svg {
            font-size: 28px;
            line-height: 1.3em; } }

#products .submission {
  background-color: #fff;
  padding: 110px 30px; }
  #products .submission .container {
    max-width: 1366px;
    margin: 0 auto; }
  @media (max-width: 991px) {
    #products .submission {
      padding: 55px 30px; } }
  #products .submission .animate-this {
    -webkit-animation: fadeInUpShort 0.8s ease 1;
            animation: fadeInUpShort 0.8s ease 1;
    transition-delay: 5s; }
  #products .submission .step-block {
    width: 100%;
    padding-top: 60px; }
    @media (max-width: 767px) {
      #products .submission .step-block {
        padding-top: 20px; } }
    #products .submission .step-block .step-number {
      border: 1px solid #dcdedf;
      background-color: #fff;
      border-radius: 50%;
      width: 58px;
      height: 58px;
      text-align: center;
      color: #07b798;
      font-size: 28px;
      line-height: 1.3em;
      font-weight: 600;
      padding-top: 10px;
      margin: 0 auto -30px;
      position: relative; }
      @media (max-width: 767px) {
        #products .submission .step-block .step-number {
          width: 54px;
          height: 54px;
          font-size: 24px;
          line-height: 1.3em;
          margin: 10px auto -28px; } }
    #products .submission .step-block .step {
      width: 100%;
      padding: 48px 30px 16px;
      background-color: #fff;
      border: 1px solid #dcdedf;
      text-align: center;
      min-height: 260px; }
      @media (max-width: 767px) {
        #products .submission .step-block .step {
          min-height: 0;
          padding: 48px 20px 16px; } }
    #products .submission .step-block .step-ads {
      width: 100%;
      padding: 48px 30px 16px;
      background-color: #fff;
      border: 1px solid #dcdedf;
      text-align: center;
      min-height: 300px; }
      @media (max-width: 767px) {
        #products .submission .step-block .step-ads {
          min-height: 0;
          padding: 48px 20px 16px; } }
      #products .submission .step-block .step-ads .ads {
        min-height: 300px; }
    #products .submission .step-block .step-title {
      font-size: 18px;
      line-height: 1.5em;
      font-weight: 600;
      margin: 12px 0; }
    #products .submission .step-block .step-body {
      font-size: 14px;
      line-height: 1.5em;
      color: #5c6468;
      line-height: 1.7rem;
      margin-bottom: 20px; }

#products .all-products {
  background-color: #fff;
  padding: 110px 30px; }
  #products .all-products .col-md-4 {
    padding: 0 15px; }
    @media (max-width: 767px) {
      #products .all-products .col-md-4 {
        padding: 0; } }
  @media (max-width: 991px) {
    #products .all-products {
      padding: 80px 30px; } }
  @media (max-width: 767px) {
    #products .all-products {
      padding: 55px 30px; } }
  #products .all-products .container {
    max-width: 1366px;
    margin: 0 auto; }
  #products .all-products .product-cards {
    margin-top: 50px;
    cursor: pointer; }
    @media (max-width: 991px) {
      #products .all-products .product-cards {
        margin-top: 30px; } }
    #products .all-products .product-cards a {
      text-decoration: none; }
      #products .all-products .product-cards a h3 {
        color: #162127;
        margin-top: 5px; }
    #products .all-products .product-cards img {
      width: 100%;
      max-height: auto;
      margin: 20px auto 0; }
    #products .all-products .product-cards .product-card-one .animate-this {
      -webkit-animation: fadeInUpShort .4s ease 1;
              animation: fadeInUpShort .4s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-two .animate-this {
      -webkit-animation: fadeInUpShort .8s ease 1;
              animation: fadeInUpShort .8s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-three .animate-this {
      -webkit-animation: fadeInUpShort 1.2s ease 1;
              animation: fadeInUpShort 1.2s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-four .animate-this {
      -webkit-animation: fadeInUpShort 1.6s ease 1;
              animation: fadeInUpShort 1.6s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-five .animate-this {
      -webkit-animation: fadeInUpShort 2s ease 1;
              animation: fadeInUpShort 2s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-six .animate-this {
      -webkit-animation: fadeInUpShort 2.4s ease 1;
              animation: fadeInUpShort 2.4s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-seven .animate-this {
      -webkit-animation: fadeInUpShort 2.8s ease 1;
              animation: fadeInUpShort 2.8s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .product-card-eight .animate-this {
      -webkit-animation: fadeInUpShort 2.8s ease 1;
              animation: fadeInUpShort 2.8s ease 1;
      transition-delay: 3s; }
    #products .all-products .product-cards .card-title {
      font-size: 18px;
      line-height: 1.5em;
      font-weight: 600;
      margin-bottom: 12px; }
    #products .all-products .product-cards .card-body {
      font-size: 14px;
      line-height: 1.5em;
      line-height: 1.8rem;
      color: #5c6468; }
      @media (max-width: 991px) {
        #products .all-products .product-cards .card-body {
          margin-bottom: 10px; } }
      @media (max-width: 767px) {
        #products .all-products .product-cards .card-body {
          font-size: 14px;
          line-height: 1.5em; } }
    #products .all-products .product-cards .feature-free {
      background-color: #8bc34a;
      border-radius: 20px;
      border: transparent;
      padding: 3px 12px;
      margin: -10px 0 0 10px;
      text-align: center;
      font-size: 12px;
      line-height: 1.5em;
      color: #fff;
      font-weight: 700; }
    #products .all-products .product-cards .product-card-container {
      margin: 30px 0;
      display: block;
      border: 1px solid #f3f4f4;
      background-color: #fff;
      box-shadow: 1px 2px 12px 0px rgba(33, 43, 50, 0.1);
      padding: 30px 30px;
      width: 100%; }
      @media (max-width: 767px) {
        #products .all-products .product-cards .product-card-container {
          padding: 20px;
          min-height: 150px; } }

#howto .howto-top {
  background-color: #042d41; }
  #howto .howto-top .container {
    max-width: 1366px;
    margin: 0 auto; }
  #howto .howto-top .howto-bg {
    background-color: #042d41;
    background: linear-gradient(20deg, rgba(28, 66, 83, 0.93) 0%, rgba(3, 169, 244, 0.86) 10%, rgba(49, 72, 153, 0.84) 55%, rgba(28, 66, 83, 0.84) 100%), url(https://dzazw6ldmby07.cloudfront.net/assets/pages/partners/BB-logo-bg-9d9fe9c197545cdfa0b79d9b36577fd88680c1065a8e955851bb03fddb9e2231.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-blend-mode: normal;
    background-size: contain;
    background-position: left bottom;
    overflow: hidden;
    width: 100%;
    min-height: 1px; }
    @media (max-width: 991px) {
      #howto .howto-top .howto-bg {
        background-size: cover; } }

#howto .howto-intro {
  padding: 160px 30px 140px;
  text-align: center; }
  @media (max-width: 991px) {
    #howto .howto-intro {
      padding: 65px 20px 20px;
      text-align: left; } }
  @media (max-width: 1365px) {
    #howto .howto-intro {
      padding: 110px 30px 100px; } }
  @media (max-width: 991px) {
    #howto .howto-intro .howto-copy {
      text-align: left; } }
  #howto .howto-intro .howto-copy .howto-cta {
    width: 100%;
    display: block;
    margin-top: 40px; }
    #howto .howto-intro .howto-copy .howto-cta .haml-bub-button {
      width: 300px; }
      @media (max-width: 767px) {
        #howto .howto-intro .howto-copy .howto-cta .haml-bub-button {
          width: 100%; } }

#howto .stat-highlight {
  background: linear-gradient(315deg, #04a8f4 0%, #4051b5 100%);
  padding: 90px 0 100px; }
  @media (min-width: 1365px) {
    #howto .stat-highlight .container {
      max-width: 1366px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center; } }
  @media (max-width: 991px) {
    #howto .stat-highlight .container {
      display: block;
      clear: both; } }
  #howto .stat-highlight .animate-this {
    -webkit-animation: fadeInUpShort .5s ease 1;
            animation: fadeInUpShort .5s ease 1;
    transition-delay: 3s; }
  @media (max-width: 991px) {
    #howto .stat-highlight {
      padding: 80px 30px; } }
  @media (max-width: 767px) {
    #howto .stat-highlight {
      padding: 55px 30px; } }
  #howto .stat-highlight .stat-highlight-conatiner {
    display: block; }
  #howto .stat-highlight .stat-highlight-copy {
    display: block;
    color: #fff;
    font-size: 44px;
    line-height: 1.3em;
    font-family: Lora, Georgia, Times, serif;
    line-height: 1.4;
    margin-right: 50px; }
    #howto .stat-highlight .stat-highlight-copy strong {
      font-weight: 900;
      font-size: 110%; }
    @media (max-width: 1365px) {
      #howto .stat-highlight .stat-highlight-copy {
        font-size: 44px;
        line-height: 1.3em;
        margin-right: 50px; } }
    @media (max-width: 991px) {
      #howto .stat-highlight .stat-highlight-copy {
        font-size: 34px;
        line-height: 1.2em;
        margin-right: 0;
        margin-top: 30px;
        text-align: center; } }
    @media (max-width: 767px) {
      #howto .stat-highlight .stat-highlight-copy {
        font-size: 24px;
        line-height: 1.3em;
        margin-right: 0;
        margin-top: 30px;
        text-align: center; } }

#howto .success-story {
  background-color: #eceff1;
  padding: 110px 30px; }
  #howto .success-story .container {
    max-width: 1366px;
    margin: 0 auto; }
  @media (max-width: 991px) {
    #howto .success-story {
      padding: 80px 30px; } }
  @media (max-width: 991px) {
    #howto .success-story {
      padding: 55px 30px; } }
  @media (max-width: 767px) {
    #howto .success-story {
      padding: 55px 0; } }
  #howto .success-story .label-callout {
    border-top: 1px solid #dcdedf;
    padding: 20px 0 70px; }
    @media (max-width: 991px) {
      #howto .success-story .label-callout {
        padding: 30px 0; } }
    #howto .success-story .label-callout .label-divider {
      font-size: 11px;
      line-height: 1.5em;
      font-weight: 600;
      line-height: 2;
      padding: 9px;
      letter-spacing: 1px;
      text-align: center;
      text-transform: uppercase;
      height: 40px;
      width: 220px;
      background-color: #fff;
      border: 1px solid #dcdedf;
      margin: -40px auto 0; }
  #howto .success-story .success-case {
    margin-top: 75px;
    border: 1px solid #f3f4f4;
    background-color: #fff;
    box-shadow: 3px 5px 24px 0px rgba(33, 43, 50, 0.15); }
    @media (max-width: 991px) {
      #howto .success-story .success-case {
        margin-top: 50px; } }
    @media (max-width: 767px) {
      #howto .success-story .success-case {
        box-shadow: none; } }
    #howto .success-story .success-case .book-container {
      top: 0;
      bottom: 0;
      position: absolute;
      width: 30%; }
      #howto .success-story .success-case .book-container .book-background {
        background-color: #042d41;
        margin-right: 12%;
        height: 100%; }
      #howto .success-story .success-case .book-container .circle-image {
        max-height: 220px;
        top: 0;
        right: 0;
        position: absolute;
        margin-top: 40%;
        box-shadow: 3px 5px 24px 0px rgba(33, 43, 50, 0.15);
        border-radius: 50%; }
        @media (max-width: 1365px) {
          #howto .success-story .success-case .book-container .circle-image {
            max-height: 180px;
            margin-top: 60%; } }
        @media (max-width: 991px) {
          #howto .success-story .success-case .book-container .circle-image {
            max-height: 140px;
            margin-top: 70%; } }
        @media (max-width: 767px) {
          #howto .success-story .success-case .book-container .circle-image {
            max-height: 80px;
            margin-top: 20%; } }
      #howto .success-story .success-case .book-container .book-image {
        max-height: 250px;
        border-radius: 4px;
        top: 0;
        right: 0;
        position: absolute;
        margin-top: 35%; }
        @media (max-width: 1365px) {
          #howto .success-story .success-case .book-container .book-image {
            max-height: 220px;
            margin-top: 50%; } }
        @media (max-width: 991px) {
          #howto .success-story .success-case .book-container .book-image {
            max-height: 200px;
            margin-top: 50%; } }
        @media (max-width: 767px) {
          #howto .success-story .success-case .book-container .book-image {
            max-height: 120px;
            margin-top: 20%; } }

.chart-instance1 {
  height: 300px;
  padding-left: 50px;
  display: block; }
  @media (max-width: 991px) {
    .chart-instance1 {
      padding-left: 20px;
      max-height: 200px; } }
  @media (max-width: 767px) {
    .chart-instance1 {
      padding-left: 0;
      max-height: 150px; } }

.single-chart {
  width: 100%;
  float: right; }
  .single-chart .circular-chart {
    display: block;
    max-width: 100%;
    max-height: 300px; }
    @media (max-width: 991px) {
      .single-chart .circular-chart {
        max-height: 200px; } }
    @media (max-width: 767px) {
      .single-chart .circular-chart {
        max-height: 150px; } }
  .single-chart .circle-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 2.6; }
  .single-chart .circle {
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    -webkit-animation: progress 2s ease-out forwards;
            animation: progress 2s ease-out forwards; }

@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100; } }

@keyframes progress {
  0% {
    stroke-dasharray: 0 100; } }
  .single-chart .circular-chart.teal .circle {
    stroke: #51cdb7; }
  .single-chart text {
    display: inline; }
  .single-chart .percentage {
    fill: #fff;
    font-size: 0.7em;
    font-weight: 600;
    font-family: Lora, Georgia, Times, serif;
    text-anchor: middle; }
  .single-chart .percentage-sign {
    fill: #fff;
    font-size: 0.4em;
    font-weight: 600;
    font-family: Lora, Georgia, Times, serif; }