/* COLORS */
/******** MIXINS **********/
.hide {
  display: none; }

.sticky-header {
  z-index: 10000; }

.subpage-content {
  padding-top: 0; }

/**

 HERE STARTS THE RESPONSIVE STYLING

**/
@media screen and (min-width: 1px) {
  #three-choices {
    margin-top: 40px; }

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

  #main .products.container, #main .product-disclaimers {
    max-width: 1280px;
    padding-left: 35px;
    padding-right: 35px;
    margin: 30px auto 0; } }
@media only screen and (min-width: 768px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 80%;
    flex: 0 0 80%; } }
@media only screen and (min-width: 924px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 70%;
    flex: 0 0 70%; } }
@media only screen and (min-width: 1200px) {
  #main .products.container.mt-5 .mb-3 {
    max-width: 50%;
    flex: 0 0 50%; } }
@media (min-width: 38.4rem) {
  #main .sub__container.container {
    max-width: 36rem;
    padding-right: 1rem;
    padding-left: 1rem; } }
@media (min-width: 51.2rem) {
  #main .sub__container.container {
    max-width: 48rem; } }
@media (min-width: 66.13333rem) {
  #main .sub__container.container {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto; }
    #main .sub__container.container .row .col-lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    #main .sub__container.container .row .offset-lg-1 {
      margin-left: 8.33333%; }
    #main .sub__container.container h2 {
      margin-bottom: 1rem; }

  .subpage-content {
    padding-bottom: 0; }

  .subpage-content.mt-5 > .container > .row > .col-lg-10 {
    flex: initial;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }

  .subpage-content.mt-5 > .container > .row > .offset-lg-1 {
    margin-left: 0; }

  .footer {
    padding-top: 0 !important; } }
@media (min-width: 80rem) {
  #main .sub__container.container {
    max-width: 76rem; } }
/* COLORS */
/******** MIXINS **********/
@media only screen and (min-width: 1px) {
  .product-modal .modal-body .content .popup-content h2 {
    color: #00377f; }
  .product-modal .modal-body .content .popup-content div {
    flex: 1;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 150%; }
  .product-modal .modal-body .content .popup-content ul {
    list-style: none;
    min-width: 320px;
    margin-top: 30px; }
  .product-modal .modal-body .content .popup-content li {
    display: flex;
    color: #666666;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 10px; }
    .product-modal .modal-body .content .popup-content li div {
      font-size: 18px; }
  .product-modal .modal-body .content .popup-content div.check {
    flex: 0 0 55px; }
  .product-modal .modal-body .content .popup-content a.btn {
    margin: 25px 0;
    padding-left: 5rem;
    padding-right: 5rem; } }
/* COLORS */
/******** MIXINS **********/
@media screen and (min-width: 1px) {
  .hero__subpage-image .center-crop.image {
    height: 400px !important; }

  .hero__subpage-image, .hero__subpage-image img {
    min-height: 24.8rem; }

  .hero__subpage-image {
    overflow: hidden !important; }

  h1.page-title {
    display: none; }

  .hero .page-title {
    font-size: 2.53333rem; }

  .hero__subpage-content {
    align-items: flex-start !important;
    padding-top: 40px; }

  .hero__subpage-content {
    background: -moz-linear-gradient(-45deg, #002f65 0%, rgba(255, 255, 255, 0) 60%);
    background: -webkit-linear-gradient(-45deg, #002f65 0%, rgba(255, 255, 255, 0) 60%);
    background: linear-gradient(135deg, #002f65 0%, rgba(255, 255, 255, 0) 60%); } }
@media screen and (min-width: 1px) and (max-width: 400px) {
  .hero__subpage-image .center-crop.image {
    background-position: -70% center !important; } }
@media screen and (min-width: 401px) and (max-width: 450px) {
  .hero__subpage-image .center-crop.image {
    background-position: -80% center !important; } }
@media screen and (min-width: 451px) and (max-width: 768px) {
  .hero__subpage-image .center-crop.image {
    background-position: center bottom !important; } }
@media (min-width: 769px) {
  .hero__subpage-image .center-crop.image {
    height: 520px !important;
    background-position: center top !important;
    background-repeat: no-repeat; }

  .hero__subpage-content {
    padding-top: 80px; }

  .hero .page-title {
    font-size: 3.33333rem; } }
@media (min-width: 38.4rem) {
  .hero__subpage-image {
    overflow: hidden; } }
@media (min-width: 1300px) {
  .hero__subpage-image .center-crop.image {
    height: 550px !important;
    background-position-y: 15% !important; } }
@media (min-width: 1500px) {
  .hero__subpage-image .center-crop.image {
    height: 467px !important; } }
@media (min-width: 1600px) {
  .hero__subpage-image .center-crop.image {
    height: 500px !important; } }
/* COLORS */
/******** MIXINS **********/
.product-intro h4 {
  font-weight: normal; }

@media screen and (min-width: 1px) {
  #main .products.top-products.container.mt-5 {
    position: relative;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    max-width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #000; }

  #main .products.top-products.container.mt-5 .products__block {
    border: 0 !important;
    padding-bottom: 0 !important; }

  #main .products.top-products.container.mt-5 .products__block-headline {
    padding: 0 !important;
    background-color: transparent !important; }

  #main .products.top-products.container.mt-5 .products__block-headline div div {
    font-size: 1.8rem;
    max-width: 100% !important;
    color: #003f86 !important; }

  #main .products .products__block-headline:before {
    display: none !important; }

  #main .products.top-products.container.mt-5 .products__block-body {
    justify-content: flex-start !important; }

  #main .products.top-products.container .product-intro {
    font-size: 17px !important;
    color: #00377f; }

  #main .products.top-products.container a.btn {
    background-color: #ffb300;
    border-color: #ffb300;
    padding: .66667rem 3.73333rem;
    margin: 20px 10px 0;
    font-size: 18px;
    color: #00377f;
    font-weight: 300; }
    #main .products.top-products.container a.btn strong {
      font-weight: 700; }
    #main .products.top-products.container a.btn:hover {
      background-color: #00377f;
      border-color: #00377f;
      color: #ffffff; } }
@media only screen and (min-width: 1px) and (max-width: 400px) {
  #main .products.top-products.container.mt-5 .products__block-headline div div {
    font-size: 1.5rem; } }
@media only screen and (min-width: 1px) and (max-width: 768px) {
  #main .products.top-products.container.mt-5 {
    padding-left: 0;
    padding-right: 0; }

  #main .products.top-products.container a.btn {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px !important;
    padding-right: 10px !important; }

  #main .products.top-products.container.mt-5 .products__block-body {
    padding-bottom: 0; } }
@media only screen and (min-width: 641px) {
  #main .products.top-products.container.mt-5 .mb-3 {
    max-width: 85%;
    flex: 0 0 85%; } }
@media only screen and (min-width: 768px) {
  #main .products.top-products.container.mt-5 .mb-3 {
    max-width: 80%;
    flex: 0 0 80%; }

  #main .products.top-products.container .product-intro {
    max-width: 608px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 924px) {
  #main .products.top-products.container.mt-5 .mb-3 {
    max-width: 90%;
    flex: 0 0 90%; } }
@media only screen and (min-width: 1059px) {
  #main .products.top-products.container.mt-5 .mb-3 {
    margin-bottom: 60px !important; }

  #main .products.top-products.container.mt-5 .products__block-headline div div {
    font-size: 2.2rem; } }
/* COLORS */
/******** MIXINS **********/
@media screen and (min-width: 1px) {
  #main .products.callout-headline.container {
    margin-top: 0 !important; }

  #main .products.container, #main .product-disclaimers {
    max-width: 1280px;
    padding-left: 35px;
    padding-right: 35px;
    margin: 30px auto 0; }

  #main .products.callout-headline.container h2 {
    font-size: 1.8rem;
    text-align: center;
    max-width: 400px;
    margin: 0 auto; } }
@media only screen and (min-width: 641px) {
  #main .products.callout-headline.container {
    margin-top: 80px !important; }

  #main .products.callout-headline.container h2 {
    max-width: 590px; } }
@media only screen and (min-width: 924px) {
  #main .products.callout-headline.container h2 {
    max-width: 895px; } }
/* COLORS */
/******** MIXINS **********/
.products__block {
  text-align: center; }

@media screen and (min-width: 1px) {
  #main .products:not(.top-products).container.mt-5 .products__block-headline:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.33333rem;
    height: 0.4rem;
    background: url("https://www.florencebank.com/assets/img/card-border.svg") no-repeat;
    background-position: -0.03333rem;
    background-size: cover; }

  #main .products.container.mt-5 .products__block-headline div div {
    font-size: 1.4rem;
    font-weight: 900;
    margin: 0 auto;
    padding: 0;
    line-height: 1.15;
    max-width: 290px; }

  #main .products:not(.top-products).container.mt-5 .products__block-body strong {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block; }

  #main .products.container.mt-5 .products__block-body ul {
    max-width: 200px;
    margin: 15px auto;
    text-align: left; }

  #main .products.container.mt-5 .products__block-body a.btn {
    background-color: #ffb300;
    border-color: #ffb300;
    padding: .66667rem 3.73333rem;
    margin: 20px 10px 0;
    color: #00377f;
    font-weight: 700; }
    #main .products.container.mt-5 .products__block-body a.btn:hover {
      background-color: #00377f;
      border-color: #00377f;
      color: #ffffff; }

  #main .products:not(.top-products).container.mt-5 .product-intro {
    color: #00377f;
    font-size: 16px; }

  #main .products:not(.top-products).container .products__block {
    padding-bottom: 5px !important; }

  #main .products:not(.top-products).container.mt-5 {
    margin-top: 30px !important; }

  #main .products:not(.top-products).container.mt-5 .mb-3 {
    margin-bottom: 40px !important; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  #main .products:not(.top-products).container.mt-5 .mb-3 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #main .products:not(.top-products).container.mt-5 {
    margin-top: 20px !important; } }
@media only screen and (min-width: 641px) {
  #main .products:not(.top-products).container.mt-5 .mb-3 {
    max-width: 50%;
    flex: 0 0 50%; } }
@media only screen and (min-width: 768px) {
  #main .products:not(.top-products).container.mt-5 {
    max-width: 80%; } }
@media only screen and (min-width: 961px) {
  #main .products.container.mt-5 .products__block-headline div div {
    margin: 0 auto;
    max-width: 229px; }

  #main .products.container.mt-5 .col-lg-4:nth-of-type(4) .products__block-headline div div {
    max-width: 285px; } }
@media only screen and (min-width: 1030px) {
  #main .products.container.mt-5 .products__block-headline div div {
    max-width: 285px; } }
@media only screen and (min-width: 1200px) {
  #main .products:not(.top-products).container.mt-5 {
    max-width: 72%; } }
@media only screen and (min-width: 1251px) {
  #main .products.container.mt-5 .products__block-headline div div {
    max-width: 340px; } }
@media only screen and (min-width: 1410px) {
  #main .products.container.mt-5 .col-lg-4:nth-of-type(4) .products__block-headline div div {
    max-width: 100%; } }
/* COLORS */
/******** MIXINS **********/
@media only screen and (min-width: 1px) {
  #main .products.container#usdaBlock {
    max-width: 1050px; }

  #apptBtn {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px; }
    #apptBtn a.btn {
      background-color: #ffb300;
      border-color: #ffb300;
      padding: 0.66667rem 3rem;
      margin: 20px 10px 0;
      font-size: 18px;
      color: #00377f; }
      #apptBtn a.btn:hover {
        background-color: #00377f;
        border-color: #00377f;
        color: #ffffff; }

  #usdaBlock .pb-4,
  #usdaBlock .mb-lg-7 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #main .products#usdaBlock {
    margin-top: 50px;
    margin-bottom: 60px; }

  #usdaBlock h2 {
    color: #00377f;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
    margin-bottom: 30px; }

  #usdaBlock p {
    color: #666666;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
    margin: 0 auto 10px;
    max-width: 90%;
    text-align: center; }

  #main .products#usdaBlock .inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -0.33333rem;
    height: 0.4rem;
    background: url("https://www.florencebank.com/assets/img/card-border.svg") no-repeat;
    background-position: -0.03333rem;
    background-size: cover; }

  #usdaBlock > .row > .col-lg-10.offset-lg-1 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #main .products#usdaBlock .inner {
    background-color: #f0f4f8;
    padding: 3rem 3rem 0;
    position: relative; }

  .container.remove-blank {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    flex: none; }
    .container.remove-blank .row {
      max-width: 100%;
      flex: none;
      margin: 0;
      padding: 0; }
    .container.remove-blank .col-lg-10.offset-lg-1:first-of-type {
      max-width: 100%;
      margin: 0;
      padding: 0;
      flex: none; }

  #bottomOverlay .content {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px; }
  #bottomOverlay .background-image {
    height: 500px;
    width: 100%;
    position: relative; }
    #bottomOverlay .background-image img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
    #bottomOverlay .background-image:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-color: #003e8d;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 1;
      opacity: 0.7; }
  #bottomOverlay .text-overlay {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    margin-right: auto;
    margin-left: auto;
    transform: translateY(-50%);
    z-index: 2;
    width: calc(90% - 40px);
    max-width: 490px;
    text-align: center; }
  #bottomOverlay span.biggest {
    color: #ffb300;
    text-transform: uppercase;
    font-size: 1.06667rem;
    font-weight: 900;
    margin-bottom: .4rem; }
  #bottomOverlay h2, #bottomOverlay p {
    color: #ffffff; }
  #bottomOverlay h2 {
    font-weight: 600; }
  #bottomOverlay p {
    font-size: 0.9rem;
    line-height: 130%;
    margin-top: 20px; }
    #bottomOverlay p + p {
      margin-top: 30px; }
  #bottomOverlay a.btn {
    background-color: #ffb300;
    border-color: #ffb300;
    padding: .66667rem 3.73333rem;
    margin: 20px 10px 0;
    color: #00377f;
    font-weight: 700; }
    #bottomOverlay a.btn:hover {
      border-color: #00377f;
      background-color: #00377f;
      color: #ffffff; } }
@media only screen and (min-width: 1px) and (max-width: 767px) {
  #apptBtn a.btn {
    margin: 0; }

  #usdaBlock p {
    max-width: 100%; }

  #main .products.container#usdaBlock {
    padding-left: 10px;
    padding-right: 10px; } }
@media only screen and (min-width: 768px) {
  #usdaBlock.products.container .products__block-body {
    padding-bottom: 2.66667rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important; } }
@media screen and (min-width: 769px) {
  #usdaBlock div {
    flex: 1; }

  #bottomOverlay .text-overlay {
    width: 70%;
    max-width: 780px; } }
@media only screen and (min-width: 820px) {
  #bottomOverlay .text-overlay {
    width: 100%;
    max-width: 680px; } }
@media only screen and (min-width: 1059px) {
  #main .products#usdaBlock {
    margin-top: 50px;
    margin-bottom: 90px; }

  #bottomOverlay .text-overlay {
    max-width: 760px; } }
@media only screen and (min-width: 1280px) {
  #bottomOverlay .text-overlay {
    max-width: 920px; } }
@media (min-width: 66.13333rem) {
  .product-disclaimers.col-lg-10,
  .products.col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding-left: 1rem;
    padding-right: 1rem; }

  .product-disclaimers.offset-lg-1,
  .products.offset-lg-1 {
    margin-left: 8.33333%; } }

/*# sourceMappingURL=default.css.map */