/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/*********************
 * Z-Index Management
 ********************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-cta {
  padding-bottom: 4.125rem;
  position: relative;
  margin: 0;
  text-align: left;
  color: #000;
  background: #fff;
  overflow: hidden;
}
.block-cta h1, .block-cta .h1, .block-cta h2, .block-cta .h2, .block-cta h3, .block-cta .h3, .block-cta h4, .block-cta .h4, .block-cta h5, .block-cta .h5, .block-cta h6, .block-cta .h6 {
  color: #000;
}
@media (min-width: 768px) {
  .block-cta {
    padding: 4.1875rem 0 6.875rem;
  }
}
.container + .block-cta {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .container + .block-cta {
    margin-top: 5rem;
  }
}
.block-cta--grey {
  background: #f0f4f4;
}
.block-cta--red .block-cta__image-wrapper:after {
  background: #d02f0c;
}
.block-cta--blue .block-cta__image-wrapper:after {
  background: #00819d;
}
.block-cta--black .block-cta__image-wrapper:after {
  background: #211f1f;
}
@media (min-width: 1270px) {
  .block-cta__wrapper {
    padding-left: calc((100vw - 1270px) / 2);
  }
}
@media (min-width: 1320px) {
  .block-cta__wrapper {
    padding-left: calc((100vw - 1320px) / 2);
  }
}
@media (min-width: 768px) {
  .block-cta__image-wrapper {
    position: static;
  }
}
.block-cta__image-wrapper:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  max-width: 94%;
  position: absolute;
  top: 2.5rem;
  right: 0;
  clip-path: polygon(100% 0, 0 0, 100% 75%);
}
@media (min-width: 768px) {
  .block-cta__image-wrapper:after {
    max-width: 42.5%;
    top: 0;
    clip-path: polygon(100% 0, 0 0, 100% 90%);
  }
}
.block-cta .col-md-5,
.block-cta .col-12 {
  z-index: 4;
}
.block-cta__description {
  color: #000;
}
.block-cta__image {
  position: relative;
  z-index: 1;
  margin-top: 4.5rem;
}
@media (min-width: 768px) {
  .block-cta__image {
    margin-top: 0;
    margin-left: 0;
  }
}
.block-cta__image img {
  margin: 0 auto 0 -1.25rem;
}
@media (min-width: 768px) {
  .block-cta__image img {
    margin: 0 0.5rem;
  }
}
.block-cta__content-wrapper {
  margin: 4rem 0 0;
}
@media (min-width: 768px) {
  .block-cta__content-wrapper {
    margin: 1rem 0 0 0;
  }
}
.block-cta .c-btn-wrapper,
.block-cta .c-btn-group {
  margin-bottom: 0;
}
.block-cta .c-btn-wrapper {
  width: 100%;
}
@media (min-width: 992px) {
  .block-cta .c-btn-wrapper {
    width: auto;
  }
}
.block-cta .c-btn {
  margin: 0;
}
.block-cta .c-btn-wrapper:not(:last-child) .c-btn {
  margin: 0 0 0.9375rem;
}
@media (min-width: 992px) {
  .block-cta .c-btn-wrapper:not(:last-child) .c-btn {
    margin: 0 30px 0 0;
  }
}
.block-cta .c-btn-primary.c-btn-icon,
.block-cta .c-btn-secondary.c-btn-icon {
  display: flex;
}
@media (min-width: 768px) {
  .block-cta .c-btn-primary.c-btn-icon,
.block-cta .c-btn-secondary.c-btn-icon {
    display: inline-flex;
  }
}

.block-cta--dark {
  background: #000;
}
.block-cta--dark h1, .block-cta--dark .h1, .block-cta--dark h2, .block-cta--dark .h2, .block-cta--dark h3, .block-cta--dark .h3, .block-cta--dark h4, .block-cta--dark .h4, .block-cta--dark h5, .block-cta--dark .h5, .block-cta--dark h6, .block-cta--dark .h6 {
  color: #fff;
}
.block-cta--dark .block-cta__description {
  color: #fff;
}
.block-cta--dark .c-btn.c-btn-primary {
  color: #000;
  border-color: #fff;
  background: #fff;
}
.block-cta--dark .c-btn.c-btn-primary:hover, .block-cta--dark .c-btn.c-btn-primary:focus {
  color: #000;
  border-color: #f0f4f4;
  background: #f0f4f4;
}
.block-cta--dark .c-btn.c-btn-secondary {
  color: #fff;
  border-color: #fff;
}
.block-cta--dark .c-btn.c-btn-secondary:hover, .block-cta--dark .c-btn.c-btn-secondary:focus {
  color: #000;
  border-color: #fff;
  background: #fff;
}