.special-ul-hover, .special-ul-hover:after, .special-ul-hover:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.special-ul-hover, a {
  margin: 0;
  padding: 0;
  border: 0 none;
  position: relative;
  outline: none;
}

.special-ul-hover > a {
  text-decoration: none;
  z-index: 1;
}

.special-ul-hover > a:before {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  background: #919BA2;
  border-radius: 5px;
  transform: scaleX(0);
  z-index: -1;
}

@media (min-width: 768px) {
  .special-ul-hover > a:before { width: 40%; margin-left: 30%; }
}

.special-ul-hover--leave > a:before { z-index: -1; }
@media (min-width: 768px) {
  .special-ul-hover--leave > a:before {
    animation: 0.5s backwards no-hover-v cubic-bezier(0.25, 0.1, 0.25, 1);
    animation-fill-mode: backwards;
  }
}

@media (min-width: 768px) {
  .special-ul-hover > a:hover:before, .special-ul-hover > a:focus:before {
    animation: 0.5s forwards hover-v cubic-bezier(0.25, 0.1, 0.25, 1);
    animation-fill-mode: forwards;
  }
}

@keyframes hover-v {
  0%   { transform: scaleX(0); }
  45%  { transform: scaleX(1.01); }
  100% { transform: scaleX(1.01); }
}

@keyframes no-hover-v {
  0%   { transform: scaleX(1.01); }
  55%  { transform: scaleX(1.01); opacity: 1; }
  100% { transform: scaleX(0); height: 3px; opacity: .02; }
}

body { font-family: "museo-sans", sans-serif, sans; }

.nav-item, p, .horiz-card-text, .section-text, .builders-list, .qa-answer {
  font-weight: 300;
}

.footer-phone, .footer-contact-text, .banner-text, .card-heading--publish-date, .horiz-card-text, .banner-list,
.article-image-half-text p, .article-image-half h3, .step-title, .footer-nav-text, .footer-nav-text a, .intro-text, .nav-upper-text {
  font-weight: 500;
}

.nav-item, .navbar-head, h1, .section-heading, .card-heading, .card-info, .card-text, .horiz-card-heading, .small-px-btn, .section-header, .section-button,
.banner-heading, .banner-caption, .find-out, .card-title, .large-px-btn, .qa-title, .marketing-gallery-title, .article-images-title, .form-label, .pxp-form-btn {
  font-weight: 700;
}

.footer-nav-heading, .horiz-card-text h2, .breadcrumbs, h2.footer-heading, .footer-heading {
  font-weight: 900;
}

.breadcrumbs, .breadcrumbs a, .footer-copyright, .footer-copyright a {
  font-size: 11px;
}
@media (min-width: 576px) {
  .breadcrumbs, .breadcrumbs a, .footer-copyright, .footer-copyright a {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .breadcrumbs, .breadcrumbs a, .footer-copyright, .footer-copyright a {
    font-size: 11.31px;
  }
}
@media (min-width: 992px) {
  .breadcrumbs, .breadcrumbs a, .footer-copyright, .footer-copyright a {
    font-size: 11.67px;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs, .breadcrumbs a, .footer-copyright, .footer-copyright a {
    font-size: 12px;
  }
}
.nav-upper-text { font-size: 11px; }
@media (min-width: 576px) {
  .nav-upper-text { font-size: 11px; }
}
@media (min-width: 768px) {
  .nav-upper-text { font-size: 11.92px; }
}
@media (min-width: 992px) {
  .nav-upper-text { font-size: 13px; }
}
@media (min-width: 1200px) {
  .nav-upper-text { font-size: 14px; }
}

.footer-nav-text, .footer-nav-text a { font-size: 13px; }
@media (min-width: 576px) {
  .footer-nav-text, .footer-nav-text a {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .footer-nav-text, .footer-nav-text a {
    font-size: 13.31px;
  }
}
@media (min-width: 992px) {
  .footer-nav-text, .footer-nav-text a {
    font-size: 13.67px;
  }
}
@media (min-width: 1200px) {
  .footer-nav-text, .footer-nav-text a {
    font-size: 14px;
  }
}
.horiz-card-text, .pxp-form-btn {
  font-size: 14px; }
  @media (min-width: 576px) {
    .horiz-card-text,
    .pxp-form-btn {
      font-size: 14px; } }
  @media (min-width: 768px) {
    .horiz-card-text,
    .pxp-form-btn {
      font-size: 14.31px; } }
  @media (min-width: 992px) {
    .horiz-card-text,
    .pxp-form-btn {
      font-size: 14.67px; } }
  @media (min-width: 1200px) {
    .horiz-card-text,
    .pxp-form-btn {
      font-size: 15px; } }

.footer-nav-heading,
.card-heading--publish-date,
a.small-px-btn,
.article-image-half h3 {
  font-size: 15px; }
  @media (min-width: 576px) {
    .footer-nav-heading,
    .card-heading--publish-date,
    a.small-px-btn,
    .article-image-half h3 {
      font-size: 15px; } }
  @media (min-width: 768px) {
    .footer-nav-heading,
    .card-heading--publish-date,
    a.small-px-btn,
    .article-image-half h3 {
      font-size: 15.31px; } }
  @media (min-width: 992px) {
    .footer-nav-heading,
    .card-heading--publish-date,
    a.small-px-btn,
    .article-image-half h3 {
      font-size: 15.67px; } }
  @media (min-width: 1200px) {
    .footer-nav-heading,
    .card-heading--publish-date,
    a.small-px-btn,
    .article-image-half h3 {
      font-size: 16px; } }

.nav-item { display: flex; align-self: center; }

.nav-item, .navbar-head, .footer-contact-text {
  font-size: 15px;
}
@media (min-width: 576px) {
  .nav-item, .navbar-head, .footer-contact-text {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .nav-item, .navbar-head, .footer-contact-text {
    font-size: 15.62px;
  }
}
@media (min-width: 992px) {
  .nav-item, .navbar-head, .footer-contact-text {
    font-size: 16.33px;
  }
}
@media (min-width: 1200px) {
  .nav-item, .navbar-head, .footer-contact-text {
    font-size: 17px;
  }
}

.px-btn, .card-text, .section-text, .banner-text, p, a, .step-title {
  font-size: 15px;
}
@media (min-width: 576px) {
  .px-btn, .card-text, .section-text, .banner-text, p, a, .step-title {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .px-btn, .card-text, .section-text, .banner-text, p, a, .step-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .px-btn, .card-text, .section-text, .banner-text, p, a, .step-title {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .px-btn, .card-text, .section-text, .banner-text, p, a, .step-title {
    font-size: 17px;
  }
}
.qa-answer { font-size: 14px; }
@media (min-width: 576px) {
  .qa-answer { font-size: 14.01px; }
}
@media (min-width: 768px) {
  .qa-answer { font-size: 15.23px; }
}
@media (min-width: 992px) {
  .qa-answer { font-size: 16.67px; }
}
@media (min-width: 1200px) {
  .qa-answer { font-size: 18px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .qa-answer { font-size: 15px; }
}

.card-info { font-size: 15px; }
@media (min-width: 576px) {
  .card-info { font-size: 15.01px; }
}
@media (min-width: 768px) {
  .card-info { font-size: 16.23px; }
}
@media (min-width: 992px) {
  .card-info { font-size: 17.67px; }
}
@media (min-width: 1200px) {
  .card-info { font-size: 19px; }
}

.section-button, .builders-list, .large-px-btn, .banner-list, .intro-text, .form-label {
  font-size: 16px;
}
@media (min-width: 576px) {
  .section-button, .builders-list, .large-px-btn, .banner-list, .intro-text, .form-label {
    font-size: 16.01px;
  }
}
@media (min-width: 768px) {
  .section-button, .builders-list, .large-px-btn, .banner-list, .intro-text, .form-label {
    font-size: 17.23px;
  }
}
@media (min-width: 992px) {
  .section-button, .builders-list, .large-px-btn, .banner-list, .intro-text, .form-label {
    font-size: 18.67px;
  }
}
@media (min-width: 1200px) {
  .section-button, .builders-list, .large-px-btn, .banner-list, .intro-text, .form-label {
    font-size: 20px;
  }
}
.card-title { font-size: 19px; }
@media (min-width: 576px) {
  .card-title { font-size: 19.01px; }
}
@media (min-width: 768px) {
  .card-title { font-size: 20.23px; }
}
@media (min-width: 992px) {
  .card-title { font-size: 21.67px; }
}
@media (min-width: 1200px) {
  .card-title { font-size: 23px; }
}

h1, .footer-phone, .marketing-gallery-title, .article-images-title {
  font-size: 18px;
}
@media (min-width: 576px) {
  h1, .footer-phone, .marketing-gallery-title, .article-images-title {
    font-size: 18.01px;
  }
}
@media (min-width: 768px) {
  h1, .footer-phone, .marketing-gallery-title, .article-images-title {
    font-size: 19.85px;
  }
}
@media (min-width: 992px) {
  h1, .footer-phone, .marketing-gallery-title, .article-images-title {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  h1, .footer-phone, .marketing-gallery-title, .article-images-title {
    font-size: 24px;
  }
}
.qa-title { font-size: 15px; }
@media (min-width: 576px) {
  .qa-title { font-size: 15.01px; }
}
@media (min-width: 768px) {
  .qa-title { font-size: 17.77px; }
}
@media (min-width: 992px) {
  .qa-title { font-size: 21px; }
}
@media (min-width: 1200px) {
  .qa-title { font-size: 24px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .qa-title { font-size: 20px; }
}

.section-header {
  font-size: 18px; }
  @media (min-width: 576px) {
    .section-header {
      font-size: 18.01px; } }
  @media (min-width: 768px) {
    .section-header {
      font-size: 20.15px; } }
  @media (min-width: 992px) {
    .section-header {
      font-size: 22.67px; } }
  @media (min-width: 1200px) {
    .section-header {
      font-size: 25px; } }

.footer-heading {
  font-size: 22px; }
  @media (min-width: 576px) {
    .footer-heading {
      font-size: 22.01px; } }
  @media (min-width: 768px) {
    .footer-heading {
      font-size: 23.85px; } }
  @media (min-width: 992px) {
    .footer-heading {
      font-size: 26px; } }
  @media (min-width: 1200px) {
    .footer-heading {
      font-size: 28px; } }

.card-heading {
  font-size: 24px; }
  @media (min-width: 576px) {
    .card-heading {
      font-size: 24.01px; } }
  @media (min-width: 768px) {
    .card-heading {
      font-size: 26.15px; } }
  @media (min-width: 992px) {
    .card-heading {
      font-size: 28.67px; } }
  @media (min-width: 1200px) {
    .card-heading {
      font-size: 31px; } }

.find-out {
  font-size: 21px; }
  @media (min-width: 576px) {
    .find-out {
      font-size: 21.02px; } }
  @media (min-width: 768px) {
    .find-out {
      font-size: 24.38px; } }
  @media (min-width: 992px) {
    .find-out {
      font-size: 28.33px; } }
  @media (min-width: 1200px) {
    .find-out {
      font-size: 32px; } }

.horiz-card-heading {
  font-size: 23px; }
  @media (min-width: 576px) {
    .horiz-card-heading {
      font-size: 23.02px; } }
  @media (min-width: 768px) {
    .horiz-card-heading {
      font-size: 26.38px; } }
  @media (min-width: 992px) {
    .horiz-card-heading {
      font-size: 30.33px; } }
  @media (min-width: 1200px) {
    .horiz-card-heading {
      font-size: 34px; } }

.section-heading {
  font-size: 22px; }
  @media (min-width: 576px) {
    .section-heading {
      font-size: 22.02px; } }
  @media (min-width: 768px) {
    .section-heading {
      font-size: 26.62px; } }
  @media (min-width: 992px) {
    .section-heading {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    .section-heading {
      font-size: 37px; } }

.banner-caption { font-size: 23px; }
@media (min-width: 576px) {
  .banner-caption { font-size: 23.04px; }
}
@media (min-width: 768px) {
  .banner-caption { font-size: 31.31px; }
}
@media (min-width: 992px) {
  .banner-caption { font-size: 41px; }
}
@media (min-width: 1200px) {
  .banner-caption { font-size: 50px; }
}

.banner-heading { font-size: 23px; }
@media (min-width: 576px) {
  .banner-heading { font-size: 20px; }
}
@media (min-width: 768px) {
  .banner-heading { font-size: 30px; }
}
@media (min-width: 992px) {
  .banner-heading { font-size: 42px; }
}
@media (min-width: 1200px) {
  .banner-heading { font-size: 54px; }
}

.card-heading, .card-title, .horiz-card-heading, .banner-caption, .banner-heading, .article-images-title {
  text-transform: uppercase;
}
.small-px-btn, .breadcrumbs { text-transform: capitalize; }
.grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #919BA2;
}

.grey-text:focus,
.grey-text:focus span:before {
  color: #75828b; }

.grey-bg {
  background-color: #919BA2; }

.grey-bg--tp {
  background-color: rgba(145, 155, 162, 0.9); }

.grey-btn {
  color: #919BA2;
  border: 2px solid #919BA2;
  border-radius: 5px; }
  .grey-btn:hover {
    text-decoration: none;
    color: #6a757d;
    border: 2px solid #6a757d; }

.grey-border-top {
  border-top: 1px solid #919BA2; }

.grey-border {
  border: 3px solid #919BA2 !important;
  border-top: transparent; }

.grey-hr {
  border-bottom: 1px solid #919BA2;
  width: 90%;
  margin-left: 5%; }

.grey-border-bottom {
  border-bottom: 1px solid #919BA2; }
  @media (min-width: 576px) {
    .grey-border-bottom {
      border-bottom: 2px solid #919BA2; } }
  @media (min-width: 768px) {
    .grey-border-bottom {
      border-bottom: 3px solid #919BA2; } }

.grey-text-hover:hover,
.grey-text-hover:hover span:before,
.grey-text-hover.active {
  color: #75828b !important;
  cursor: pointer; }

.grey-fold--top::before,
.grey-micro-fold--top::after {
  border-color: #919BA2 transparent transparent transparent; }

.grey-fold--right::before,
.grey-micro-fold--right::after {
  border-color: transparent #919BA2 transparent transparent; }

.grey-fold--left::before,
.grey-micro-fold--left::after {
  border-color: transparent transparent transparent #919BA2; }

.grey-fold--bottom::before,
.grey-micro-fold--bottom::after {
  border-color: transparent transparent #919BA2 transparent; }

.mid-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #D3D3D3; }

.mid-grey-text:focus,
.mid-grey-text:focus span:before {
  color: #bababa; }

.mid-grey-bg {
  background-color: #D3D3D3; }

.mid-grey-bg--tp {
  background-color: rgba(211, 211, 211, 0.9); }

.mid-grey-btn {
  color: #D3D3D3;
  border: 2px solid #D3D3D3;
  border-radius: 5px; }
  .mid-grey-btn:hover {
    text-decoration: none;
    color: #adadad;
    border: 2px solid #adadad; }

.mid-grey-border-top {
  border-top: 1px solid #D3D3D3; }

.mid-grey-border {
  border: 3px solid #D3D3D3 !important;
  border-top: transparent; }

.mid-grey-hr {
  border-bottom: 1px solid #D3D3D3;
  width: 90%;
  margin-left: 5%; }

.mid-grey-border-bottom {
  border-bottom: 1px solid #D3D3D3; }
  @media (min-width: 576px) {
    .mid-grey-border-bottom {
      border-bottom: 2px solid #D3D3D3; } }
  @media (min-width: 768px) {
    .mid-grey-border-bottom {
      border-bottom: 3px solid #D3D3D3; } }

.mid-grey-text-hover:hover,
.mid-grey-text-hover:hover span:before,
.mid-grey-text-hover.active {
  color: #bababa !important;
  cursor: pointer; }

.mid-grey-fold--top::before,
.mid-grey-micro-fold--top::after {
  border-color: #D3D3D3 transparent transparent transparent; }

.mid-grey-fold--right::before,
.mid-grey-micro-fold--right::after {
  border-color: transparent #D3D3D3 transparent transparent; }

.mid-grey-fold--left::before,
.mid-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #D3D3D3; }

.mid-grey-fold--bottom::before,
.mid-grey-micro-fold--bottom::after {
  border-color: transparent transparent #D3D3D3 transparent; }

.light-green-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #F2F4C5; }

.light-green-text:focus,
.light-green-text:focus span:before {
  color: #e8ec9a; }

.light-green-bg {
  background-color: #F2F4C5; }

.light-green-bg--tp {
  background-color: rgba(242, 244, 197, 0.9); }

.light-green-btn {
  color: #F2F4C5;
  border: 2px solid #F2F4C5;
  border-radius: 5px; }
  .light-green-btn:hover {
    text-decoration: none;
    color: #e4e885;
    border: 2px solid #e4e885; }

.light-green-border-top {
  border-top: 1px solid #F2F4C5; }

.light-green-border {
  border: 3px solid #F2F4C5 !important;
  border-top: transparent; }

.light-green-hr {
  border-bottom: 1px solid #F2F4C5;
  width: 90%;
  margin-left: 5%; }

.light-green-border-bottom {
  border-bottom: 1px solid #F2F4C5; }
  @media (min-width: 576px) {
    .light-green-border-bottom {
      border-bottom: 2px solid #F2F4C5; } }
  @media (min-width: 768px) {
    .light-green-border-bottom {
      border-bottom: 3px solid #F2F4C5; } }

.light-green-text-hover:hover,
.light-green-text-hover:hover span:before,
.light-green-text-hover.active {
  color: #e8ec9a !important;
  cursor: pointer; }

.light-green-fold--top::before,
.light-green-micro-fold--top::after {
  border-color: #F2F4C5 transparent transparent transparent; }

.light-green-fold--right::before,
.light-green-micro-fold--right::after {
  border-color: transparent #F2F4C5 transparent transparent; }

.light-green-fold--left::before,
.light-green-micro-fold--left::after {
  border-color: transparent transparent transparent #F2F4C5; }

.light-green-fold--bottom::before,
.light-green-micro-fold--bottom::after {
  border-color: transparent transparent #F2F4C5 transparent; }

.light-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #EAEDEF; }

.light-grey-text:focus,
.light-grey-text:focus span:before {
  color: #D3D3D3; }

.light-grey-bg {
  background-color: #EAEDEF; }

.light-grey-bg--tp {
  background-color: rgba(234, 237, 239, 0.9); }

.light-grey-btn {
  color: #EAEDEF;
  border: 2px solid #EAEDEF;
  border-radius: 5px; }
  .light-grey-btn:hover {
    text-decoration: none;
    color: #bfc8ce;
    border: 2px solid #bfc8ce; }

.light-grey-border-top {
  border-top: 1px solid #EAEDEF; }

.light-grey-border {
  border: 3px solid #EAEDEF !important;
  border-top: transparent; }

.light-grey-hr {
  border-bottom: 1px solid #EAEDEF;
  width: 90%;
  margin-left: 5%; }

.light-grey-border-bottom {
  border-bottom: 1px solid #EAEDEF; }
  @media (min-width: 576px) {
    .light-grey-border-bottom {
      border-bottom: 2px solid #EAEDEF; } }
  @media (min-width: 768px) {
    .light-grey-border-bottom {
      border-bottom: 3px solid #EAEDEF; } }

.light-grey-text-hover:hover,
.light-grey-text-hover:hover span:before,
.light-grey-text-hover.active {
  color: #D3D3D3 !important;
  cursor: pointer; }

.light-grey-fold--top::before,
.light-grey-micro-fold--top::after {
  border-color: #EAEDEF transparent transparent transparent; }

.light-grey-fold--right::before,
.light-grey-micro-fold--right::after {
  border-color: transparent #EAEDEF transparent transparent; }

.light-grey-fold--left::before,
.light-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #EAEDEF; }

.light-grey-fold--bottom::before,
.light-grey-micro-fold--bottom::after {
  border-color: transparent transparent #EAEDEF transparent; }

.light-blue-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #5C6B75; }

.light-blue-grey-text:focus,
.light-blue-grey-text:focus span:before {
  color: #515e67; }

.light-blue-grey-bg {
  background-color: #5C6B75; }

.light-blue-grey-bg--tp {
  background-color: rgba(92, 107, 117, 0.9); }

.light-blue-grey-btn {
  color: #5C6B75;
  border: 2px solid #5C6B75;
  border-radius: 5px; }
  .light-blue-grey-btn:hover {
    text-decoration: none;
    color: #3a444a;
    border: 2px solid #3a444a; }

.light-blue-grey-border-top {
  border-top: 1px solid #5C6B75; }

.light-blue-grey-border {
  border: 3px solid #5C6B75 !important;
  border-top: transparent; }

.light-blue-grey-hr {
  border-bottom: 1px solid #5C6B75;
  width: 90%;
  margin-left: 5%; }

.light-blue-grey-border-bottom {
  border-bottom: 1px solid #5C6B75; }
  @media (min-width: 576px) {
    .light-blue-grey-border-bottom {
      border-bottom: 2px solid #5C6B75; } }
  @media (min-width: 768px) {
    .light-blue-grey-border-bottom {
      border-bottom: 3px solid #5C6B75; } }

.light-blue-grey-text-hover:hover,
.light-blue-grey-text-hover:hover span:before,
.light-blue-grey-text-hover.active {
  color: #515e67 !important;
  cursor: pointer; }

.light-blue-grey-fold--top::before,
.light-blue-grey-micro-fold--top::after {
  border-color: #5C6B75 transparent transparent transparent; }

.light-blue-grey-fold--right::before,
.light-blue-grey-micro-fold--right::after {
  border-color: transparent #5C6B75 transparent transparent; }

.light-blue-grey-fold--left::before,
.light-blue-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #5C6B75; }

.light-blue-grey-fold--bottom::before,
.light-blue-grey-micro-fold--bottom::after {
  border-color: transparent transparent #5C6B75 transparent; }

.mid-blue-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #4C5A5B; }

.mid-blue-grey-text:focus,
.mid-blue-grey-text:focus span:before {
  color: #404c4d; }

.mid-blue-grey-bg {
  background-color: #4C5A5B; }

.mid-blue-grey-bg--tp {
  background-color: rgba(76, 90, 91, 0.9); }

.mid-blue-grey-btn {
  color: #4C5A5B;
  border: 2px solid #4C5A5B;
  border-radius: 5px; }
  .mid-blue-grey-btn:hover {
    text-decoration: none;
    color: #293131;
    border: 2px solid #293131; }

.mid-blue-grey-border-top {
  border-top: 1px solid #4C5A5B; }

.mid-blue-grey-border {
  border: 3px solid #4C5A5B !important;
  border-top: transparent; }

.mid-blue-grey-hr {
  border-bottom: 1px solid #4C5A5B;
  width: 90%;
  margin-left: 5%; }

.mid-blue-grey-border-bottom {
  border-bottom: 1px solid #4C5A5B; }
  @media (min-width: 576px) {
    .mid-blue-grey-border-bottom {
      border-bottom: 2px solid #4C5A5B; } }
  @media (min-width: 768px) {
    .mid-blue-grey-border-bottom {
      border-bottom: 3px solid #4C5A5B; } }

.mid-blue-grey-text-hover:hover,
.mid-blue-grey-text-hover:hover span:before,
.mid-blue-grey-text-hover.active {
  color: #404c4d !important;
  cursor: pointer; }

.mid-blue-grey-fold--top::before,
.mid-blue-grey-micro-fold--top::after {
  border-color: #4C5A5B transparent transparent transparent; }

.mid-blue-grey-fold--right::before,
.mid-blue-grey-micro-fold--right::after {
  border-color: transparent #4C5A5B transparent transparent; }

.mid-blue-grey-fold--left::before,
.mid-blue-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #4C5A5B; }

.mid-blue-grey-fold--bottom::before,
.mid-blue-grey-micro-fold--bottom::after {
  border-color: transparent transparent #4C5A5B transparent; }

.dark-blue-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #495965; }

.dark-blue-grey-text:focus,
.dark-blue-grey-text:focus span:before {
  color: #698091; }

.dark-blue-grey-bg {
  background-color: #495965; }

.dark-blue-grey-bg--tp {
  background-color: rgba(73, 89, 101, 0.9); }

.dark-blue-grey-btn {
  color: #495965;
  border: 2px solid #495965;
  border-radius: 5px; }
  .dark-blue-grey-btn:hover {
    text-decoration: none;
    color: #293239;
    border: 2px solid #293239; }

.dark-blue-grey-border-top {
  border-top: 1px solid #495965; }

.dark-blue-grey-border {
  border: 3px solid #495965 !important;
  border-top: transparent; }

.dark-blue-grey-hr {
  border-bottom: 1px solid #495965;
  width: 90%;
  margin-left: 5%; }

.dark-blue-grey-border-bottom {
  border-bottom: 1px solid #495965; }
  @media (min-width: 576px) {
    .dark-blue-grey-border-bottom {
      border-bottom: 2px solid #495965; } }
  @media (min-width: 768px) {
    .dark-blue-grey-border-bottom {
      border-bottom: 3px solid #495965; } }

.dark-blue-grey-text-hover:hover,
.dark-blue-grey-text-hover:hover span:before,
.dark-blue-grey-text-hover.active {
  color: #698091 !important;
  cursor: pointer; }

.dark-blue-grey-fold--top::before,
.dark-blue-grey-micro-fold--top::after {
  border-color: #495965 transparent transparent transparent; }

.dark-blue-grey-fold--right::before,
.dark-blue-grey-micro-fold--right::after {
  border-color: transparent #495965 transparent transparent; }

.dark-blue-grey-fold--left::before,
.dark-blue-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #495965; }

.dark-blue-grey-fold--bottom::before,
.dark-blue-grey-micro-fold--bottom::after {
  border-color: transparent transparent #495965 transparent; }

.mustard-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #D6DB42; }

.mustard-text:focus,
.mustard-text:focus span:before {
  color: #bfc525; }

.mustard-bg {
  background-color: #D6DB42; }

.mustard-bg--tp {
  background-color: rgba(214, 219, 66, 0.9); }

.mustard-btn {
  color: #D6DB42;
  border: 2px solid #D6DB42;
  border-radius: 5px; }
  .mustard-btn:hover {
    text-decoration: none;
    color: #abaf21;
    border: 2px solid #abaf21; }

.mustard-border-top {
  border-top: 1px solid #D6DB42; }

.mustard-border {
  border: 3px solid #D6DB42 !important;
  border-top: transparent; }

.mustard-hr {
  border-bottom: 1px solid #D6DB42;
  width: 90%;
  margin-left: 5%; }

.mustard-border-bottom {
  border-bottom: 1px solid #D6DB42; }
  @media (min-width: 576px) {
    .mustard-border-bottom {
      border-bottom: 2px solid #D6DB42; } }
  @media (min-width: 768px) {
    .mustard-border-bottom {
      border-bottom: 3px solid #D6DB42; } }

.mustard-text-hover:hover,
.mustard-text-hover:hover span:before,
.mustard-text-hover.active {
  color: #bfc525 !important;
  cursor: pointer; }

.mustard-fold--top::before,
.mustard-micro-fold--top::after {
  border-color: #D6DB42 transparent transparent transparent; }

.mustard-fold--right::before,
.mustard-micro-fold--right::after {
  border-color: transparent #D6DB42 transparent transparent; }

.mustard-fold--left::before,
.mustard-micro-fold--left::after {
  border-color: transparent transparent transparent #D6DB42; }

.mustard-fold--bottom::before,
.mustard-micro-fold--bottom::after {
  border-color: transparent transparent #D6DB42 transparent; }

.yellow-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #ECEFA9; }

.yellow-text:focus,
.yellow-text:focus span:before {
  color: #dbe15c; }

.yellow-bg {
  background-color: #ECEFA9; }

.yellow-bg--tp {
  background-color: rgba(236, 239, 169, 0.9); }

.yellow-btn {
  color: #ECEFA9;
  border: 2px solid #ECEFA9;
  border-radius: 5px; }
  .yellow-btn:hover {
    text-decoration: none;
    color: #dee369;
    border: 2px solid #dee369; }

.yellow-border-top {
  border-top: 1px solid #ECEFA9; }

.yellow-border {
  border: 3px solid #ECEFA9 !important;
  border-top: transparent; }

.yellow-hr {
  border-bottom: 1px solid #ECEFA9;
  width: 90%;
  margin-left: 5%; }

.yellow-border-bottom {
  border-bottom: 1px solid #ECEFA9; }
  @media (min-width: 576px) {
    .yellow-border-bottom {
      border-bottom: 2px solid #ECEFA9; } }
  @media (min-width: 768px) {
    .yellow-border-bottom {
      border-bottom: 3px solid #ECEFA9; } }

.yellow-text-hover:hover,
.yellow-text-hover:hover span:before,
.yellow-text-hover.active {
  color: #dbe15c !important;
  cursor: pointer; }

.yellow-fold--top::before,
.yellow-micro-fold--top::after {
  border-color: #ECEFA9 transparent transparent transparent; }

.yellow-fold--right::before,
.yellow-micro-fold--right::after {
  border-color: transparent #ECEFA9 transparent transparent; }

.yellow-fold--left::before,
.yellow-micro-fold--left::after {
  border-color: transparent transparent transparent #ECEFA9; }

.yellow-fold--bottom::before,
.yellow-micro-fold--bottom::after {
  border-color: transparent transparent #ECEFA9 transparent; }

.white-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #fff; }

.white-text:focus,
.white-text:focus span:before {
  color: #d1d1d1; }

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

.white-bg--tp {
  background-color: rgba(255, 255, 255, 0.9); }

.white-btn {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px; }
  .white-btn:hover {
    text-decoration: none;
    color: #d9d9d9;
    border: 2px solid #d9d9d9; }

.white-border-top {
  border-top: 1px solid #fff; }

.white-border {
  border: 3px solid #fff !important;
  border-top: transparent; }

.white-hr {
  border-bottom: 1px solid #fff;
  width: 90%;
  margin-left: 5%; }

.white-border-bottom {
  border-bottom: 1px solid #fff; }
  @media (min-width: 576px) {
    .white-border-bottom {
      border-bottom: 2px solid #fff; } }
  @media (min-width: 768px) {
    .white-border-bottom {
      border-bottom: 3px solid #fff; } }

.white-text-hover:hover,
.white-text-hover:hover span:before,
.white-text-hover.active {
  color: #d1d1d1 !important;
  cursor: pointer; }

.white-fold--top::before,
.white-micro-fold--top::after {
  border-color: #fff transparent transparent transparent; }

.white-fold--right::before,
.white-micro-fold--right::after {
  border-color: transparent #fff transparent transparent; }

.white-fold--left::before,
.white-micro-fold--left::after {
  border-color: transparent transparent transparent #fff; }

.white-fold--bottom::before,
.white-micro-fold--bottom::after {
  border-color: transparent transparent #fff transparent; }

.black-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #000; }

.black-text:focus,
.black-text:focus span:before {
  color: #1a1a1a; }

.black-bg {
  background-color: #000; }

.black-bg--tp {
  background-color: rgba(0, 0, 0, 0.9); }

.black-btn {
  color: #000;
  border: 2px solid #000;
  border-radius: 5px; }
  .black-btn:hover {
    text-decoration: none;
    color: black;
    border: 2px solid black; }

.black-border-top {
  border-top: 1px solid #000; }

.black-border {
  border: 3px solid #000 !important;
  border-top: transparent; }

.black-hr {
  border-bottom: 1px solid #000;
  width: 90%;
  margin-left: 5%; }

.black-border-bottom {
  border-bottom: 1px solid #000; }
  @media (min-width: 576px) {
    .black-border-bottom {
      border-bottom: 2px solid #000; } }
  @media (min-width: 768px) {
    .black-border-bottom {
      border-bottom: 3px solid #000; } }

.black-text-hover:hover,
.black-text-hover:hover span:before,
.black-text-hover.active {
  color: #1a1a1a !important;
  cursor: pointer; }

.black-fold--top::before,
.black-micro-fold--top::after {
  border-color: #000 transparent transparent transparent; }

.black-fold--right::before,
.black-micro-fold--right::after {
  border-color: transparent #000 transparent transparent; }

.black-fold--left::before,
.black-micro-fold--left::after {
  border-color: transparent transparent transparent #000; }

.black-fold--bottom::before,
.black-micro-fold--bottom::after {
  border-color: transparent transparent #000 transparent; }

.px-yellow-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #D6DB42; }

.px-yellow-text:focus,
.px-yellow-text:focus span:before {
  color: #9ea21f; }

.px-yellow-bg {
  background-color: #D6DB42; }

.px-yellow-bg--tp {
  background-color: rgba(214, 219, 66, 0.9); }

.px-yellow-btn {
  color: #D6DB42;
  border: 2px solid #D6DB42;
  border-radius: 5px; }
  .px-yellow-btn:hover {
    text-decoration: none;
    color: #abaf21;
    border: 2px solid #abaf21; }

.px-yellow-border-top {
  border-top: 1px solid #D6DB42; }

.px-yellow-border {
  border: 3px solid #D6DB42 !important;
  border-top: transparent; }

.px-yellow-hr {
  border-bottom: 1px solid #D6DB42;
  width: 90%;
  margin-left: 5%; }

.px-yellow-border-bottom {
  border-bottom: 1px solid #D6DB42; }
  @media (min-width: 576px) {
    .px-yellow-border-bottom {
      border-bottom: 2px solid #D6DB42; } }
  @media (min-width: 768px) {
    .px-yellow-border-bottom {
      border-bottom: 3px solid #D6DB42; } }

.px-yellow-text-hover:hover,
.px-yellow-text-hover:hover span:before,
.px-yellow-text-hover.active {
  color: #9ea21f !important;
  cursor: pointer; }

.px-yellow-fold--top::before,
.px-yellow-micro-fold--top::after {
  border-color: #D6DB42 transparent transparent transparent; }

.px-yellow-fold--right::before,
.px-yellow-micro-fold--right::after {
  border-color: transparent #D6DB42 transparent transparent; }

.px-yellow-fold--left::before,
.px-yellow-micro-fold--left::after {
  border-color: transparent transparent transparent #D6DB42; }

.px-yellow-fold--bottom::before,
.px-yellow-micro-fold--bottom::after {
  border-color: transparent transparent #D6DB42 transparent; }

.px-orange-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #DB9E42; }

.px-orange-text:focus,
.px-orange-text:focus span:before {
  color: #a26e1f; }

.px-orange-bg {
  background-color: #DB9E42; }

.px-orange-bg--tp {
  background-color: rgba(219, 158, 66, 0.9); }

.px-orange-btn {
  color: #DB9E42;
  border: 2px solid #DB9E42;
  border-radius: 5px; }
  .px-orange-btn:hover {
    text-decoration: none;
    color: #af7721;
    border: 2px solid #af7721; }

.px-orange-border-top {
  border-top: 1px solid #DB9E42; }

.px-orange-border {
  border: 3px solid #DB9E42 !important;
  border-top: transparent; }

.px-orange-hr {
  border-bottom: 1px solid #DB9E42;
  width: 90%;
  margin-left: 5%; }

.px-orange-border-bottom {
  border-bottom: 1px solid #DB9E42; }
  @media (min-width: 576px) {
    .px-orange-border-bottom {
      border-bottom: 2px solid #DB9E42; } }
  @media (min-width: 768px) {
    .px-orange-border-bottom {
      border-bottom: 3px solid #DB9E42; } }

.px-orange-text-hover:hover,
.px-orange-text-hover:hover span:before,
.px-orange-text-hover.active {
  color: #a26e1f !important;
  cursor: pointer; }

.px-orange-fold--top::before,
.px-orange-micro-fold--top::after {
  border-color: #DB9E42 transparent transparent transparent; }

.px-orange-fold--right::before,
.px-orange-micro-fold--right::after {
  border-color: transparent #DB9E42 transparent transparent; }

.px-orange-fold--left::before,
.px-orange-micro-fold--left::after {
  border-color: transparent transparent transparent #DB9E42; }

.px-orange-fold--bottom::before,
.px-orange-micro-fold--bottom::after {
  border-color: transparent transparent #DB9E42 transparent; }

.px-green-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #42DB89; }

.px-green-text:focus,
.px-green-text:focus span:before {
  color: #1fa25c; }

.px-green-bg {
  background-color: #42DB89; }

.px-green-bg--tp {
  background-color: rgba(66, 219, 137, 0.9); }

.px-green-btn {
  color: #42DB89;
  border: 2px solid #42DB89;
  border-radius: 5px; }
  .px-green-btn:hover {
    text-decoration: none;
    color: #21af63;
    border: 2px solid #21af63; }

.px-green-border-top {
  border-top: 1px solid #42DB89; }

.px-green-border {
  border: 3px solid #42DB89 !important;
  border-top: transparent; }

.px-green-hr {
  border-bottom: 1px solid #42DB89;
  width: 90%;
  margin-left: 5%; }

.px-green-border-bottom {
  border-bottom: 1px solid #42DB89; }
  @media (min-width: 576px) {
    .px-green-border-bottom {
      border-bottom: 2px solid #42DB89; } }
  @media (min-width: 768px) {
    .px-green-border-bottom {
      border-bottom: 3px solid #42DB89; } }

.px-green-text-hover:hover,
.px-green-text-hover:hover span:before,
.px-green-text-hover.active {
  color: #1fa25c !important;
  cursor: pointer; }

.px-green-fold--top::before,
.px-green-micro-fold--top::after {
  border-color: #42DB89 transparent transparent transparent; }

.px-green-fold--right::before,
.px-green-micro-fold--right::after {
  border-color: transparent #42DB89 transparent transparent; }

.px-green-fold--left::before,
.px-green-micro-fold--left::after {
  border-color: transparent transparent transparent #42DB89; }

.px-green-fold--bottom::before,
.px-green-micro-fold--bottom::after {
  border-color: transparent transparent #42DB89 transparent; }

.px-blue-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #42BCDB; }

.px-blue-text:focus,
.px-blue-text:focus span:before {
  color: #1f88a2; }

.px-blue-bg {
  background-color: #42BCDB; }

.px-blue-bg--tp {
  background-color: rgba(66, 188, 219, 0.9); }

.px-blue-btn {
  color: #42BCDB;
  border: 2px solid #42BCDB;
  border-radius: 5px; }
  .px-blue-btn:hover {
    text-decoration: none;
    color: #2192af;
    border: 2px solid #2192af; }

.px-blue-border-top {
  border-top: 1px solid #42BCDB; }

.px-blue-border {
  border: 3px solid #42BCDB !important;
  border-top: transparent; }

.px-blue-hr {
  border-bottom: 1px solid #42BCDB;
  width: 90%;
  margin-left: 5%; }

.px-blue-border-bottom {
  border-bottom: 1px solid #42BCDB; }
  @media (min-width: 576px) {
    .px-blue-border-bottom {
      border-bottom: 2px solid #42BCDB; } }
  @media (min-width: 768px) {
    .px-blue-border-bottom {
      border-bottom: 3px solid #42BCDB; } }

.px-blue-text-hover:hover,
.px-blue-text-hover:hover span:before,
.px-blue-text-hover.active {
  color: #1f88a2 !important;
  cursor: pointer; }

.px-blue-fold--top::before,
.px-blue-micro-fold--top::after {
  border-color: #42BCDB transparent transparent transparent; }

.px-blue-fold--right::before,
.px-blue-micro-fold--right::after {
  border-color: transparent #42BCDB transparent transparent; }

.px-blue-fold--left::before,
.px-blue-micro-fold--left::after {
  border-color: transparent transparent transparent #42BCDB; }

.px-blue-fold--bottom::before,
.px-blue-micro-fold--bottom::after {
  border-color: transparent transparent #42BCDB transparent; }

.article-light-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #EBECEE; }

.article-light-grey-text:focus,
.article-light-grey-text:focus span:before {
  color: #b9bdc4; }

.article-light-grey-bg {
  background-color: #EBECEE; }

.article-light-grey-bg--tp {
  background-color: rgba(235, 236, 238, 0.9); }

.article-light-grey-btn {
  color: #EBECEE;
  border: 2px solid #EBECEE;
  border-radius: 5px; }
  .article-light-grey-btn:hover {
    text-decoration: none;
    color: #c2c5cb;
    border: 2px solid #c2c5cb; }

.article-light-grey-border-top {
  border-top: 1px solid #EBECEE; }

.article-light-grey-border {
  border: 3px solid #EBECEE !important;
  border-top: transparent; }

.article-light-grey-hr {
  border-bottom: 1px solid #EBECEE;
  width: 90%;
  margin-left: 5%; }

.article-light-grey-border-bottom {
  border-bottom: 1px solid #EBECEE; }
  @media (min-width: 576px) {
    .article-light-grey-border-bottom {
      border-bottom: 2px solid #EBECEE; } }
  @media (min-width: 768px) {
    .article-light-grey-border-bottom {
      border-bottom: 3px solid #EBECEE; } }

.article-light-grey-text-hover:hover,
.article-light-grey-text-hover:hover span:before,
.article-light-grey-text-hover.active {
  color: #b9bdc4 !important;
  cursor: pointer; }

.article-light-grey-fold--top::before,
.article-light-grey-micro-fold--top::after {
  border-color: #EBECEE transparent transparent transparent; }

.article-light-grey-fold--right::before,
.article-light-grey-micro-fold--right::after {
  border-color: transparent #EBECEE transparent transparent; }

.article-light-grey-fold--left::before,
.article-light-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #EBECEE; }

.article-light-grey-fold--bottom::before,
.article-light-grey-micro-fold--bottom::after {
  border-color: transparent transparent #EBECEE transparent; }

.article-mid-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #D5DADE; }

.article-mid-grey-text:focus,
.article-mid-grey-text:focus span:before {
  color: #a2adb6; }

.article-mid-grey-bg {
  background-color: #D5DADE; }

.article-mid-grey-bg--tp {
  background-color: rgba(213, 218, 222, 0.9); }

.article-mid-grey-btn {
  color: #D5DADE;
  border: 2px solid #D5DADE;
  border-radius: 5px; }
  .article-mid-grey-btn:hover {
    text-decoration: none;
    color: #aab4bc;
    border: 2px solid #aab4bc; }

.article-mid-grey-border-top {
  border-top: 1px solid #D5DADE; }

.article-mid-grey-border {
  border: 3px solid #D5DADE !important;
  border-top: transparent; }

.article-mid-grey-hr {
  border-bottom: 1px solid #D5DADE;
  width: 90%;
  margin-left: 5%; }

.article-mid-grey-border-bottom {
  border-bottom: 1px solid #D5DADE; }
  @media (min-width: 576px) {
    .article-mid-grey-border-bottom {
      border-bottom: 2px solid #D5DADE; } }
  @media (min-width: 768px) {
    .article-mid-grey-border-bottom {
      border-bottom: 3px solid #D5DADE; } }

.article-mid-grey-text-hover:hover,
.article-mid-grey-text-hover:hover span:before,
.article-mid-grey-text-hover.active {
  color: #a2adb6 !important;
  cursor: pointer; }

.article-mid-grey-fold--top::before,
.article-mid-grey-micro-fold--top::after {
  border-color: #D5DADE transparent transparent transparent; }

.article-mid-grey-fold--right::before,
.article-mid-grey-micro-fold--right::after {
  border-color: transparent #D5DADE transparent transparent; }

.article-mid-grey-fold--left::before,
.article-mid-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #D5DADE; }

.article-mid-grey-fold--bottom::before,
.article-mid-grey-micro-fold--bottom::after {
  border-color: transparent transparent #D5DADE transparent; }

.article-dark-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #707070; }

.article-dark-grey-text:focus,
.article-dark-grey-text:focus span:before {
  color: #919191; }

.article-dark-grey-bg {
  background-color: #707070; }

.article-dark-grey-bg--tp {
  background-color: rgba(112, 112, 112, 0.9); }

.article-dark-grey-btn {
  color: #707070;
  border: 2px solid #707070;
  border-radius: 5px; }
  .article-dark-grey-btn:hover {
    text-decoration: none;
    color: #4a4a4a;
    border: 2px solid #4a4a4a; }

.article-dark-grey-border-top {
  border-top: 1px solid #707070; }

.article-dark-grey-border {
  border: 3px solid #707070 !important;
  border-top: transparent; }

.article-dark-grey-hr {
  border-bottom: 1px solid #707070;
  width: 90%;
  margin-left: 5%; }

.article-dark-grey-border-bottom {
  border-bottom: 1px solid #707070; }
  @media (min-width: 576px) {
    .article-dark-grey-border-bottom {
      border-bottom: 2px solid #707070; } }
  @media (min-width: 768px) {
    .article-dark-grey-border-bottom {
      border-bottom: 3px solid #707070; } }

.article-dark-grey-text-hover:hover,
.article-dark-grey-text-hover:hover span:before,
.article-dark-grey-text-hover.active {
  color: #919191 !important;
  cursor: pointer; }

.article-dark-grey-fold--top::before,
.article-dark-grey-micro-fold--top::after {
  border-color: #707070 transparent transparent transparent; }

.article-dark-grey-fold--right::before,
.article-dark-grey-micro-fold--right::after {
  border-color: transparent #707070 transparent transparent; }

.article-dark-grey-fold--left::before,
.article-dark-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #707070; }

.article-dark-grey-fold--bottom::before,
.article-dark-grey-micro-fold--bottom::after {
  border-color: transparent transparent #707070 transparent; }

.ba-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #BABABA; }

.ba-grey-text:focus,
.ba-grey-text:focus span:before {
  color: #999999; }

.ba-grey-bg {
  background-color: #BABABA; }

.ba-grey-bg--tp {
  background-color: rgba(186, 186, 186, 0.9); }

.ba-grey-btn {
  color: #BABABA;
  border: 2px solid #BABABA;
  border-radius: 5px; }
  .ba-grey-btn:hover {
    text-decoration: none;
    color: #949494;
    border: 2px solid #949494; }

.ba-grey-border-top {
  border-top: 1px solid #BABABA; }

.ba-grey-border {
  border: 3px solid #BABABA !important;
  border-top: transparent; }

.ba-grey-hr {
  border-bottom: 1px solid #BABABA;
  width: 90%;
  margin-left: 5%; }

.ba-grey-border-bottom {
  border-bottom: 1px solid #BABABA; }
  @media (min-width: 576px) {
    .ba-grey-border-bottom {
      border-bottom: 2px solid #BABABA; } }
  @media (min-width: 768px) {
    .ba-grey-border-bottom {
      border-bottom: 3px solid #BABABA; } }

.ba-grey-text-hover:hover,
.ba-grey-text-hover:hover span:before,
.ba-grey-text-hover.active {
  color: #999999 !important;
  cursor: pointer; }

.ba-grey-fold--top::before,
.ba-grey-micro-fold--top::after {
  border-color: #BABABA transparent transparent transparent; }

.ba-grey-fold--right::before,
.ba-grey-micro-fold--right::after {
  border-color: transparent #BABABA transparent transparent; }

.ba-grey-fold--left::before,
.ba-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #BABABA; }

.ba-grey-fold--bottom::before,
.ba-grey-micro-fold--bottom::after {
  border-color: transparent transparent #BABABA transparent; }

.lightest-grey-text {
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
  color: #BDC2C8; }

.lightest-grey-text:focus,
.lightest-grey-text:focus span:before {
  color: #99a1aa; }

.lightest-grey-bg {
  background-color: #BDC2C8; }

.lightest-grey-bg--tp {
  background-color: rgba(189, 194, 200, 0.9); }

.lightest-grey-btn {
  color: #BDC2C8;
  border: 2px solid #BDC2C8;
  border-radius: 5px; }
  .lightest-grey-btn:hover {
    text-decoration: none;
    color: #939ba5;
    border: 2px solid #939ba5; }

.lightest-grey-border-top {
  border-top: 1px solid #BDC2C8; }

.lightest-grey-border {
  border: 3px solid #BDC2C8 !important;
  border-top: transparent; }

.lightest-grey-hr {
  border-bottom: 1px solid #BDC2C8;
  width: 90%;
  margin-left: 5%; }

.lightest-grey-border-bottom {
  border-bottom: 1px solid #BDC2C8; }
  @media (min-width: 576px) {
    .lightest-grey-border-bottom {
      border-bottom: 2px solid #BDC2C8; } }
  @media (min-width: 768px) {
    .lightest-grey-border-bottom {
      border-bottom: 3px solid #BDC2C8; } }

.lightest-grey-text-hover:hover,
.lightest-grey-text-hover:hover span:before,
.lightest-grey-text-hover.active {
  color: #99a1aa !important;
  cursor: pointer; }

.lightest-grey-fold--top::before,
.lightest-grey-micro-fold--top::after {
  border-color: #BDC2C8 transparent transparent transparent; }

.lightest-grey-fold--right::before,
.lightest-grey-micro-fold--right::after {
  border-color: transparent #BDC2C8 transparent transparent; }

.lightest-grey-fold--left::before,
.lightest-grey-micro-fold--left::after {
  border-color: transparent transparent transparent #BDC2C8; }

.lightest-grey-fold--bottom::before, .lightest-grey-micro-fold--bottom::after {
  border-color: transparent transparent #BDC2C8 transparent;
}

.dark-blue-grey-xs-text { color: #495965; text-decoration: underline; }
@media (min-width: 576px) {
  .dark-blue-grey-xs-text { color: #fff; }
}

html { overflow-x: hidden; }
.all-caps { text-transform: uppercase; }

.container {
  margin: 0;
  max-width: 100%; }
  @media (min-width: 576px) {
    .container {
      margin-right: auto;
      margin-left: auto;
      max-width: 720px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 1110px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1410px; } }

.row {
  margin-left: 0;
  margin-right: 0; }

.container-fluid {
  padding-right: 0;
  padding-left: 0; }

.content {
  justify-content: left; }
  @media (min-width: 576px) {
    .content {
      display: flex;
      align-items: center;
      justify-content: center; } }

.fold::before,
.micro-fold::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  z-index: 2;
  border-style: solid; }

@media (min-width: 576px) {
  .fold--small::before {
    border-width: 21px; } }

@media (min-width: 768px) {
  .fold--small::before {
    border-width: 27px; } }

@media (min-width: 992px) {
  .fold--small::before {
    border-width: 37px; } }

@media (min-width: 1200px) {
  .fold--small::before {
    border-width: 39px; } }

@media (min-width: 576px) {
  .fold--medium::before {
    border-width: 20px; } }

@media (min-width: 768px) {
  .fold--medium::before {
    border-width: 25px; } }

@media (min-width: 992px) {
  .fold--medium::before {
    border-width: 30px 33px; } }

@media (min-width: 576px) {
  .fold--large::before {
    border-width: 40px; } }

@media (min-width: 768px) {
  .fold--large::before {
    border-width: 52px; } }

@media (min-width: 992px) {
  .fold--large::before {
    border-width: 66px 63px; } }

@media (min-width: 1200px) {
  .fold--large::before {
    border-width: 106px 103px; } }

@media (min-width: 576px) {
  .fold--footer::before {
    right: 11%; } }

@media (min-width: 768px) {
  .fold--footer::before {
    left: 5%; } }

@media (min-width: 992px) {
  .fold--footer::before {
    left: 7%; } }

@media (min-width: 1200px) {
  .fold--footer::before {
    left: 10%; } }

.fold--pos-left::before,
.micro-fold--pos-left::after {
  left: 0; }

@media (min-width: 576px) {
  .fold--pos-top::before {
    top: 11%; } }

@media (min-width: 768px) {
  .fold--pos-top::before {
    top: 5%; } }

@media (min-width: 1200px) {
  .fold--pos-top::before {
    top: 0; } }

@media (min-width: 576px) {
  .micro-fold--small::after {
    border-width: 11px; } }

@media (min-width: 768px) {
  .micro-fold--small::after {
    border-width: 17px; } }

@media (min-width: 992px) {
  .micro-fold--small::after {
    border-width: 17px 18px; } }

@media (min-width: 1200px) {
  .micro-fold--small::after {
    border-width: 21px 25px; } }

@media (min-width: 576px) {
  .micro-fold--pos-top::after {
    top: 11%; } }

@media (min-width: 768px) {
  .micro-fold--pos-top::after {
    top: 3em; } }

@media (min-width: 992px) {
  .micro-fold--pos-top::after {
    top: 4em; } }

@media (min-width: 1200px) {
  .micro-fold--pos-top::after {
    top: 6em; } }

.fold--builders-card::before {
  margin-top: -3px;
  right: 48px; }

.pb-3, .py-3 {
  padding-bottom: .5rem !important; }
  @media (min-width: 576px) {
    .pb-3, .py-3 {
      padding-bottom: 1rem !important; } }

.pt-3, .py-3 {
  padding-top: .5rem !important; }
  @media (min-width: 576px) {
    .pt-3, .py-3 {
      padding-top: 1rem !important; } }

@media (min-width: 1200px) {
  .builders-cards {
    padding-top: 3em; } }

.builders-cards .builders-cards-header-row {
  flex-direction: column;
  padding: 1em; }
  @media (min-width: 576px) {
    .builders-cards .builders-cards-header-row {
      padding: 1em; } }
  @media (min-width: 768px) {
    .builders-cards .builders-cards-header-row {
      padding: 1.31em; } }
  @media (min-width: 992px) {
    .builders-cards .builders-cards-header-row {
      padding: 1.67em; } }
  @media (min-width: 1200px) {
    .builders-cards .builders-cards-header-row {
      padding: 2em; } }

.builders-cards .card-group {
  width: 90%;
  margin-left: 5%; }
  @media (min-width: 768px) {
    .builders-cards .card-group {
      width: 100%;
      margin-left: 0%; } }
  @media (min-width: 992px) {
    .builders-cards .card-group {
      width: 90%;
      margin-left: 5%; } }
  @media (min-width: 1200px) {
    .builders-cards .card-group {
      width: 80%;
      margin-left: 10%; } }
  .builders-cards .card-group .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 1em;
    border: 0;
    border-radius: 0; }
    @media (min-width: 576px) {
      .builders-cards .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        margin-bottom: .5em; } }
    @media (min-width: 768px) {
      .builders-cards .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0; } }
  .builders-cards .card-group .card:hover {
    text-decoration: none; }
  .builders-cards .card-group .card-img-top {
    object-fit: cover; }
    @media (min-width: 576px) {
      .builders-cards .card-group .card-img-top {
        object-fit: cover;
        height: initial; } }
  .builders-cards .card-group .card-body-head {
    min-height: 0; }
    @media (min-width: 576px) {
      .builders-cards .card-group .card-body-head {
        min-height: 5em; } }
    @media (min-width: 576px) {
      .builders-cards .card-group .card-body-head {
        min-height: 6em; } }
    @media (min-width: 992px) {
      .builders-cards .card-group .card-body-head {
        min-height: 7em; } }
  .builders-cards .card-group .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .5em; }
    @media (min-width: 576px) {
      .builders-cards .card-group .card-body {
        padding: 1em .5em .5em .5em; } }
    @media (min-width: 768px) {
      .builders-cards .card-group .card-body {
        padding: 1em 1.25em .5em 1.25em; } }
    @media (min-width: 992px) {
      .builders-cards .card-group .card-body {
        padding: 1em 1.25em 1em 1.5em; } }
    .builders-cards .card-group .card-body p {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .builders-cards .card-group .card-body .card-btn {
      height: 3em;
      width: 3em; }
    .builders-cards .card-group .card-body .card-btn-orange {
      background-image: url(/images/buttons/orange-btn.png); }
    .builders-cards .card-group .card-body .card-btn-yellow {
      background-image: url(/images/buttons/yellow-btn.png); }
    .builders-cards .card-group .card-body .card-btn-blue {
      background-image: url(/images/buttons/blue-btn.png); }
    .builders-cards .card-group .card-body .card-btn-green {
      background-image: url(/images/buttons/green-btn.png); }

.builders-cards.builders-cards--small .card-img-top {
  height: 9em; }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--small .card-img-top {
      height: auto; } }

.builders-cards.builders-cards--small .card {
  animation: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  margin-right: 0.25em;
  margin-left: 0.25em; }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--small .card {
      margin-right: 0.25em; } }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--small .card {
      margin-right: 0.33em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--small .card {
      margin-right: 0.42em; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--small .card {
      margin-right: 0.5em; } }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--small .card {
      margin-left: 0.25em; } }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--small .card {
      margin-left: 0.33em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--small .card {
      margin-left: 0.42em; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--small .card {
      margin-left: 0.5em; } }
  .builders-cards.builders-cards--small .card.active {
    -webkit-filter: brightness(74%) contrast(46%);
    filter: brightness(74%) contrast(46%);
    animation: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .builders-cards.builders-cards--small .card:hover:not(.active) {
    cursor: pointer;
    -webkit-filter: brightness(104%) contrast(100%);
    filter: brightness(104%) contrast(100%);
    animation: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
    .builders-cards.builders-cards--small .card:hover:not(.active) .card-btn-orange {
      background-image: url(/images/buttons/inv-orange-btn.png);
      transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
    .builders-cards.builders-cards--small .card:hover:not(.active) .card-btn-yellow {
      background-image: url(/images/buttons/inv-yellow-btn.png);
      transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
    .builders-cards.builders-cards--small .card:hover:not(.active) .card-btn-blue {
      background-image: url(/images/buttons/inv-blue-btn.png);
      transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
    .builders-cards.builders-cards--small .card:hover:not(.active) .card-btn-green {
      background-image: url(/images/buttons/inv-green-btn.png);
      transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }

.builders-cards.builders-cards--small .card-body {
  display: flex;
  flex-direction: row;
  align-items: center; }

.builders-cards.builders-cards--small .card-btn {
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-self: flex-end; }

.builders-cards.builders-cards--small .builders-cards-body {
  padding-bottom: 1em;
  padding-top: 1em; }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--small .builders-cards-body {
      padding-bottom: 1em; } }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--small .builders-cards-body {
      padding-bottom: 1.31em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--small .builders-cards-body {
      padding-bottom: 1.67em; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--small .builders-cards-body {
      padding-bottom: 2em; } }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--small .builders-cards-body {
      padding-top: 0; } }

.builders-cards.builders-cards--small p {
  padding: 0;
  margin: 0; }

.builders-cards.builders-cards--large .card-body-head {
  position: absolute; }

.builders-cards.builders-cards--large .card-img-top {
  height: 7em; }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .card-img-top {
      height: 6em; } }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .card-img-top {
      height: 7em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--large .card-img-top {
      height: auto; } }

.builders-cards.builders-cards--large .builders-cards-body {
  margin-bottom: 2em;
  padding-bottom: 0;
  background: linear-gradient(to bottom, white 0%, white 60%, #BDC2C8 60%, #BDC2C8 60%, #BDC2C8 100%); }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .builders-cards-body {
      margin-bottom: 3em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--large .builders-cards-body {
      margin-bottom: 5em; } }

.builders-cards.builders-cards--large .builders-card-background {
  position: absolute;
  height: 12em;
  width: 100%;
  z-index: -1;
  bottom: -4em; }

.builders-cards.builders-cards--large .card-group {
  width: 100%;
  margin-left: 0; }
  .builders-cards.builders-cards--large .card-group .card-body {
    padding: .5em 1em 0 1em; }
    @media (min-width: 992px) {
      .builders-cards.builders-cards--large .card-group .card-body {
        padding: 1em 2em 0 2em; } }
    @media (min-width: 1200px) {
      .builders-cards.builders-cards--large .card-group .card-body {
        padding: 1em 2em 0 2em; } }
    .builders-cards.builders-cards--large .card-group .card-body .text {
      margin-bottom: 1em; }
      @media (min-width: 992px) {
        .builders-cards.builders-cards--large .card-group .card-body .text {
          margin-bottom: 2em; } }
    .builders-cards.builders-cards--large .card-group .card-body .card-info,
    .builders-cards.builders-cards--large .card-group .card-body .card-btn {
      margin-right: .5em; }
      @media (min-width: 576px) {
        .builders-cards.builders-cards--large .card-group .card-body .card-info,
        .builders-cards.builders-cards--large .card-group .card-body .card-btn {
          margin-right: 1em; } }
    .builders-cards.builders-cards--large .card-group .card-body .card-info {
      width: 7em;
      display: flex;
      align-items: center; }
    .builders-cards.builders-cards--large .card-group .card-body .card-btn {
      width: 3em;
      height: 3em;
      background-repeat: no-repeat;
      background-size: contain; }
    .builders-cards.builders-cards--large .card-group .card-body p {
      margin-bottom: 0;
      justify-content: flex-end; }
      @media (min-width: 992px) {
        .builders-cards.builders-cards--large .card-group .card-body p {
          margin-bottom: 1rem; } }
    .builders-cards.builders-cards--large .card-group .card-body a {
      margin-bottom: 0;
      justify-content: flex-end;
      display: flex;
      padding-bottom: 1em; }
      .builders-cards.builders-cards--large .card-group .card-body a span {
        align-self: center; }
    .builders-cards.builders-cards--large .card-group .card-body a:hover {
      text-decoration: none; }
      .builders-cards.builders-cards--large .card-group .card-body a:hover .card-btn-orange {
        background-image: url(/images/buttons/inv-orange-btn.png);
        transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .builders-cards.builders-cards--large .card-group .card-body a:hover .card-btn-yellow {
        background-image: url(/images/buttons/inv-yellow-btn.png);
        transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .builders-cards.builders-cards--large .card-group .card-body a:hover .card-btn-blue {
        background-image: url(/images/buttons/inv-blue-btn.png);
        transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .builders-cards.builders-cards--large .card-group .card-body a:hover .card-btn-green {
        background-image: url(/images/buttons/inv-green-btn.png);
        transition: 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }

.builders-cards.builders-cards--large .card {
  margin-right: 0.5em;
  margin-left: 0.5em; }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .card {
      margin-right: 0.5em; } }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--large .card {
      margin-right: 0.56em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--large .card {
      margin-right: 0.63em; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--large .card {
      margin-right: 0.7em; } }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .card {
      margin-left: 0.5em; } }
  @media (min-width: 768px) {
    .builders-cards.builders-cards--large .card {
      margin-left: 0.56em; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--large .card {
      margin-left: 0.63em; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--large .card {
      margin-left: 0.7em; } }

.builders-cards.builders-cards--large .card-title {
  width: 100%; }
  @media (min-width: 576px) {
    .builders-cards.builders-cards--large .card-title {
      width: 80%; } }
  @media (min-width: 992px) {
    .builders-cards.builders-cards--large .card-title {
      width: 60%; } }
  @media (min-width: 1200px) {
    .builders-cards.builders-cards--large .card-title {
      width: 71%; } }

.pb-3, .py-3 {
  padding-bottom: .5rem !important; }
  @media (min-width: 576px) {
    .pb-3, .py-3 {
      padding-bottom: 1rem !important; } }

.pt-3, .py-3 {
  padding-top: .5rem !important; }
  @media (min-width: 576px) {
    .pt-3, .py-3 {
      padding-top: 1rem !important; } }

.article {
  padding-top: 1em;
  padding-bottom: 2em; }
  @media (min-width: 576px) {
    .article {
      padding-top: 2em;
      padding-bottom: 2em; } }
  @media (min-width: 768px) {
    .article {
      padding-top: 3em;
      padding-bottom: 3em; } }
  @media (min-width: 1200px) {
    .article {
      padding-top: 4em;
      padding-bottom: 4em; } }
  .article .intro-text {
    padding: 0 0 1em; }
    @media (min-width: 576px) {
      .article .intro-text {
        padding: 0 0 2em; } }
    @media (min-width: 768px) {
      .article .intro-text {
        padding: 1em 0 3em; } }
    @media (min-width: 992px) {
      .article .intro-text {
        padding: 1em 0 4em; } }
    @media (min-width: 1200px) {
      .article .intro-text {
        padding: 1em 0 5em; } }
  .article:not(.article-images) .row .col-sm-6 {
    padding: 0; }

.article-image {
  width: 100%;
  padding-bottom: 2em; }

.article-text {
  padding-top: 0;
  padding-bottom: 1em; }
  .article-text .px-btn {
    top: 1em; }
  @media (min-width: 768px) {
    .article-text {
      padding-right: 3em;
      padding-left: 0; } }
  @media (min-width: 992px) {
    .article-text {
      padding-right: 4em; } }
  @media (min-width: 1200px) {
    .article-text {
      padding-right: 6em; } }

.article-image-half .image-column {
  background: #fff;
  padding: 0; }
  @media (min-width: 576px) {
    .article-image-half .image-column {
      padding: 0em; } }
  @media (min-width: 768px) {
    .article-image-half .image-column {
      padding: 0.92em; } }
  @media (min-width: 992px) {
    .article-image-half .image-column {
      padding: 2em; } }
  @media (min-width: 1200px) {
    .article-image-half .image-column {
      padding: 3em; } }
  .article-image-half .image-column img {
    width: 100%; }

.article-image-half p {
  margin-bottom: 1em; }
  @media (min-width: 768px) {
    .article-image-half p {
      margin-bottom: 0; } }
  @media (min-width: 992px) {
    .article-image-half p {
      margin-bottom: 1em; } }

@media (min-width: 992px) {
  .article-image-half .article-image-half-text {
    padding-right: 6em; } }

.article-image-half .article-image-half-title {
  padding-top: 1em;
  padding-bottom: 1em; }
  @media (min-width: 768px) {
    .article-image-half .article-image-half-title {
      display: flex;
      flex-direction: row; } }
  @media (min-width: 992px) {
    .article-image-half .article-image-half-title {
      padding-top: 2em;
      padding-bottom: 2em; } }
  .article-image-half .article-image-half-title h3 {
    padding-bottom: 0;
    margin-bottom: 0;
    align-self: center; }
    @media (min-width: 768px) {
      .article-image-half .article-image-half-title h3 {
        margin-left: 3em; } }

.article-hr {
  padding: 1.5em 0; }
  .article-hr.last-article-hr {
    margin-bottom: 1em; }
    @media (min-width: 576px) {
      .article-hr.last-article-hr {
        margin-bottom: 2em; } }
    @media (min-width: 768px) {
      .article-hr.last-article-hr {
        margin-bottom: 3em; } }
    @media (min-width: 992px) {
      .article-hr.last-article-hr {
        margin-bottom: 4em; } }
    @media (min-width: 1200px) {
      .article-hr.last-article-hr {
        margin-bottom: 6em; } }

.builders-article {
  height: auto; }
  @media (min-width: 1200px) {
    .builders-article .overflow-img-container {
      width: 130%; } }
  .builders-article .builders-list {
    -webkit-margin-before: 2em;
    -webkit-margin-after: 3em;
    -webkit-padding-start: 1em; }
  .builders-article img {
    width: 100%;
    margin-bottom: 3em; }
    @media (min-width: 992px) {
      .builders-article img {
        margin-bottom: 2em; } }
    @media (min-width: 1200px) {
      .builders-article img {
        margin-bottom: 0;
        width: 100%;
        height: auto; } }
  @media (min-width: 1200px) {
    .builders-article .left-image,
    .builders-article .right-image {
      height: 18em;
      object-fit: cover; } }
  @media (min-width: 1200px) {
    .builders-article .bottom-image {
      height: auto; } }
  .builders-article .find-out {
    margin-bottom: .5em; }
  @media (min-width: 1200px) {
    .builders-article .right-image {
      width: 49%;
      margin-left: 1%;
      float: left; } }
  @media (min-width: 1200px) {
    .builders-article .left-image {
      width: 49%;
      margin-right: 1%;
      float: left; } }
  @media (min-width: 1200px) {
    .builders-article .bottom-image {
      padding-top: 1em; } }

.article-card-container {
  padding-top: 1em; }
  @media (min-width: 576px) {
    .article-card-container {
      padding-top: 2em; } }
  @media (min-width: 992px) {
    .article-card-container {
      padding-top: 3em; } }
  .article-card-container .article-card-row .article-text-container {
    padding-left: 1em; }
  .article-card-container .article-card-row img {
    height: 100%;
    object-fit: cover; }
  @media (min-width: 576px) {
    .article-card-container .article-card-row.article-card-row--left .first-column {
      max-width: 48%; } }
  .article-card-container .article-card-row.article-card-row--right .first-column {
    width: 100%; }
    @media (min-width: 576px) {
      .article-card-container .article-card-row.article-card-row--right .first-column {
        max-width: 44.666667%; } }
  @media (min-width: 576px) {
    .article-card-container .article-card-row.article-card-row--right .second-column {
      margin-left: 13.666667%; } }
  @media (min-width: 576px) {
    .article-card-container .article-card-row.article-card-row--right .article-text-container {
      margin-right: 3em; } }
  @media (min-width: 768px) {
    .article-card-container .article-card-row.article-card-row--right .article-text-container {
      margin-right: 5em; } }
  @media (min-width: 1200px) {
    .article-card-container .article-card-row.article-card-row--right .article-text-container {
      margin-right: 11em; } }
  .article-card-container .article-card-row .second-column {
    padding-top: 1em;
    padding-bottom: 1em; }
    @media (min-width: 1200px) {
      .article-card-container .article-card-row .second-column {
        padding-top: 7em; } }
  .article-card-container .article-card-row .article-card-col {
    padding-left: 0;
    padding-right: 0; }
  .article-card-container .article-card-row .article-image {
    padding-bottom: 0; }
  .article-card-container .article-card-row .article-text {
    padding: 0;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .article-card-container .article-card-row .article-text {
        margin-bottom: 3rem; } }

@media (min-width: 1200px) {
  .article-images .article-text {
    padding: 0; } }

@media (min-width: 1200px) {
  .article-images .half-height-image--first {
    margin-top: -2em; } }

.article-images .button-container {
  margin-bottom: 5em; }

.article-images .full-height-image {
  object-fit: cover;
  height: auto; }
  @media (min-width: 576px) {
    .article-images .full-height-image {
      height: 36em; } }
  @media (min-width: 768px) {
    .article-images .full-height-image {
      height: 40em; } }
  @media (min-width: 992px) {
    .article-images .full-height-image {
      height: 52em; } }
  @media (min-width: 1200px) {
    .article-images .full-height-image {
      height: 60em; } }

.article-images .half-height-image {
  object-fit: cover;
  height: auto; }
  @media (min-width: 576px) {
    .article-images .half-height-image {
      height: 18em; } }
  @media (min-width: 768px) {
    .article-images .half-height-image {
      height: 20em; } }
  @media (min-width: 992px) {
    .article-images .half-height-image {
      height: 26em; } }
  @media (min-width: 1200px) {
    .article-images .half-height-image {
      height: 31em; } }

.article-images .solo-image {
  height: 100%;
  object-fit: cover; }

.article-images .article-images-title {
  padding-bottom: 1em;
  margin-bottom: 0; }

.article-images .find-out-row {
  margin-top: 5em; }

.px-btn {
  transition: color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: border 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
  .px-btn.small-px-btn {
    padding: .5em .75em; }
  .px-btn.large-px-btn {
    padding: .75em 2em; }
    @media (min-width: 576px) {
      .px-btn.large-px-btn {
        padding: .5em 2em; } }
    @media (min-width: 768px) {
      .px-btn.large-px-btn {
        padding: .75em 2.25em; } }

.back-button {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 116%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: #495965 1px solid;
  overflow: hidden;
  transition: background 0.3s ease;
  cursor: pointer; }
  .back-button.back .arrow-wrap {
    left: -50%; }
  .back-button:hover {
    background: #495965; }
    .back-button:hover .arrow-wrap span {
      background: #fff; }
  .back-button .arrow-wrap {
    display: block;
    position: absolute;
    height: 70%;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left 0.3s ease; }
    .back-button .arrow-wrap span {
      height: 1px;
      left: 0;
      top: 50%;
      background: #495965;
      position: absolute;
      display: block;
      transition: background 0.3s ease; }
    .back-button .arrow-wrap .arrow-part-1 {
      width: 100%;
      transform: translate(0, -50%); }
    .back-button .arrow-wrap .arrow-part-2 {
      width: 60%;
      transform: rotate(-45deg);
      transform-origin: 0 0; }
    .back-button .arrow-wrap .arrow-part-3 {
      width: 60%;
      transform: rotate(45deg);
      transform-origin: 0 0; }

/* Common button styles */
.button {
  cursor: pointer;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.button:focus {
  outline: none; }

.button > span {
  vertical-align: middle; }

/* Aylen */
.button.button--aylen {
  background: #D6DB42;
  color: #495965;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.button--aylen.button--inverted {
  background: #dbdf57; }

.button--aylen::before,
.button--aylen::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--aylen::before {
  background: #d2d831; }

.button--aylen::after {
  background: #abaf21; }

.button--aylen:hover {
  border: 0;
  color: #000; }

.button--aylen:hover::before,
.button--aylen:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--aylen:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s; }

.horizontal-box {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 1em; }
  .horizontal-box.px-yellow-bg .horiz-card-heading,
  .horizontal-box.px-yellow-bg .horiz-card-text,
  .horizontal-box.px-yellow-bg .px-btn {
    color: #495965; }
  .horizontal-box.px-yellow-bg .px-btn {
    border: 2px solid #495965; }
  @media (min-width: 992px) {
    .horizontal-box {
      margin-bottom: 2em; } }
  .horizontal-box .horiz-card {
    padding-top: 1em;
    padding-bottom: 1em; }
    @media (min-width: 768px) {
      .horizontal-box .horiz-card {
        padding-top: 0;
        padding-bottom: 0; } }
  .horizontal-box .px-btn {
    display: inline-flex;
    margin-top: .75em; }
    @media (min-width: 768px) {
      .horizontal-box .px-btn {
        margin-top: 0; } }
  .horizontal-box .horiz-img-container {
    padding: .7em; }
    .horizontal-box .horiz-img-container .horiz-box-image {
      width: 100%;
      min-height: 13em;
      object-fit: cover; }
  @media (min-width: 1200px) {
    .horizontal-box .horiz-card-heading {
      padding-bottom: 1em; } }
  .horizontal-box .horiz-card-text {
    padding-left: 9%;
    padding-right: 9%; }
    @media (min-width: 992px) {
      .horizontal-box .horiz-card-text {
        padding-left: 19%;
        padding-right: 19%; } }
    @media (min-width: 992px) {
      .horizontal-box .horiz-card-text {
        padding-bottom: 1em; } }
    .horizontal-box .horiz-card-text div {
      padding-bottom: 1em; }

.half-banner-mask .image {
  background-size: cover;
  background-position: top;
  width: 100%;
  background-repeat: no-repeat;
  height: 14.5em; }
  @media (min-width: 576px) {
    .half-banner-mask .image {
      height: 18em; } }
  @media (min-width: 768px) {
    .half-banner-mask .image {
      height: 24.5em; } }
  @media (min-width: 992px) {
    .half-banner-mask .image {
      height: 24.5em; } }
  @media (min-width: 1200px) {
    .half-banner-mask .image {
      height: 28.5em; } }

.half-banner-mask.no-mask .image {
  background-position: center; }

.wide-banner .jumbotron {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 1rem 0 0 0;
  background-repeat: no-repeat;
  background-position: center;
  height: 14.5em;
  background-size: 250%, cover; }
  @media (min-width: 576px) {
    .wide-banner .jumbotron {
      height: 15em;
      background-size: 160%, cover; } }
  @media (min-width: 768px) {
    .wide-banner .jumbotron {
      height: 19em;
      background-position: center;
      background-size: 138%, 122%; } }
  @media (min-width: 992px) {
    .wide-banner .jumbotron {
      height: 24em;
      background-size: cover; } }
  @media (min-width: 1200px) {
    .wide-banner .jumbotron {
      height: 37em; } }

.caption h1 {
  margin: 0;
  padding-top: .2em;
  padding-bottom: .2em; }

.breadcrumbs-container--wide a,
.breadcrumbs-container a {
  color: #fff; }

.breadcrumbs-container--wide a:focus,
.breadcrumbs-container--wide a:active,
.breadcrumbs-container--wide a:hover,
.breadcrumbs-container a:focus,
.breadcrumbs-container a:active,
.breadcrumbs-container a:hover {
  color: #d9d9d9; }

.breadcrumbs-container--wide span.active,
.breadcrumbs-container span.active {
  color: #d9d9d9; }

.breadcrumbs-container {
  z-index: 999; }
  @media (min-width: 576px) {
    .breadcrumbs-container {
      position: absolute;
      padding-top: 1em; } }
  @media (min-width: 768px) {
    .breadcrumbs-container {
      left: 7%;
      width: 28%; } }
  @media (min-width: 992px) {
    .breadcrumbs-container {
      left: 13%; } }

.banner-text-container {
  text-align: center;
  background: #fff;
  padding-top: 1em; }
  .banner-text-container h1 {
    margin: 0;
    color: #D6DB42; }
    @media (min-width: 1200px) {
      .banner-text-container h1 {
        margin: 2rem 0; } }
  .banner-text-container p {
    margin-top: 1em;
    padding-bottom: 0;
    padding-left: 1em;
    padding-right: 1em; }
    @media (min-width: 1200px) {
      .banner-text-container p {
        padding-left: 0;
        padding-right: 0; } }
  .banner-text-container li, .banner-text-container p {
    color: #495965; }
  @media (min-width: 400px) {
    .banner-text-container {
      padding-top: 0;
      text-align: left;
      background: #919BA2; }
      .banner-text-container h1 {
        margin-bottom: 0.5rem; }
      .banner-text-container p {
        margin-top: 0;
        padding-bottom: 1em; } }
    @media (min-width: 576px) and (min-width: 768px) {
      .banner-text-container p {
        padding-bottom: 0; } }
    @media (min-width: 576px) and (min-width: 1200px) {
      .banner-text-container p {
        padding-bottom: 2em; } }
  @media (min-width: 576px) {
      .banner-text-container h1, .banner-text-container p, .banner-text-container li {
        color: #fff; } }
  @media (min-width: 1200px) {
    .banner-text-container {
      padding-top: 0;
      width: 74%;
      left: 9%; } }
  .banner-text-container.banner-text-container--outer {
    max-height: 28em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 1200px) {
      .banner-text-container.banner-text-container--outer {
        padding-left: 1em;
        padding-right: 1em; } }
  @media (min-width: 992px) {
    .banner-text-container.banner-list-container {
      left: 8%;
      width: 73%; } }
  @media (min-width: 1200px) {
    .banner-text-container.banner-list-container {
      width: 79%; } }
  .banner-text-container.banner-list-container ul {
    text-align: center;
    list-style-type: none;
    -webkit-margin-before: 2em;
    -webkit-margin-after: 1em;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0; }
    @media (min-width: 992px) {
      .banner-text-container.banner-list-container ul {
        text-align: left;
        -webkit-margin-start: 0;
        -webkit-margin-after: 2em;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2; } }
    @media (min-width: 1200px) {
      .banner-text-container.banner-list-container ul {
        -webkit-margin-after: 3em;
        -webkit-margin-before: 4em; } }

.carousel-banner {
  text-align: center; }
  .carousel-banner .banner-text-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #fff; }
    .carousel-banner .banner-text-container.banner-text-container--outer {
      padding-bottom: 5em;
      padding-top: 1em; }
      @media (min-width: 768px) {
        .carousel-banner .banner-text-container.banner-text-container--outer {
          padding-top: 2em;
          padding-bottom: 4em; } }
      @media (min-width: 992px) {
        .carousel-banner .banner-text-container.banner-text-container--outer {
          padding-top: 1em;
          padding-bottom: 2em; } }
      @media (min-width: 1200px) {
        .carousel-banner .banner-text-container.banner-text-container--outer {
          padding-top: 0; } }
  .carousel-banner h1 {
    width: 90%;
    margin-left: 5%; }
  .carousel-banner h1,
  .carousel-banner p {
    color: #707070; }
  .carousel-banner .px-btn {
    width: 33.33333%;
    margin-left: 33.33333%;
    padding: 1.1em 0;
    font-size: 14px; }
    @media (min-width: 768px) {
      .carousel-banner .px-btn {
        width: 33.33333%;
        margin-left: 33.33333%; } }
    @media (min-width: 992px) {
      .carousel-banner .px-btn {
        width: 33.33333%;
        margin-left: 33.33333%; } }
    @media (min-width: 576px) {
      .carousel-banner .px-btn {
        font-size: 14px; } }
    @media (min-width: 768px) {
      .carousel-banner .px-btn {
        font-size: 14.62px; } }
    @media (min-width: 992px) {
      .carousel-banner .px-btn {
        font-size: 15.33px; } }
    @media (min-width: 1200px) {
      .carousel-banner .px-btn {
        font-size: 16px; } }
  .carousel-banner .hr {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 72%;
    margin-left: 14%; }
    @media (min-width: 768px) {
      .carousel-banner .hr {
        margin-top: 0; } }
  .carousel-banner .image {
    background-size: auto 101%; }
    @media (min-width: 576px) {
      .carousel-banner .image {
        height: 22em; } }
    @media (min-width: 768px) {
      .carousel-banner .image {
        height: 28.5em; } }
    @media (min-width: 992px) {
      .carousel-banner .image {
        height: 29.5em; } }
    @media (min-width: 1200px) {
      .carousel-banner .image {
        height: 34.5em; } }
  .carousel-banner .article-images-title {
    min-height: 2em; }
    @media (min-width: 1200px) {
      .carousel-banner .article-images-title {
        min-height: 3em; } }

.slideshow-container {
  /* Slides */
  /* Next & previous buttons */
  /* On hover, add a black background color with a little bit see-through */
  /* The dot/bullet/indicator container */
  /* The dots/bullets/indicators */
  /* Add a background color to the active dot/circle */ }
  .slideshow-container .bannerSlides:first-child {
    display: flex;
    opacity: 1;
    transition: all 0.8s cubic-bezier(0.22, 0.43, 0.8, 0.91); }
  .slideshow-container .bannerSlides {
    background: #fff;
    display: none;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.22, 0.43, 0.8, 0.91); }
  .slideshow-container .bannerSlides:first-child {
    display: flex; }
  .slideshow-container a.prev, .slideshow-container a.next {
    cursor: pointer;
    width: auto;
    padding: 12px;
    color: #fff;
    font-size: 20px;
    user-select: none;
    height: 35px;
    border-radius: 100px;
    line-height: 12px;
    background: #BABABA;
    margin-bottom: 7px;
    margin-top: 7px; }
  .slideshow-container .prev:hover, .slideshow-container .next:hover {
    background-color: #5C6B75;
    color: white !important; }
  .slideshow-container .dot-container {
    text-align: center;
    padding: 14px; }
  .slideshow-container .bannerDot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #BABABA;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease; }
  .slideshow-container .active, .slideshow-container .dot:hover {
    background-color: #D6DB42; }
  .slideshow-container .controls-column {
    display: flex;
    justify-content: center;
    top: -4em;
    z-index: 999; }
    @media (min-width: 576px) {
      .slideshow-container .controls-column {
        top: -4em; } }
    @media (min-width: 992px) {
      .slideshow-container .controls-column {
        top: -4em; } }
    @media (min-width: 1200px) {
      .slideshow-container .controls-column {
        top: -4em;
        left: 4%; } }

.qa-box-container {
  padding-top: 2em; }
  @media (min-width: 576px) {
    .qa-box-container {
      padding-top: 3em; } }
  @media (min-width: 768px) {
    .qa-box-container {
      padding-top: 4em; } }
  @media (min-width: 992px) {
    .qa-box-container {
      padding-top: 5em; } }
  @media (min-width: 1200px) {
    .qa-box-container {
      padding-top: 6em; } }
  .qa-box-container .qa-col {
    padding: .5em 0; }
    @media (min-width: 576px) {
      .qa-box-container .qa-col {
        padding: .5em .5em; } }
    @media (min-width: 768px) {
      .qa-box-container .qa-col {
        padding: 1em .5em; } }
    @media (min-width: 992px) {
      .qa-box-container .qa-col {
        padding: 1em .5em 2em .5em; } }
  .qa-box-container .qa-col:last-child {
    margin-bottom: 1em; }
    @media (min-width: 768px) {
      .qa-box-container .qa-col:last-child {
        margin-bottom: 2em; } }
    @media (min-width: 992px) {
      .qa-box-container .qa-col:last-child {
        margin-bottom: 3em; } }
    @media (min-width: 1200px) {
      .qa-box-container .qa-col:last-child {
        margin-bottom: 4em; } }
  @media (min-width: 768px) {
    .qa-box-container .qa-col:first-child:nth-last-child(3n+1) ~ .qa-col:last-child {
      left: 25%; } }
  @media (min-width: 1200px) {
    .qa-box-container .qa-col:first-child:nth-last-child(3n+1) ~ .qa-col:last-child {
      left: 33.333333%; } }
  .qa-box-container .container-fluid {
    width: 88%;
    left: 6%; }
  .qa-box-container .qa-box-row {
    min-height: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    display: flex;
    align-items: center; }
    @media (min-width: 768px) {
      .qa-box-container .qa-box-row {
        min-height: 6em;
        padding-top: 1em;
        padding-bottom: 1em; } }
    @media (min-width: 992px) {
      .qa-box-container .qa-box-row {
        padding-top: 0;
        padding-bottom: 0; } }
  .qa-box-container .qa-box--green {
    border: 2px solid #F2F4C5; }
    @media (min-width: 576px) {
      .qa-box-container .qa-box--green {
        border: 3px solid #F2F4C5; } }
  .qa-box-container .qa-box--grey {
    border: 2px solid #D3D3D3; }
    @media (min-width: 576px) {
      .qa-box-container .qa-box--grey {
        border: 3px solid #D3D3D3; } }
  .qa-box-container h4 {
    margin-bottom: 0; }
  .qa-box-container .qa-icon {
    margin-left: .5em;
    margin-right: 1em;
    display: flex;
    align-self: center; }
    @media (min-width: 992px) {
      .qa-box-container .qa-icon {
        margin-left: 1.5em;
        margin-right: 2em; } }
    .qa-box-container .qa-icon.icon-question, .qa-box-container .qa-icon.icon-answer {
      width: 2em;
      height: 2em; }
      @media (min-width: 576px) {
        .qa-box-container .qa-icon.icon-question, .qa-box-container .qa-icon.icon-answer {
          width: 2.5em;
          height: 2.5em; } }
  .qa-box-container .qa-title {
    width: 72%; }
  .qa-box-container .qa-answer {
    line-height: 25px; }
    @media (min-width: 576px) {
      .qa-box-container .qa-answer {
        width: 73%; } }
    @media (min-width: 992px) {
      .qa-box-container .qa-answer {
        width: 77%; } }
  .qa-box-container .second-row {
    min-height: 0; }
    @media (min-width: 576px) {
      .qa-box-container .second-row {
        min-height: 7em; } }

.key-benefits-container {
  padding-bottom: 6em; }
  @media (min-width: 576px) {
    .key-benefits-container {
      padding-bottom: 7em; } }
  @media (min-width: 768px) {
    .key-benefits-container {
      padding-bottom: 8em; } }
  @media (min-width: 992px) {
    .key-benefits-container {
      padding-bottom: 9em; } }
  @media (min-width: 1200px) {
    .key-benefits-container {
      padding-bottom: 10em; } }
  @media (min-width: 1200px) {
    .key-benefits-container .container-fluid {
      width: 87%; } }
  @media (min-width: 1200px) {
    .key-benefits-container .left-image {
      position: absolute;
      left: -76%; } }
  @media (min-width: 1200px) {
    .key-benefits-container .right-image {
      position: absolute;
      left: 125%; } }
  .key-benefits-container .lead-paragraph {
    padding-top: 0;
    padding-bottom: 2em; }
    @media (min-width: 576px) {
      .key-benefits-container .lead-paragraph {
        padding-top: 2em; } }
    @media (min-width: 992px) {
      .key-benefits-container .lead-paragraph {
        padding-top: 3em;
        padding-bottom: 3em; } }
  .key-benefits-container .key-benefits-row .key-benefits-col {
    padding-bottom: 1em; }
    @media (min-width: 992px) {
      .key-benefits-container .key-benefits-row .key-benefits-col {
        padding-bottom: 2em; } }
    .key-benefits-container .key-benefits-row .key-benefits-col .second-row {
      width: 76%;
      margin-left: 12%;
      padding-top: 1em;
      line-height: 24px; }
    .key-benefits-container .key-benefits-row .key-benefits-col .marketing-gallery-title {
      padding: .75em 0; }
    .key-benefits-container .key-benefits-row .key-benefits-col.key-benefits-col--green .marketing-gallery-title {
      border-bottom: 5px solid #D6DB42;
      border-top: 5px solid #D6DB42;
      background: #F6F7D8; }
      @media (min-width: 992px) {
        .key-benefits-container .key-benefits-row .key-benefits-col.key-benefits-col--green .marketing-gallery-title {
          border-bottom: 7px solid #D6DB42;
          border-top: 7px solid #D6DB42; } }
    .key-benefits-container .key-benefits-row .key-benefits-col.key-benefits-col--blue .marketing-gallery-title {
      border-bottom: 5px solid #495965;
      border-top: 5px solid #495965; }
      @media (min-width: 992px) {
        .key-benefits-container .key-benefits-row .key-benefits-col.key-benefits-col--blue .marketing-gallery-title {
          border-bottom: 7px solid #495965;
          border-top: 7px solid #495965; } }
  @media (min-width: 768px) {
    .key-benefits-container .key-benefits-row .key-benefits-col:first-child:nth-last-child(3n+1) ~ .key-benefits-col:last-child {
      left: 25%; } }
  @media (min-width: 1200px) {
    .key-benefits-container .key-benefits-row .key-benefits-col:first-child:nth-last-child(3n+1) ~ .key-benefits-col:last-child {
      left: 33.333333%; } }

@media (min-width: 576px) {
  .steps-gallery-container .container-fluid {
    width: 90%; } }

@media (min-width: 1200px) {
  .steps-gallery-container .container-fluid {
    width: 87%; } }

.steps-gallery-container .step-gallery-row {
  padding-top: 1em; }
  @media (min-width: 576px) {
    .steps-gallery-container .step-gallery-row {
      padding-top: 2em; } }
  @media (min-width: 1200px) {
    .steps-gallery-container .step-gallery-row {
      padding-top: 3em; } }

.steps-gallery-container .introductory-row {
  padding-top: 3em; }
  @media (min-width: 576px) {
    .steps-gallery-container .introductory-row {
      padding-top: 4em; } }
  @media (min-width: 1200px) {
    .steps-gallery-container .introductory-row {
      padding-top: 5em; } }

.steps-gallery-container .step-title-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
  height: 3em; }
  .steps-gallery-container .step-title-row .step-title {
    margin-bottom: 0;
    display: flex;
    margin-left: 0;
    align-self: center; }
    @media (min-width: 768px) {
      .steps-gallery-container .step-title-row .step-title {
        margin-left: 2em; } }
  .steps-gallery-container .step-title-row .step-icon {
    align-self: center; }

.steps-gallery-container .step-image {
  width: 100%;
  height: 14em;
  padding: 0;
  object-fit: contain;
  border: 1px solid black; }
  @media (min-width: 576px) {
    .steps-gallery-container .step-image {
      padding: .5em;
      height: 18em; } }
  @media (min-width: 768px) {
    .steps-gallery-container .step-image {
      height: 16em; } }
  @media (min-width: 992px) {
    .steps-gallery-container .step-image {
      height: 19em; } }
  @media (min-width: 1200px) {
    .steps-gallery-container .step-image {
      padding: 1em;
      height: 22em; } }

.steps-gallery-container .step-image-caption {
  padding-top: 1em;
  padding-bottom: 1em; }
  @media (min-width: 1200px) {
    .steps-gallery-container .step-image-caption {
      padding-top: 2em;
      padding-bottom: 4em; } }

.steps-gallery-container .empty-slot-image {
  width: 100%;
  height: 26em;
  object-fit: cover; }
  @media (min-width: 1200px) {
    .steps-gallery-container .empty-slot-image {
      padding-top: 4em; } }

.exchange-work-steps .row {
  padding: 0; }
  @media (min-width: 992px) {
    .exchange-work-steps .row {
      padding: 0 1em 0 1em; } }
  @media (min-width: 992px) {
    .exchange-work-steps .row:last-child {
      padding: 0 1em 6em 1em; } }
  @media (min-width: 992px) {
    .exchange-work-steps .row:last-child {
      padding: 0 1em 7em 1em; } }

.exchange-work-steps .intro-text {
  max-width: 88%;
  margin-left: 6%;
  padding-bottom: 2em;
  padding-top: 2em; }
  @media (min-width: 992px) {
    .exchange-work-steps .intro-text {
      padding-bottom: 4em;
      padding-top: 4em; } }

.exchange-work-steps .steps-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .5em 0; }
  @media (min-width: 576px) {
    .exchange-work-steps .steps-column {
      padding: 0 1em 1em 1em; } }
  @media (min-width: 992px) {
    .exchange-work-steps .steps-column {
      padding: 0; } }
  @media (min-width: 1200px) {
    .exchange-work-steps .steps-column {
      padding: 0 .5em; } }
  .exchange-work-steps .steps-column .step-box {
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    height: 7em;
    border-color: #D6DB42;
    border-style: solid;
    border-width: 3px 1px 3px 3px;
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 576px) {
      .exchange-work-steps .steps-column .step-box {
        height: 8em; } }
    @media (min-width: 768px) {
      .exchange-work-steps .steps-column .step-box {
        height: 10em; } }
    @media (min-width: 992px) {
      .exchange-work-steps .steps-column .step-box {
        height: 10em; } }
    @media (min-width: 1200px) {
      .exchange-work-steps .steps-column .step-box {
        height: 13em; } }
    @media (min-width: 576px) {
      .exchange-work-steps .steps-column .step-box {
        border-width: 4px 2px 4px 4px; }
        .exchange-work-steps .steps-column .step-box.step-box--right {
          border-width: 4px 2px 4px 0; } }
    @media (min-width: 992px) {
      .exchange-work-steps .steps-column .step-box {
        border-width: 6px 3px 6px 6px; }
        .exchange-work-steps .steps-column .step-box.step-box--right {
          border-width: 6px 3px 6px 6px; } }
    @media (min-width: 1200px) {
      .exchange-work-steps .steps-column .step-box {
        border-width: 8px 4px 8px 8px;
        padding-bottom: 1em;
        padding-top: 1em; }
        .exchange-work-steps .steps-column .step-box.step-box--right {
          border-width: 8px 4px 8px 8px; } }
    .exchange-work-steps .steps-column .step-box .step {
      font-size: 14px;
      text-transform: uppercase; }
      @media (min-width: 576px) {
        .exchange-work-steps .steps-column .step-box .step {
          font-size: 14.01px; } }
      @media (min-width: 768px) {
        .exchange-work-steps .steps-column .step-box .step {
          font-size: 15.85px; } }
      @media (min-width: 992px) {
        .exchange-work-steps .steps-column .step-box .step {
          font-size: 18px; } }
      @media (min-width: 1200px) {
        .exchange-work-steps .steps-column .step-box .step {
          font-size: 20px; } }
    .exchange-work-steps .steps-column .step-box .number {
      font-size: 6em;
      font-weight: 900;
      line-height: .8em; }
      @media (min-width: 576px) {
        .exchange-work-steps .steps-column .step-box .number {
          font-size: 7em; } }
      @media (min-width: 768px) {
        .exchange-work-steps .steps-column .step-box .number {
          font-size: 8em; } }
      @media (min-width: 992px) {
        .exchange-work-steps .steps-column .step-box .number {
          font-size: 9em; } }
      @media (min-width: 1200px) {
        .exchange-work-steps .steps-column .step-box .number {
          font-size: 10em; } }
  .exchange-work-steps .steps-column .step-description {
    max-width: 100%;
    width: 100%;
    height: 7em;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    border-color: #D6DB42;
    border-style: solid;
    border-width: 3px 3px 3px 1px;
    display: flex; }
    @media (min-width: 576px) {
      .exchange-work-steps .steps-column .step-description {
        height: 8em; } }
    @media (min-width: 768px) {
      .exchange-work-steps .steps-column .step-description {
        height: 10em; } }
    @media (min-width: 992px) {
      .exchange-work-steps .steps-column .step-description {
        height: 10em; } }
    @media (min-width: 1200px) {
      .exchange-work-steps .steps-column .step-description {
        height: 13em; } }
    @media (min-width: 576px) {
      .exchange-work-steps .steps-column .step-description {
        border-width: 4px 4px 4px 2px; } }
    @media (min-width: 992px) {
      .exchange-work-steps .steps-column .step-description {
        border-width: 6px 6px 6px 3px; } }
    @media (min-width: 1200px) {
      .exchange-work-steps .steps-column .step-description {
        border-width: 8px 8px 8px 4px; } }
    .exchange-work-steps .steps-column .step-description .step-text {
      padding-top: .5em;
      padding-left: .5em;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (min-width: 576px) {
        .exchange-work-steps .steps-column .step-description .step-text {
          padding-top: 1em;
          padding-left: 1em; } }
      @media (min-width: 992px) {
        .exchange-work-steps .steps-column .step-description .step-text {
          width: 60%; } }
      @media (min-width: 1200px) {
        .exchange-work-steps .steps-column .step-description .step-text {
          width: 50%; } }
      .exchange-work-steps .steps-column .step-description .step-text p {
        margin-bottom: 1rem;
        line-height: 1.25em; }
        @media (min-width: 768px) {
          .exchange-work-steps .steps-column .step-description .step-text p {
            line-height: 1.35em; } }
      .exchange-work-steps .steps-column .step-description .step-text span {
        display: inline-block; }
        @media (min-width: 576px) {
          .exchange-work-steps .steps-column .step-description .step-text span {
            display: initial; } }
    .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
      line-height: 1.5em;
      font-size: 14px; }
      @media (min-width: 576px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          line-height: 1.5em; } }
      @media (min-width: 768px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          line-height: 2em; } }
      @media (min-width: 992px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          line-height: 1.25em; } }
      @media (min-width: 1200px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          line-height: 1.5em; } }
      @media (min-width: 576px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          font-size: 14px; } }
      @media (min-width: 768px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          font-size: 14.92px; } }
      @media (min-width: 992px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          font-size: 16px; } }
      @media (min-width: 1200px) {
        .exchange-work-steps .steps-column .step-description .step-text, .exchange-work-steps .steps-column .step-description .step-text a {
          font-size: 17px; } }
  .exchange-work-steps .steps-column.xs-white-lg-green-bg-step .step-box {
    background: #fff; }
    .exchange-work-steps .steps-column.xs-white-lg-green-bg-step .step-box div {
      color: #D6DB42; }
  @media (min-width: 992px) {
    .exchange-work-steps .steps-column.xs-white-lg-green-bg-step .step-box {
      background: #D6DB42; }
      .exchange-work-steps .steps-column.xs-white-lg-green-bg-step .step-box div {
        color: #fff; } }
  .exchange-work-steps .steps-column.xs-green-lg-white-bg-step .step-box {
    background: #D6DB42; }
    .exchange-work-steps .steps-column.xs-green-lg-white-bg-step .step-box div {
      color: #fff; }
  @media (min-width: 992px) {
    .exchange-work-steps .steps-column.xs-green-lg-white-bg-step .step-box {
      background: #fff; }
      .exchange-work-steps .steps-column.xs-green-lg-white-bg-step .step-box div {
        color: #D6DB42; } }
  .exchange-work-steps .steps-column.white-bg-step .step-box {
    background: #fff; }
    .exchange-work-steps .steps-column.white-bg-step .step-box div {
      color: #D6DB42; }
  .exchange-work-steps .steps-column.green-bg-step .step-box {
    background: #D6DB42; }
    .exchange-work-steps .steps-column.green-bg-step .step-box div {
      color: #fff; }

.exchange-work-steps .full-width-row .step-description,
.exchange-work-steps .full-width-row .step-box {
  height: 14em; }
  @media (min-width: 576px) {
    .exchange-work-steps .full-width-row .step-description,
    .exchange-work-steps .full-width-row .step-box {
      height: 12em; } }
  @media (min-width: 768px) {
    .exchange-work-steps .full-width-row .step-description,
    .exchange-work-steps .full-width-row .step-box {
      height: 10em; } }
  @media (min-width: 992px) {
    .exchange-work-steps .full-width-row .step-description,
    .exchange-work-steps .full-width-row .step-box {
      height: 10em; } }
  @media (min-width: 1200px) {
    .exchange-work-steps .full-width-row .step-description,
    .exchange-work-steps .full-width-row .step-box {
      height: 13em; } }

@media (min-width: 992px) {
  .exchange-work-steps .full-width-row .step-description {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%; }
  .exchange-work-steps .full-width-row .step-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%; } }

@media (min-width: 992px) and (min-width: 992px) {
  .exchange-work-steps .full-width-row .steps-column .step-description div.step-text {
    width: 75%; } }

@media (min-width: 992px) and (min-width: 1200px) {
  .exchange-work-steps .full-width-row .steps-column .step-description div.step-text {
    width: 69%; } }

@media (min-width: 992px) {
  .exchange-work-steps .full-width-row .steps-column .step-description img.step-image {
    width: 43%; } }

.arrow-down-container {
  display: flex;
  justify-content: center; }
  @media (min-width: 992px) {
    .arrow-down-container img {
      height: 6em;
      width: 4em; } }
  @media (min-width: 1200px) {
    .arrow-down-container img {
      height: 7em;
      width: 5em; } }

.step-icon {
  position: absolute;
  right: 0;
  transform: scale(0.6); }
  @media (min-width: 768px) {
    .step-icon {
      left: 0;
      transform: scale(0.65); } }
  @media (min-width: 992px) {
    .step-icon {
      margin-left: .4em;
      transform: scale(0.7); } }
  @media (min-width: 1200px) {
    .step-icon {
      margin-left: .5em;
      transform: scale(0.75); } }

.step-description .step-icon {
  left: initial; }
  @media (min-width: 992px) {
    .step-description .step-icon {
      right: -37%;
      transform: scale(0.2); } }
  @media (min-width: 1200px) {
    .step-description .step-icon {
      right: -20%;
      transform: scale(0.4); } }

@media (min-width: 768px) {
  .full-width-row .step-description .step-icon {
    transform: scale(0.25); } }

@media (min-width: 992px) {
  .full-width-row .step-description .step-icon {
    right: -23%;
    transform: scale(0.25); } }

@media (min-width: 1200px) {
  .full-width-row .step-description .step-icon {
    right: -12%;
    transform: scale(0.45); } }

.step-icon-5, .step-icon-1, .step-icon-2, .step-icon-3, .step-icon-4,
.step-icon-6, .step-icon-7 {
  display: inline-block;
  background: url("sprite/steps.gif") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left; }

.step-icon-5 {
  background-position: -0px -0px;
  width: 700px;
  height: 221px; }

.step-icon-1 {
  background-position: -0px -228px;
  width: 500px;
  height: 285px; }

.step-icon-2 {
  background-position: -0px -526px;
  width: 500px;
  height: 256px; }

.step-icon-3 {
  background-position: -0px -784px;
  width: 500px;
  height: 257px; }

.step-icon-4 {
  background-position: -0px -1042px;
  width: 500px;
  height: 266px; }

.step-icon-6 {
  background-position: -0px -1310px;
  width: 500px;
  height: 139px; }

.step-icon-7 {
  background-position: -0px -1455px;
  width: 500px;
  height: 356px; }

.step-match {
  min-height: 10em; }
  @media (min-width: 576px) {
    .step-match {
      min-height: 100%; } }

.pxp-form .main-container {
  padding-bottom: 6em; }
  @media (min-width: 1200px) {
    .pxp-form .main-container {
      padding-bottom: 8em; } }

.pxp-form.contact-form .pxp-form-group:first-child {
  padding-top: 1em; }

.pxp-form .intro-text {
  padding: 2em 0 1em; }

.pxp-form .yellow-bg input {
  border: 0; }

.pxp-form .yellow-bg .form-msg .mail-list {
  border-top: 1px solid #d0d389; }

.pxp-form .form-msg {
  padding: 20px 0; }
  .pxp-form .form-msg .text-danger {
    font-size: 0.875em;
    font-weight: 300;
    color: #dd413a !important;
    margin: 0;
    text-transform: uppercase; }
  .pxp-form .form-msg p {
    font-size: 0.875em;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    line-height: 150%; }
    .pxp-form .form-msg p.success {
      color: #009900; }
  .pxp-form .form-msg .mail-list {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #bdc3c8; }
    .pxp-form .form-msg .mail-list p {
      font-size: 0.875em;
      font-weight: 300;
      color: #009900;
      margin: 0;
      line-height: 150%;
      text-transform: initial; }
      .pxp-form .form-msg .mail-list p a {
        color: #cccccc; }

.pxp-form label,
.pxp-form .btn,
.pxp-form h2 {
  text-transform: uppercase; }

.pxp-form form {
  padding-right: 0; }
  @media (min-width: 1200px) {
    .pxp-form form {
      padding-top: 2em;
      padding-right: 2em; } }
  .pxp-form form input {
    height: 3em; }
    .pxp-form form input.chk {
      width: 20px;
      display: inline;
      margin: 0; }
  .pxp-form form select.form-control:not([size]):not([multiple]) {
    height: 3em; }
  .pxp-form form .pxp-form-group:first-child {
    padding-top: 2em; }
    @media (min-width: 576px) {
      .pxp-form form .pxp-form-group:first-child {
        padding-top: 3em; } }
    @media (min-width: 768px) {
      .pxp-form form .pxp-form-group:first-child {
        padding-top: 4em; } }
    @media (min-width: 992px) {
      .pxp-form form .pxp-form-group:first-child {
        padding-top: 5em; } }
    @media (min-width: 1200px) {
      .pxp-form form .pxp-form-group:first-child {
        padding-top: 6em; } }
  .pxp-form form .pxp-form-group:not(:first-child) {
    padding-top: 2em; }
  .pxp-form form .form-group--select,
  .pxp-form form .form-group--textarea {
    padding-top: 2em; }
  .pxp-form form textarea {
    height: 10em; }

.pxp-form .pxp-form-image {
  width: 100%;
  margin-top: -3em; }
  @media (min-width: 1200px) {
    .pxp-form .pxp-form-image {
      margin-top: -4em; } }

.pxp-form .text-danger {
  font-size: .875em;
  font-weight: 100;
  text-transform: uppercase;
  display: block;
  color: #dd413a !important;
  margin-top: 6px; }

.pxp-form-btn {
  margin-top: 2em;
  background: white;
  padding: 1em;
  width: 13em;
  border-radius: 9px; }
  @media (min-width: 1200px) {
    .pxp-form-btn {
      padding: 1.5em; } }

.pxp-form-btn {
  text-transform: uppercase; }

.small-pxp-form-image {
  width: 100%; }

.download-container {
  padding-top: 4em; }
  @media (min-width: 576px) {
    .download-container {
      padding: 0;
      position: absolute;
      bottom: 0; } }

.login-form {
  /* Change styles for span and cancel button on extra small screens */ }
  .login-form form {
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .login-form .caption {
    color: #2296b3;
    font-weight: 700;
    font-size: 19px;
    text-align: left;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #BABABA; }
  .login-form label,
  .login-form .caption {
    text-transform: uppercase; }
  .login-form label {
    color: #969696; }
  .login-form input[type=text], .login-form input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box; }
  .login-form button {
    background: #D6DB42;
    color: ligten(#000, 10%);
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%; }
  .login-form button:hover {
    opacity: 0.8; }
  .login-form .imgcontainer {
    margin: 24px 0 12px 0;
    text-align: left; }
    .login-form .imgcontainer img {
      width: 74%;
      padding-left: 1em; }
  .login-form .container {
    padding: 16px; }
  .login-form span.psw {
    float: right;
    padding-top: 1em; }
    .login-form span.psw a {
      color: #2296b3;
      font-size: 1em; }
  @media screen and (max-width: 300px) {
    .login-form span.psw {
      display: block;
      float: none; }
    .login-form .cancelbtn {
      width: 100%; } }

.full-height-html {
  height: 100%; }

.v-cent-body-helper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.section-policy a {
  color: #495965; }

.section-policy:hover {
  color: #5C6B75; }

#cookie_control {
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  margin-bottom: 0; }

#cookie_control > p {
  font-size: 1em;
  font-weight: 400;
  margin: 20px 0;
  line-height: 140%; }

#cookie_control:after {
  display: block;
  content: '';
  clear: both; }

#cookie_control .cookie-saved {
  display: none;
  padding: 20px;
  background-color: #5C6B75;
  text-align: center; }

#cookie_control .cookie-saved p {
  font-size: 1.25em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase; }

.cookie-section {
  margin: 40px 0; }

.section-head {
  padding: 10px;
  margin-bottom: 0;
  background-color: #eee;
  border-bottom: 1px solid #ddd; }

.section-head:after {
  display: block;
  content: '';
  clear: both; }

.cookie-section .section-title {
  font-size: 1em;
  float: left;
  width: 50%; }

.cookie-section .section-title > h2 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin: 0;
  font-size: 1.25em;
  font-weight: 700;
  color: #495965; }

.cookie-section .section-status {
  font-size: 1em;
  text-align: right;
  float: right;
  width: 50%;
  position: relative; }

.cookie-section .section-status > .status {
  position: absolute;
  right: 52px;
  top: 4px;
  font-weight: 700;
  text-transform: uppercase; }

.cookie-section .section-status > .active {
  color: #5C6B75; }

.cookie-section .section-status > .inactive {
  color: #495965; }

.cookie-section:after {
  display: block;
  content: '';
  clear: both; }

.cookie-section .section-intro {
  padding: 10px; }

.cookie-section > .section-intro p {
  font-size: .875em;
  font-weight: 400;
  line-height: 140%;
  text-align: left; }

.cookie-section > .table {
  display: table;
  width: 100%; }

.table > .header {
  display: table-row; }

.table > .header p {
  font-size: .688em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0; }

.table > .section-row {
  display: table-row; }

.table > .section-row p {
  font-size: .875em;
  margin: 0; }

.table .cell {
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid #444; }

.table > .section-row > .cookie-name {
  width: 20%; }

.table > .section-row > .cookie-details {
  width: 60%; }

.table > .section-row > .cookie-expiry {
  width: 20%; }

.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px; }

.switch input {
  display: none; }

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #5C6B75; }

input:focus + .slider {
  box-shadow: 0 0 1px #5C6B75; }

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px); }

.slider.round {
  border-radius: 24px; }

.slider.round:before {
  border-radius: 50%; }

.cookie-warning {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  position: fixed;
  bottom: -100%;
  left: 0;
  z-index: 10000;
  width: 100%;
  background-color: #fff;
  padding: 30px;
  opacity: 0;
  box-shadow: 0 -2px 2px rgba(73, 89, 101, 0.4);
  webkit-transition: bottom 1s ease-in-out .2s, box-shadow 1s ease-in-out .2s;
  -moz-transition: bottom 1s ease-in-out .2s, box-shadow 1s ease-in-out .2s;
  transition: bottom 1s ease-in-out .2s, box-shadow 1s ease-in-out .2s; }

.cookie-warning h4 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
  color: #495965;
  margin: 0; }

.cookie-warning p {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: #495965;
  font-size: .875em;
  font-weight: 400;
  margin: 20px 0; }

.cookie-warning.open {
  bottom: 0;
  opacity: 1; }

a.cookie-accept {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  padding: 10px;
  font-size: .875rem;
  color: #fff;
  background-color: #5C6B75;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-right: 20px;
  text-decoration: none;
  text-transform: uppercase; }

a.cookie-accept:hover {
  color: #fff;
  background-color: #5C6B75 !important; }

a.cookie-reject {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  padding: 10px;
  font-size: .875rem;
  color: #fff;
  background-color: #5C6B75;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-right: 20px;
  text-decoration: none;
  text-transform: uppercase; }

a.cookie-reject:hover {
  color: #fff;
  background-color: #5C6B75 !important; }

a.cookie-settings {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: #5C6B75;
  font-size: .875em;
  padding: 10px;
  background-color: transparent; }

a.cookie-settings:hover {
  text-decoration: underline; }

a.cookie-save {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  padding: 10px;
  font-size: .875rem;
  color: #fff;
  background-color: #5C6B75;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
  float: right; }

a.cookie-save:hover {
  color: #fff;
  background-color: #5C6B75 !important; }

/* policy page */
.no-bullet-points {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#accordion ul li a {
  display: block;
  text-decoration: none;
  padding: 20px 0; }

.content-wrap {
  display: none; }

.content {
  padding: 10px 20px; }

#accordion ul li .content-wrap a {
  display: inline;
  padding: 0; }

.content-wrap p:first-of-type {
  margin-top: 0; }

.content-wrap p:last-of-type {
  margin-bottom: 0; }

.content-wrap .content table {
  width: 60%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #999999; }

.content-wrap .content table tr td {
  padding: 6px;
  border: 1px solid #999999; }

.content-wrap .content table tr td p {
  margin: 10px 0; }

.content-wrap .content table tr td p:first-of-type {
  margin-top: 0; }

.content-wrap .content table tr td p:last-of-type {
  margin-bottom: 0; }

.offer-container {
  margin: 40px 0; }
  .offer-container h1 {
    font-family: "museo-sans",sans-serif,sans;
    font-size: 1.5em;
    margin-bottom: 40px;
    font-weight: 700;
    line-height: 140%;
    color: inherit; }
    @media (min-width: 768px) {
      .offer-container h1 {
        font-size: 2em; } }
  .offer-container .sub-header {
    background-color: #d6db42;
    padding: 40px 15px; }
    .offer-container .sub-header h2 {
      font-family: "museo-sans",sans-serif,sans;
      font-size: 1.25em;
      margin: 0;
      font-weight: 500;
      line-height: 140%;
      color: inherit; }
      @media (min-width: 768px) {
        .offer-container .sub-header h2 {
          font-size: 1.5em; } }
  .offer-container .form-wrap {
    padding: 40px 0;
    background-color: #B6BCC1;
    border-bottom: 4px solid #ECEFA9;
    /* clients */ }
    @media (min-width: 1200px) {
      .offer-container .form-wrap .form-container {
        max-width: 1200px; } }
    .offer-container .form-wrap .pxp-form-group {
      margin-bottom: 20px;
      /* Styles for hiding the native checkbox */
      /* Styles for the basic appearance of the custom checkbox */
      /* Styles for the hover state appearance of the custom checkbox */
      /* Styles for the focus state appearance of the custom checkbox */
      /* Styles for the checked state appearance of the custom checkbox */
      /*.form-checkbox:checked::before {
                position: absolute;
                font: 13px/1 'Open Sans', sans-serif;
                left: 11px;
                top: 7px;
                content: '\02143';
                transform: rotate(40deg);
            }

            .form-checkbox:hover {
                background-color: #f7f7f7;
            }

            .form-checkbox:checked {
                background-color: #f1f1f1;
            }

            label {
                font: 15px/1.7 'Open Sans', sans-serif;
                color: #333;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                cursor: pointer;
            }*/ }
      .offer-container .form-wrap .pxp-form-group .text-danger {
        font-size: 0.875em;
        font-weight: 300;
        color: #dd413a !important;
        margin: 0;
        text-transform: uppercase; }
      .offer-container .form-wrap .pxp-form-group .form-control {
        padding: 12px; }
        .offer-container .form-wrap .pxp-form-group .form-control::-webkit-input-placeholder {
          font-size: 0.875em;
          color: #ccc; }
        .offer-container .form-wrap .pxp-form-group .form-control::-moz-placeholder {
          font-size: 0.875em;
          color: #ccc; }
        .offer-container .form-wrap .pxp-form-group .form-control:-ms-input-placeholder {
          font-size: 0.875em;
          color: #ccc; }
        .offer-container .form-wrap .pxp-form-group .form-control:-moz-placeholder {
          font-size: 0.875em;
          color: #ccc; }
      .offer-container .form-wrap .pxp-form-group input[type='checkbox'].form-checkbox {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden; }
      .offer-container .form-wrap .pxp-form-group input[type='checkbox'].form-checkbox ~ .check-toggle {
        width: 30px;
        height: 30px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #969696;
        border-radius: 3px;
        cursor: pointer; }
      .offer-container .form-wrap .pxp-form-group input[type='checkbox'].form-checkbox:hover ~ .check-toggle {
        border-color: #4a4a4a; }
      .offer-container .form-wrap .pxp-form-group input[type='checkbox'].form-checkbox:focus ~ .check-toggle {
        border-color: #b0d5ff;
        box-shadow: 0 0 0 2px rgba(23, 133, 255, 0.25); }
      .offer-container .form-wrap .pxp-form-group input[type='checkbox'].form-checkbox:checked ~ .check-toggle {
        border-color: #d6db42;
        background: #d6db42 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
        background-size: 75%; }
    .offer-container .form-wrap .form-msg {
      padding: 20px;
      background-color: #006633;
      border-radius: 3px;
      margin-bottom: 30px; }
      .offer-container .form-wrap .form-msg .text-danger {
        font-size: 0.875em;
        font-weight: 300;
        color: #dd413a !important;
        margin: 0;
        text-transform: uppercase; }
      .offer-container .form-wrap .form-msg p {
        font-size: 0.875em;
        font-weight: 300;
        margin: 0;
        text-transform: uppercase;
        line-height: 150%; }
        .offer-container .form-wrap .form-msg p.success {
          color: #fff; }
      .offer-container .form-wrap .form-msg .mail-list {
        margin-top: 30px;
        padding: 30px 0 0 0;
        border-top: 1px solid #008442; }
        .offer-container .form-wrap .form-msg .mail-list p {
          font-size: 0.875em;
          font-weight: 300;
          color: #fff;
          margin: 0;
          line-height: 150%;
          text-transform: initial; }
          .offer-container .form-wrap .form-msg .mail-list p a {
            color: #cccccc; }
    .offer-container .form-wrap .form-msg-error {
      padding: 20px 0; }
      .offer-container .form-wrap .form-msg-error .text-danger {
        font-size: 0.875em;
        font-weight: 300;
        color: #dd413a !important;
        margin: 0;
        text-transform: uppercase; }
    .offer-container .form-wrap video {
      border: 4px solid #d6db42; }
    .offer-container .form-wrap .quote-wrap {
      padding: 20px;
      background-color: #fff;
      margin-top: 30px;
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .offer-container .form-wrap .quote-wrap {
          margin-top: 60px;
          margin-bottom: 0; } }
      .offer-container .form-wrap .quote-wrap p {
        font-size: 1.125em;
        font-weight: 300; }
      .offer-container .form-wrap .quote-wrap span {
        display: block;
        font-size: 1em;
        font-weight: 300;
        color: #444; }
    .offer-container .form-wrap .clients {
      margin: 40px 0 0 0;
      padding: 30px 15px;
      text-align: center;
      background-color: #fff; }
      .offer-container .form-wrap .clients .client-item {
        padding: 10px 10px; }
        .offer-container .form-wrap .clients .client-item img {
          width: auto;
          margin-left: auto;
          margin-right: auto;
          height: 60px; }
    @media (min-width: 768px) {
      .offer-container .form-wrap .clients .client-item {
        padding: 0 8px; }
        .offer-container .form-wrap .clients .client-item:first-of-type {
          padding-left: 0; }
        .offer-container .form-wrap .clients .client-item:last-of-type {
          padding-right: 0; }
        .offer-container .form-wrap .clients .client-item img {
          height: 50px; } }
    @media (min-width: 992px) {
      .offer-container .form-wrap .clients .client-item {
        padding: 0 8px; }
        .offer-container .form-wrap .clients .client-item img {
          height: 70px; } }
    @media (min-width: 1200px) {
      .offer-container .form-wrap .clients .client-item {
        padding: 0 8px; }
        .offer-container .form-wrap .clients .client-item img {
          height: 80px; } }

.logo-container {
  padding: 0; }

.bg-light {
  background-color: #ffffff !important; }

nav {
  padding: 0 !important; }
  @media (min-width: 576px) {
    nav {
      padding: 0.5rem 1rem; } }
  nav.navbar-light {
    border-bottom: 2px solid #5e7383;
    box-shadow: 0 4px 2px -2px rgba(170, 150, 130, 0.3);
    margin-top: 0;
    padding-top: 0; }
    @media (min-width: 576px) {
      nav.navbar-light {
        margin-top: -10px;
        padding-bottom: 0; } }
  nav figure {
    margin: 1rem 0 1rem; }
  nav .nav-link {
    color: #919BA2 !important;
    text-align: left;
    width: 100%; }
    @media (min-width: 576px) {
      nav .nav-link {
        width: max-content;
        line-height: 19px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 7em; } }
    @media (min-width: 768px) {
      nav .nav-link {
        text-align: center;
        width: 6.5em; } }
    @media (min-width: 992px) {
      nav .nav-link {
        line-height: initial;
        width: 6.5em; } }
    @media (min-width: 1200px) {
      nav .nav-link {
        width: 7.5em; } }
    nav .nav-link img:hover {
      -webkit-filter: brightness(0);
      filter: brightness(0); }
    nav .nav-link.active {
      color: #525b61 !important; }
  @media (min-width: 768px) {
    nav .nav-link-icon {
      text-align: end; }
      nav .nav-link-icon img {
        margin-top: -11px; } }
  nav .navbar-nav {
    margin-right: 0;
    margin-left: 1em; }
    @media (min-width: 768px) {
      nav .navbar-nav {
        margin-left: 0; } }
    @media (min-width: 992px) {
      nav .navbar-nav {
        margin-left: 1em; } }
  nav ul li {
    display: inline;
    text-align: center; }
    @media (min-width: 576px) {
      nav ul li {
        line-height: 33px; } }
  nav a {
    display: inline-block;
    width: 80%;
    padding: .75rem 0;
    margin: 0;
    text-decoration: none;
    color: #333; }
  nav .two:hover ~ hr {
    margin-left: 25%; }
  nav .three:hover ~ hr {
    margin-left: 50%; }
  nav .four:hover ~ hr {
    margin-left: 75%; }
  nav hr {
    height: .25rem;
    width: 25%;
    margin: 0;
    background: tomato;
    border: none;
    transition: .3s ease-in-out; }

.navbar-brand img {
  width: 9em; }
  @media (min-width: 576px) {
    .navbar-brand img {
      width: 8em; } }
  @media (min-width: 768px) {
    .navbar-brand img {
      width: 8em; } }
  @media (min-width: 992px) {
    .navbar-brand img {
      width: 12em; } }
  @media (min-width: 1200px) {
    .navbar-brand img {
      width: 14em; } }

@media (min-width: 576px) {
  .navbar-brand {
    margin-bottom: -10px; } }

.upper-navbar {
  display: none;
  margin-bottom: 0;
  padding-bottom: 0; }
  @media (min-width: 576px) {
    .upper-navbar {
      display: flex; }
      .upper-navbar .container {
        padding-top: 1em; } }
  @media (min-width: 576px) {
    .upper-navbar {
      margin-top: -20px; } }
  .upper-navbar ul {
    margin-bottom: 0; }
    .upper-navbar ul li:first-child {
      padding-right: 50px; }
      @media (min-width: 576px) {
        .upper-navbar ul li:first-child {
          padding-right: 50.03px; } }
      @media (min-width: 768px) {
        .upper-navbar ul li:first-child {
          padding-right: 56.15px; } }
      @media (min-width: 992px) {
        .upper-navbar ul li:first-child {
          padding-right: 63.33px; } }
      @media (min-width: 1200px) {
        .upper-navbar ul li:first-child {
          padding-right: 70px; } }
    .upper-navbar ul a {
      width: auto; }
      .upper-navbar ul a:hover {
        text-decoration: none; }

@media (min-width: 768px) {
  .toggle-item:hover,
  .toggle-item:active
.toggle-item:focus {
    background: #495965; }
    .toggle-item:hover a.nav-link,
    .toggle-item:active
.toggle-item:focus a.nav-link {
      color: #fff !important; } }

.dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 0.25rem 0;
  margin-left: 1rem;
  transition: .5s ease-in-out; }
  @media (min-width: 768px) {
    .dropdown-menu {
      background: #495965;
      margin-left: 0; } }
  .dropdown-menu .dropdown-item {
    padding: 0.75rem 0;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 2px -2px rgba(200, 200, 200, 0.2); }
    @media (min-width: 576px) {
      .dropdown-menu .dropdown-item {
        padding: 0.75rem 1.5rem; } }
  .dropdown-menu.show {
    transition: .5s ease-in-out; }
  @media (min-width: 768px) {
    .dropdown-menu .dropdown-item:hover,
    .dropdown-menu .dropdown-item:focus,
    .dropdown-menu .dropdown-item:active {
      background: #919BA2 !important;
      color: #293239 !important; }
    .dropdown-menu .dropdown-item.active {
      background: #637685 !important;
      color: #e6e6e6 !important; }
    .dropdown-menu a {
      color: #fff !important; }
    .dropdown-menu a:hover {
      color: #495965 !important; } }

.navbar-collapse {
  flex-grow: 0; }

.navbar-toggler {
  padding: 0.1rem 0.25rem;
  margin-right: .5em; }

.navbar-nav {
  margin-left: auto; }

footer {
  padding: 1em 1em 0 1em; }
  @media (min-width: 992px) {
    footer {
      padding: 2em 2em 0 2em; } }
  @media (min-width: 1200px) {
    footer {
      padding: 3em 3em 0 3em; } }

.upper-footer {
  border-bottom: 2px solid #dfe36d;
  box-shadow: 0 4px 2px -2px rgba(170, 150, 130, 0.3); }
  .upper-footer .row {
    padding: 5px; }
    @media (min-width: 576px) {
      .upper-footer .row {
        padding: 5.01px; } }
    @media (min-width: 768px) {
      .upper-footer .row {
        padding: 6.54px; } }
    @media (min-width: 992px) {
      .upper-footer .row {
        padding: 8.33px; } }
    @media (min-width: 1200px) {
      .upper-footer .row {
        padding: 10px; } }
    .upper-footer .row .footer-heading {
      padding: 12px; }
    @media (min-width: 576px) {
      .upper-footer .row {
        justify-content: center; }
        .upper-footer .row .footer-heading {
          margin-left: 0; } }

.middle-footer .col-12 {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 1em;
  padding-right: 1em; }

.middle-footer .row {
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (min-width: 576px) {
    .middle-footer .row {
      padding-top: 10.02px; } }
  @media (min-width: 768px) {
    .middle-footer .row {
      padding-top: 13.08px; } }
  @media (min-width: 992px) {
    .middle-footer .row {
      padding-top: 16.67px; } }
  @media (min-width: 1200px) {
    .middle-footer .row {
      padding-top: 20px; } }
  @media (min-width: 576px) {
    .middle-footer .row {
      padding-bottom: 10.02px; } }
  @media (min-width: 768px) {
    .middle-footer .row {
      padding-bottom: 13.08px; } }
  @media (min-width: 992px) {
    .middle-footer .row {
      padding-bottom: 16.67px; } }
  @media (min-width: 1200px) {
    .middle-footer .row {
      padding-bottom: 20px; } }

.middle-footer a.footer-phone {
  margin-left: 20px; }
  @media (min-width: 576px) {
    .middle-footer a.footer-phone {
      margin-left: 20.02px; } }
  @media (min-width: 768px) {
    .middle-footer a.footer-phone {
      margin-left: 23.08px; } }
  @media (min-width: 992px) {
    .middle-footer a.footer-phone {
      margin-left: 26.67px; } }
  @media (min-width: 1200px) {
    .middle-footer a.footer-phone {
      margin-left: 30px; } }

.middle-footer a.footer-contact-text {
  margin-left: 10px; }
  @media (min-width: 576px) {
    .middle-footer a.footer-contact-text {
      margin-left: 10.02px; } }
  @media (min-width: 768px) {
    .middle-footer a.footer-contact-text {
      margin-left: 13.08px; } }
  @media (min-width: 992px) {
    .middle-footer a.footer-contact-text {
      margin-left: 16.67px; } }
  @media (min-width: 1200px) {
    .middle-footer a.footer-contact-text {
      margin-left: 20px; } }

.middle-footer ul {
  list-style: none;
  list-style-position: inside;
  padding-left: 0; }
  .middle-footer ul li {
    padding-top: 2px;
    padding-bottom: 2px; }
    @media (min-width: 576px) {
      .middle-footer ul li {
        padding: 0; } }

.icon-for-large-text { width: 30px; }
@media (min-width: 576px) {
  .icon-for-large-text { width: 30.03px; }
}
@media (min-width: 768px) {
  .icon-for-large-text { width: 36.15px; }
}
@media (min-width: 992px) {
  .icon-for-large-text { width: 43.33px; }
}
@media (min-width: 1200px) {
  .icon-for-large-text { width: 50px; }
}

.icon-for-small-text {
  width: 40px; }
  @media (min-width: 576px) {
    .icon-for-small-text { width: 40.05px; } }
  @media (min-width: 768px) {
    .icon-for-small-text { width: 49.23px; } }
  @media (min-width: 992px) {
    .icon-for-small-text { width: 60px; } }
  @media (min-width: 1200px) {
    .icon-for-small-text { width: 70px; } }

.footer-nav-heading { text-transform: uppercase; }

#footer-logo {
  height: 50px;
  /*
    width: 11em;
    @include mq(sm) { width: 10em; }
    @include mq(md) { width: 10em; }
    @include mq(lg) { width: 12em; }
    @include mq(xl) { width: 12em; }
  */
}

.footer-copyright-container { background: #fff; }
.footer-column { display: flex; }
.footer-column .footer-col-el { align-self: center; }
.footer-logo-cont { align-self: center; }
.footer-logo-cont .member-logo-link img { width: 4.5em; }
@media (min-width: 1200px) {
  .footer-logo-cont .member-logo-link img { margin-left: 5em; }
}

.header-no-nav {
  padding: 40px 0;
  border-bottom: 2px solid #5e7383;
  /*box-shadow: 0 4px 2px -2px rgba(170,150,130,.3);*/
}
.header-no-nav .logo { width: 9em; }
@media (min-width: 576px) {
  .header-no-nav .logo { width: 160px; }
}
@media (min-width: 768px) {
  .header-no-nav .logo { width: 160px; }
}
@media (min-width: 992px) {
  .header-no-nav .logo { width: 240px; }
}
@media (min-width: 1200px) {
  .header-no-nav .logo { width: 280px; }
}