.feature-banner {
  background-color: #333333;
  color: #fff;
  padding: 140px 400px 70px 70px;
  overflow: auto;
  position: relative; }
  .feature-banner h1, .feature-banner h2 {
    font-size: 56px;
    font-family: "Cinzel", serif;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 20px;
    margin: 0 0 20px;
    display: inline-block;
    margin-left: -8px;
    /* adjusting for extra space before first letter (not padding or margin) */ }
  .feature-banner .feature-stats {
    padding-bottom: 20px;
    white-space: nowrap;
    padding-left: 0; }
    .feature-banner .feature-stats span {
      font-size: 82px;
      margin-right: 30px; }
    .feature-banner .feature-stats label {
      text-transform: uppercase;
      font-size: 34px;
      line-height: 32px;
      white-space: normal;
      max-width: 250px; }
  .feature-banner .feature-summary {
    font-size: 21px;
    padding-left: 0; }
  .feature-banner .center-btn-wrapper {
    position: relative;
    padding-bottom: 15px;
    bottom: 0; }
    .feature-banner .center-btn-wrapper .bcs-btn {
      text-align: center;
      width: 100%;
      max-width: 350px;
      padding-left: 15px !important;
      padding-right: 15px !important; }
  .feature-banner.Base {
    min-height: 450px; }
    .feature-banner.Base.text-center {
      padding: 140px 15%; }
    .feature-banner.Base.text-right {
      padding: 140px 70px 70px 400px; }
  .feature-banner.FullHeight, .feature-banner.ExtraLarge {
    width: 100%;
    max-width: 1250px;
    padding: 130px 15%;
    background-position: center center !important; }
    .feature-banner.FullHeight .text-wrapper, .feature-banner.ExtraLarge .text-wrapper {
      top: calc(50% - 80px); }
    .feature-banner.FullHeight.text-left, .feature-banner.FullHeight.text-right, .feature-banner.ExtraLarge.text-left, .feature-banner.ExtraLarge.text-right {
      padding: 130px 30px; }
      .feature-banner.FullHeight.text-left .text-wrapper, .feature-banner.FullHeight.text-right .text-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper {
        width: calc(100% - 60px);
        max-width: 1250px;
        margin: 0 auto; }
        .feature-banner.FullHeight.text-left .text-wrapper .banner-title, .feature-banner.FullHeight.text-left .text-wrapper .feature-summary, .feature-banner.FullHeight.text-left .text-wrapper .feature-stats, .feature-banner.FullHeight.text-left .text-wrapper .center-btn-wrapper, .feature-banner.FullHeight.text-right .text-wrapper .banner-title, .feature-banner.FullHeight.text-right .text-wrapper .feature-summary, .feature-banner.FullHeight.text-right .text-wrapper .feature-stats, .feature-banner.FullHeight.text-right .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-left .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-right .text-wrapper .center-btn-wrapper {
          width: 45%; }
    .feature-banner.FullHeight.text-left, .feature-banner.ExtraLarge.text-left {
      text-align: left; }
    .feature-banner.FullHeight.text-right, .feature-banner.ExtraLarge.text-right {
      text-align: right; }
      .feature-banner.FullHeight.text-right .text-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper {
        float: right; }
        .feature-banner.FullHeight.text-right .text-wrapper .banner-title, .feature-banner.FullHeight.text-right .text-wrapper .feature-summary, .feature-banner.FullHeight.text-right .text-wrapper .feature-stats, .feature-banner.FullHeight.text-right .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-right .text-wrapper .center-btn-wrapper {
          float: right;
          clear: right; }
  .feature-banner.ExtraLarge {
    min-height: 600px;
    padding: 200px 15% 0; }
    .feature-banner.ExtraLarge.text-left, .feature-banner.ExtraLarge.text-right {
      padding: 200px 30px 0; }
    .feature-banner.ExtraLarge.PageHeader {
      padding-bottom: 75px; }
  .feature-banner.FullHeight {
    height: 100%; }
    .feature-banner.FullHeight.text-left, .feature-banner.FullHeight.text-right {
      padding: 130px 30px; }
  .feature-banner.PageHeader .text-wrapper {
    margin-bottom: 75px; }
  .feature-banner.PageHeader .scroll-to-content {
    position: absolute;
    left: calc(50% - 16px);
    font-size: 56px; }
    .feature-banner.PageHeader .scroll-to-content i {
      cursor: pointer; }
  .feature-banner.PageHeader .header-logo {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    height: 75px;
    width: 170px;
    top: 30px;
    left: 30px; }
  .feature-banner.light-background {
    color: #333333; }
    .feature-banner.light-background h1, .feature-banner.light-background h2 {
      color: #333333;
      border-color: #333333; }
  .feature-banner.has-button .scroll-to-content {
    padding-top: 0; }
  .feature-banner.screening-image .text-wrapper {
    position: absolute;
    width: 70%;
    z-index: 2; }
  .feature-banner.screening-image .banner-screen {
    opacity: 0.4;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333; }
  .feature-banner.ColorScreen {
    min-height: 400px;
    background-position: center center !important; }
    .feature-banner.ColorScreen h2 {
      font-size: 36px;
      border-bottom: none;
      padding: 0;
      margin: 0; }
    .feature-banner.ColorScreen .banner-title + .feature-summary {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      padding-top: 20px;
      margin-top: 20px; }
  .feature-banner.BoxedQuote {
    padding: 50px !important; }
    .feature-banner.BoxedQuote.text-center .boxed-quote {
      margin: 0 auto; }
    .feature-banner.BoxedQuote.text-right .boxed-quote {
      float: right; }
    .feature-banner.BoxedQuote .boxed-quote-wrapper .boxed-quote {
      position: relative;
      background-color: rgba(106, 140, 36, 0.7);
      width: 380px;
      padding: 40px;
      font-size: 24px;
      color: #fff; }
      .feature-banner.BoxedQuote .boxed-quote-wrapper .boxed-quote:before {
        position: absolute;
        top: -20px;
        left: -20px;
        width: 60px;
        height: 60px;
        text-align: center;
        content: '\f10d';
        font-family: 'FontAwesome';
        font-size: 36px;
        line-height: 48pt;
        background-color: #415868; }
  .feature-banner.BoxedStatistics {
    padding: 30px 40px !important; }
    .feature-banner.BoxedStatistics.text-center .boxed-stats-wrapper .boxed-stat {
      float: none;
      margin: 0 auto; }
    .feature-banner.BoxedStatistics.text-right .boxed-stats-wrapper .boxed-stat {
      float: right;
      clear: right; }
    .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat {
      width: 360px;
      height: 170px;
      padding: 30px;
      text-align: center;
      color: white;
      float: left;
      clear: left; }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat:not(:last-of-type) {
        margin-bottom: 20px; }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat label {
        font-size: 50px;
        line-height: 50px; }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat div {
        padding: 7px 75px 0; }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat:first-of-type {
        background-color: rgba(106, 140, 36, 0.7); }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat:nth-of-type(2) {
        background-color: rgba(65, 88, 104, 0.7); }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat:last-of-type {
        background-color: rgba(51, 51, 51, 0.7); }
  .feature-banner.CampaignEmbeddedForm {
    padding: 0 400px 50px 50px; }
    .feature-banner.CampaignEmbeddedForm .header-logo {
      position: relative;
      margin: 10px 0 70px;
      height: auto;
      top: 0;
      left: 0; }
    .feature-banner.CampaignEmbeddedForm .feature-summary {
      font-size: 18px;
      margin-bottom: 70px; }
    .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper {
      z-index: 200;
      position: absolute;
      bottom: 10px;
      right: 15px;
      background: #6D8C24;
      padding: 10px 30px;
      width: 300px;
      border-radius: 10px 10px 0 0;
      overflow: hidden; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper.minimize-form .form-title:before {
        content: '\f0aa'; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper.minimize-form .embedded-form, .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper.minimize-form .hbspt-form {
        height: 0 !important;
        display: none; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper .embedded-form, .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper .hbspt-form {
        height: auto;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
        display: block; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper .form-title {
        position: relative;
        color: #fff;
        padding: 0 15px;
        margin: 0 -15px;
        cursor: pointer; }
        .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper .form-title:before {
          content: '\f0ab';
          font-family: 'FontAwesome';
          position: absolute;
          top: -5px;
          right: 0;
          color: #fff;
          font-size: 21px; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper label {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        margin: 5px 0 0; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper input, .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper select {
        width: 100%;
        height: 40px;
        padding: 0 7px; }
        .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper input[type=submit], .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper select[type=submit] {
          padding: 10px !important;
          margin: 5%;
          width: 90%;
          text-align: center;
          font-size: 12px !important;
          text-transform: capitalize; }

.border-bottom {
  border-bottom: 10px solid; }
  .border-bottom.border-primary {
    border-color: #C0D72E; }
  .border-bottom.border-green {
    border-color: #6D8C24; }
  .border-bottom.border-navy {
    border-color: #415868; }
  .border-bottom.border-blue {
    border-color: #3A73B8; }
  .border-bottom.border-orange {
    border-color: #ED881C; }

.landing-page #layout-main #layout-content {
  padding-bottom: 0; }
  .landing-page #layout-main #layout-content #content {
    padding-bottom: 0; }
    .landing-page #layout-main #layout-content #content .landing-page-content > .row {
      background-color: #fff;
      position: relative; }

.layout-editor .feature-banner {
  position: relative !important; }

@media (min-width: 1500px) {
  .feature-banner {
    min-height: 600px; } }

@media (min-width: 1250px) {
  /* hack the botom border width for current home page text */
  .feature-banner.home-top-banner {
    padding-right: 500px; }
  .feature-banner.FullHeight.text-left .text-wrapper, .feature-banner.FullHeight.text-right .text-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper {
    left: calc(50% - 600px); } }

@media (max-width: 1170px) {
  .feature-banner:not(.CampaignEmbeddedForm, .Standard) {
    padding: 0 25px 70px; }
    .feature-banner:not(.CampaignEmbeddedForm, .Standard) h1, .feature-banner:not(.CampaignEmbeddedForm, .Standard) h2 {
      font-size: 40px; }
    .feature-banner:not(.CampaignEmbeddedForm, .Standard) .feature-stats {
      display: none; }
    .feature-banner:not(.CampaignEmbeddedForm, .Standard) .feature-summary {
      font-size: 21px; } }

@media (min-width: 992px) {
  body.landing-page:not(.global-theme) #layout-header {
    padding: 0;
    height: 0; } }

@media (max-width: 992px) {
  .feature-banner.CampaignEmbeddedForm {
    padding: 0 25px 70px; }
    .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper {
      width: 400px;
      left: calc(50% - 200px); } }

@media (max-width: 768px) {
  .feature-banner.Standard, .feature-banner.PageHeader:not(.CampaignEmbeddedForm) {
    padding: 140px 35px 15px !important; }
  .feature-banner.FullHeight.text-left .text-wrapper, .feature-banner.FullHeight.text-right .text-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper {
    position: relative;
    padding: 0 !important;
    margin: 0; }
    .feature-banner.FullHeight.text-left .text-wrapper .banner-title, .feature-banner.FullHeight.text-left .text-wrapper .feature-summary, .feature-banner.FullHeight.text-left .text-wrapper .feature-stats, .feature-banner.FullHeight.text-left .text-wrapper .center-btn-wrapper, .feature-banner.FullHeight.text-right .text-wrapper .banner-title, .feature-banner.FullHeight.text-right .text-wrapper .feature-summary, .feature-banner.FullHeight.text-right .text-wrapper .feature-stats, .feature-banner.FullHeight.text-right .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-left .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-right .text-wrapper .center-btn-wrapper {
      width: 70%; } }

@media (max-width: 560px) {
  .feature-banner {
    height: auto;
    position: relative;
    overflow: visible;
    padding: 0; }
    .feature-banner h1, .feature-banner h2 {
      margin: 0 0 10px !important;
      margin: 70px 25px;
      font-size: 24px; }
    .feature-banner .feature-summary {
      left: 0;
      padding: 5px;
      text-align: center;
      font-size: 16px; }
    .feature-banner.Standard, .feature-banner.PageHeader:not(.CampaignEmbeddedForm) {
      padding: 140px 15px 15px !important; }
    .feature-banner.FullHeight .feature-summary, .feature-banner.ExtraLarge .feature-summary {
      font-size: 14px;
      line-height: 16px; }
    .feature-banner.FullHeight.text-left, .feature-banner.FullHeight.text-right, .feature-banner.ExtraLarge.text-left, .feature-banner.ExtraLarge.text-right {
      padding-top: 130px !important;
      width: 100%; }
      .feature-banner.FullHeight.text-left .text-wrapper .banner-title, .feature-banner.FullHeight.text-left .text-wrapper .feature-summary, .feature-banner.FullHeight.text-left .text-wrapper .feature-stats, .feature-banner.FullHeight.text-left .text-wrapper .center-btn-wrapper, .feature-banner.FullHeight.text-right .text-wrapper .banner-title, .feature-banner.FullHeight.text-right .text-wrapper .feature-summary, .feature-banner.FullHeight.text-right .text-wrapper .feature-stats, .feature-banner.FullHeight.text-right .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-left .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-left .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-left .text-wrapper .center-btn-wrapper, .feature-banner.ExtraLarge.text-right .text-wrapper .banner-title, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-summary, .feature-banner.ExtraLarge.text-right .text-wrapper .feature-stats, .feature-banner.ExtraLarge.text-right .text-wrapper .center-btn-wrapper {
        width: 100%; }
    .feature-banner.FullHeight.text-left .feature-summary, .feature-banner.ExtraLarge.text-left .feature-summary {
      text-align: left; }
    .feature-banner.FullHeight.text-right .feature-summary, .feature-banner.ExtraLarge.text-right .feature-summary {
      text-align: right; }
    .feature-banner.BoxedStatistics, .feature-banner.BoxedQuote {
      background-position: center center !important; }
      .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat, .feature-banner.BoxedStatistics .boxed-quote-wrapper .boxed-quote, .feature-banner.BoxedQuote .boxed-stats-wrapper .boxed-stat, .feature-banner.BoxedQuote .boxed-quote-wrapper .boxed-quote {
        width: 100%; }
    .feature-banner.CampaignEmbeddedForm {
      text-align: center; }
      .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper {
        padding: 7px 15px;
        width: 280px;
        left: calc(50% - 140px); }
        .feature-banner.CampaignEmbeddedForm + .embedded-form-wrapper .form-title {
          margin: 0;
          padding: 0; }
    .feature-banner.home-top-banner, .feature-banner.home-stats-banner {
      padding: 50px 15px 0 !important;
      margin-bottom: 130px;
      min-height: 260px; }
      .feature-banner.home-top-banner .feature-stats span, .feature-banner.home-stats-banner .feature-stats span {
        font-size: 36px; }
      .feature-banner.home-top-banner .feature-stats label, .feature-banner.home-stats-banner .feature-stats label {
        font-size: 16px;
        display: block; }
      .feature-banner.home-top-banner .feature-summary, .feature-banner.home-stats-banner .feature-summary {
        color: #333;
        position: absolute;
        bottom: -100px; } }

@media (max-width: 450px) {
  .feature-banner.BoxedStatistics, .feature-banner.BoxedQuote {
    padding: 30px 15px !important; }
    .feature-banner.BoxedStatistics .boxed-stats-wrapper .boxed-stat div, .feature-banner.BoxedQuote .boxed-stats-wrapper .boxed-stat div {
      padding: 7px; }
    .feature-banner.BoxedStatistics .boxed-quote-wrapper .boxed-quote:before, .feature-banner.BoxedQuote .boxed-quote-wrapper .boxed-quote:before {
      left: -5px; } }