.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.hero-block {
  margin-bottom: 4.94118rem;
  position: relative;
  z-index: 10;
  border-radius: 3px; }
  @media (max-width: 600px) {
    .hero-block {
      margin-bottom: 2.47059rem; } }
  .hero-block.margin-large {
    margin-bottom: 6.58824rem; }
  .hero-block.margin-medium {
    margin-bottom: 4.94118rem; }
  .hero-block.margin-small {
    margin-bottom: 1.64706rem; }
  .hero-block.margin-none {
    margin-bottom: 0; }
  .hero-block .hero-content-ctas {
    position: relative; }
  .hero-block.contained-bg .hero-content-ctas, .hero-block.full-width-bg .hero-content-ctas {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem;
    padding-top: 6.58824rem;
    padding-bottom: 6.58824rem; }
    @media (max-width: 850px) {
      .hero-block.contained-bg .hero-content-ctas, .hero-block.full-width-bg .hero-content-ctas {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
    @media (max-width: 600px) {
      .hero-block.contained-bg .hero-content-ctas, .hero-block.full-width-bg .hero-content-ctas {
        padding-top: 3.29412rem;
        padding-bottom: 3.29412rem; } }
    .hero-block.contained-bg .hero-content-ctas *:last-child, .hero-block.full-width-bg .hero-content-ctas *:last-child {
      margin-bottom: 0; }
    .hero-block.contained-bg .hero-content-ctas.padding-small, .hero-block.full-width-bg .hero-content-ctas.padding-small {
      padding-top: 3.29412rem;
      padding-bottom: 3.29412rem; }
      @media (max-width: 600px) {
        .hero-block.contained-bg .hero-content-ctas.padding-small, .hero-block.full-width-bg .hero-content-ctas.padding-small {
          padding-top: 1.64706rem;
          padding-bottom: 1.64706rem; } }
      .hero-block.contained-bg .hero-content-ctas.padding-small *:last-child, .hero-block.full-width-bg .hero-content-ctas.padding-small *:last-child {
        margin-bottom: 0; }
  .hero-block .bg,
  .hero-block .overflowing-img {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat; }
  .hero-block .bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .hero-block .bg.background-color-deep-purple {
      background-color: #2B223D; }
  .hero-block .overflowing-img {
    top: -16.47059rem;
    right: -16.47059rem;
    bottom: -16.47059rem;
    left: -16.47059rem; }
  .hero-block.contained-bg {
    max-width: calc(1260px + 13.17647rem);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem; }
    @media (max-width: 850px) {
      .hero-block.contained-bg {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
    @media (max-width: 600px) {
      .hero-block.contained-bg {
        padding-left: 0;
        padding-right: 0; } }
    .hero-block.contained-bg .bg {
      border-radius: 3px; }
    .hero-block.contained-bg .hero-wrap {
      position: relative; }
  .hero-block.white-text h1, .hero-block.white-text h2, .hero-block.white-text h3, .hero-block.white-text h4, .hero-block.white-text h5, .hero-block.white-text p {
    color: white; }
  .hero-block.white-text a:not([class]) {
    color: #8683E5; }
  .hero-block.white-text .bg {
    background-color: #2B223D; }
  .hero-block.white-text .breadcrumbs a {
    color: white; }
  .hero-block .hero-ctas {
    margin-top: 1.64706rem; }
  .hero-block p {
    font-size: 1.23529rem;
    font-weight: 500;
    line-height: 1.75412rem; }
  @media (max-width: 850px) {
    .hero-block .hero-content, .hero-block h1, .hero-block p {
      max-width: 100% !important;
      width: 100% !important; }
    .hero-block .overflowing-img {
      display: none; } }
  @media (max-width: 600px) {
    .hero-block .button {
      width: 100%; }
      .hero-block .button + .button {
        margin-left: 0; }
      .hero-block .button:not(:last-child) {
        margin-bottom: 1.23529rem; }
    .hero-block .breadcrumbs {
      padding-top: 2.71765rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.breadcrumbs {
  margin-bottom: 0.98824rem;
  list-style: none;
  padding: 0;
  font-weight: 600;
  display: flex; }
  @media (max-width: 600px) {
    .breadcrumbs {
      margin-bottom: 0.49412rem; } }
  .breadcrumbs li {
    display: flex; }
  .breadcrumbs .crumb {
    display: flex; }
  .breadcrumbs img {
    margin-right: 0.82353rem; }

.graphic.arrow {
  overflow: visible; }
  .graphic.arrow line,
  .graphic.arrow polyline {
    stroke-linecap: round;
    vector-effect: non-scaling-stroke; }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.button.white, .button.white-small, .button.uv-small, .button.transparent-small {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.button.white:hover, .button.white-small:hover, .button.uv-small:hover, .button.transparent-small:hover {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.2), 0 10px 30px -5px rgba(0, 0, 0, 0.275); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.button {
  display: inline-flex;
  font-weight: 600;
  font-size: 0.82353rem;
  line-height: 1.133;
  align-items: center;
  justify-content: center;
  padding: 1.07059rem 1.81176rem;
  border-radius: 3px;
  background: transparent;
  cursor: pointer; }
  .button.uv, .button.uv-small, .button.uv-secondary {
    background: #6359F9;
    color: white;
    border: 1px solid #6359F9; }
    .button.uv:hover, .button.uv-small:hover, .button.uv-secondary:hover {
      background: #7168fa;
      border-color: #7168fa; }
  .button.white, .button.white-small {
    background: white;
    color: #6359F9;
    border: 1px solid white; }
  .button.white:hover, .button.white-small:hover, .button.white-secondary:hover {
    opacity: .8; }
  .button.white-secondary {
    color: white;
    box-shadow: inset 0 0 0 2px white;
    background: transparent; }
    .button.white-secondary svg .stroke {
      stroke: white; }
    .button.white-secondary svg .fill {
      fill: white; }
  .button.uv-secondary {
    color: #6359F9;
    box-shadow: inset 0 0 0 2px #6359F9;
    background: transparent; }
    .button.uv-secondary svg .stroke {
      stroke: #6359F9; }
    .button.uv-secondary svg .fill {
      fill: #6359F9; }
    .button.uv-secondary:hover {
      color: white;
      box-shadow: inset 0 0 0 2px #7168fa; }
  .button.uv-small, .button.transparent-small {
    padding: 0.54847rem 1.09694rem;
    line-height: 1.23529rem;
    border-radius: 3px; }
  .button.transparent-small {
    color: #2B223D; }
    .button.transparent-small:hover, .button.transparent-small.active {
      background-color: #ececec; }
  .button.text, .button.text-arrow, .button.text-arrow-white {
    justify-content: start;
    padding: 0; }
  .button.text-arrow svg {
    transition: 200ms left;
    position: relative;
    left: 0.16471rem; }
    .button.text-arrow svg .stroke {
      stroke: #6359F9; }
    .button.text-arrow svg .fill {
      fill: #6359F9; }
  .button.text-arrow:hover svg {
    left: 0.49412rem; }
  .button.text-arrow-white {
    color: white; }
    .button.text-arrow-white svg .stroke {
      stroke: white; }
    .button.text-arrow-white svg .fill {
      fill: white; }
  .button .graphic.arrow {
    margin-left: 0.82353rem;
    width: 1.64706rem; }
  .button + .button {
    margin-left: 0.98824rem; }
    @media (max-width: 600px) {
      .button + .button {
        margin-left: 0; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.row-block {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem;
  margin-bottom: 4.94118rem;
  position: relative;
  z-index: 20; }
  @media (max-width: 850px) {
    .row-block {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }
  @media (max-width: 600px) {
    .row-block {
      margin-bottom: 2.47059rem; } }
  .row-block.margin-large {
    margin-bottom: 6.58824rem; }
  .row-block.margin-medium {
    margin-bottom: 4.94118rem; }
  .row-block.margin-small {
    margin-bottom: 1.64706rem; }
  .row-block.margin-none {
    margin-bottom: 0; }
  .row-block.extended-width {
    max-width: calc(1260px + 13.17647rem);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem; }
    @media (max-width: 850px) {
      .row-block.extended-width {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
    @media (max-width: 600px) {
      .row-block.extended-width {
        padding-left: 0;
        padding-right: 0; } }

.row.flex-desktop-row-reverse {
  flex-direction: row-reverse; }

.row.flex-desktop-column {
  flex-direction: column; }

.row.flex-desktop-column-reverse {
  flex-direction: column-reverse; }

@media (max-width: 850px) {
  .row.flex-mobile-row-reverse {
    flex-direction: row-reverse; }
  .row.flex-mobile-column {
    flex-direction: column; }
  .row.flex-mobile-column-reverse {
    flex-direction: column-reverse; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.set-bg-color-block.margin-large {
  margin-bottom: 6.58824rem; }

.set-bg-color-block.margin-medium {
  margin-bottom: 4.94118rem; }

.set-bg-color-block.margin-small {
  margin-bottom: 1.64706rem; }

.set-bg-color-block.margin-none {
  margin-bottom: 0; }

.set-bg-color-block.margin-none, .set-bg-color-block.margin-small, .set-bg-color-block.margin-medium, .set-bg-color-block.margin-large {
  padding-bottom: 1px; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.col-block {
  position: relative;
  z-index: 20; }
  .col-block .gutter {
    margin-left: 0.82353rem;
    margin-right: 0.82353rem;
    height: 100%; }
  .col-block.center-vert {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .col-block.center-vert > * {
      height: unset; }
  @media (max-width: 850px) {
    .col-block {
      margin-bottom: 1.64706rem; } }
  @media (max-width: 850px) and (max-width: 600px) {
    .col-block {
      margin-bottom: 0.82353rem; } }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.panel.shadow {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.panel {
  margin-bottom: 1.64706rem;
  position: relative;
  z-index: 20;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: white;
  padding: 2.47059rem;
  border-radius: 3px; }
  @media (max-width: 600px) {
    .panel {
      margin-bottom: 0.82353rem; } }
  .panel.padding-large {
    padding: 4.11765rem; }
    @media (max-width: 600px) {
      .panel.padding-large {
        padding: 2.05882rem; } }
    .panel.padding-large *:last-child {
      margin-bottom: 0; }
  .panel img {
    margin-bottom: 1.4rem; }
  .panel .button {
    margin-top: auto; }
  .panel.white-text h1, .panel.white-text h2, .panel.white-text h3, .panel.white-text h4, .panel.white-text h5, .panel.white-text p {
    color: white; }
  .panel.centered {
    align-items: center;
    justify-content: center;
    text-align: center; }
  .panel.bg {
    background-size: cover;
    background-position: center center; }
  .panel > *:last-child {
    margin-bottom: 0; }
  .panel .stat {
    margin-bottom: .9rem; }
  .panel .stat-desc {
    line-height: 1.7; }
  .panel .row-block {
    padding: 0; }

.col-block .panel {
  margin-bottom: 0; }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.cta-block > .wrap {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.cta-block {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem;
  margin-bottom: 4.94118rem;
  position: relative;
  z-index: 20; }
  @media (max-width: 850px) {
    .cta-block {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }
  @media (max-width: 600px) {
    .cta-block {
      margin-bottom: 2.47059rem; } }
  .cta-block.margin-large {
    margin-bottom: 6.58824rem; }
  .cta-block.margin-medium {
    margin-bottom: 4.94118rem; }
  .cta-block.margin-small {
    margin-bottom: 1.64706rem; }
  .cta-block.margin-none {
    margin-bottom: 0; }
  .cta-block * {
    color: white; }
  .cta-block > .wrap {
    padding: 4.11765rem;
    background: #2B223D;
    border-radius: 3px;
    display: flex;
    align-items: center; }
    @media (max-width: 600px) {
      .cta-block > .wrap {
        padding: 2.05882rem; } }
    .cta-block > .wrap *:last-child {
      margin-bottom: 0; }
  .cta-block .content {
    margin-right: auto; }
  .cta-block h3 {
    margin: 0; }
  @media (max-width: 850px) {
    .cta-block .wrap {
      display: block;
      text-align: center; }
    .cta-block .content {
      margin-bottom: 1.64706rem; }
    .cta-block .button {
      margin-left: 0.82353rem;
      margin-right: 0.82353rem; }
      .cta-block .button:not(:last-child) {
        margin-bottom: 0.82353rem; } }
  @media (max-width: 600px) {
    .cta-block .wrap .button {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

article > section.content-block {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem;
  margin-bottom: 3.29412rem;
  position: relative;
  z-index: 20; }
  @media (max-width: 850px) {
    article > section.content-block {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }
  @media (max-width: 600px) {
    article > section.content-block {
      margin-bottom: 1.64706rem; } }
  article > section.content-block.margin-large {
    margin-bottom: 6.58824rem; }
  article > section.content-block.margin-medium {
    margin-bottom: 4.94118rem; }
  article > section.content-block.margin-small {
    margin-bottom: 1.64706rem; }
  article > section.content-block.margin-none {
    margin-bottom: 0; }