.cta-block .bg-image {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .cta-block .bg-image:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: var(--white-color);
    opacity: 0.8; }

.cta-block.parallax-bg {
  color: var(--white-color); }
  .cta-block.parallax-bg h2, .cta-block.parallax-bg .h2 {
    color: var(--white-color); }

.cta-block .bg-parallax {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .cta-block .bg-parallax:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: var(--black-color);
    opacity: 0.6; }

.cta-block.dark .bg-image:before {
  background: var(--black-color); }

.cta-block .container {
  position: relative;
  z-index: 2;
  max-width: 600px; }

.bg-parallax {
  background-attachment: fixed;
  background-repeat: no-repeat; }

.bg-parallax img {
  height: auto;
  position: absolute;
  width: auto; }

.is-touch-device {
  background-size: cover; }
/*# sourceMappingURL=cta.css.map */