/*********************
Breakpoints
*********************/
/*********************
COLORS
*********************/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

#content-img-steps-block .content-img-steps:before {
  position: absolute;
  content: "";
  top: -50px;
  left: -5%;
  width: 105%;
  height: 80px;
  background: url(../images/svgs/divider-white.svg) no-repeat top;
  background-size: 100% 100%;
  pointer-events: none; }
  @media (min-width: 1024px) {
    #content-img-steps-block .content-img-steps:before {
      top: -90px;
      height: 120px; } }
  @media (min-width: 1340px) {
    #content-img-steps-block .content-img-steps:before {
      top: -80px; } }

/******************
Grids
******************/
.grid-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-2 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-2 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-2 > * {
        padding: 12px 32px; } }

.grid-col-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-3 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        padding: 12px 32px; } }

.slick-slider .slick-slide {
  outline: none; }

.slick-slider .slick-dots li {
  margin: 0 1em; }
  .slick-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #fff;
    color: transparent; }
  .slick-slider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #fff;
    color: transparent; }

#content-img-steps-block .content-img-steps {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  padding: 32px 12px; }
  @media (min-width: 1024px) {
    #content-img-steps-block .content-img-steps {
      padding: 64px 12px; } }
  @media (min-width: 1340px) {
    #content-img-steps-block .content-img-steps {
      padding: 96px 12px; } }
  .acf-block-preview #content-img-steps-block .content-img-steps {
    width: 100%;
    left: 0; }
  #content-img-steps-block .content-img-steps:before {
    background: url(../../images/svgs/divider-white.svg) no-repeat top;
    background-size: 100% 100%; }
  #content-img-steps-block .content-img-steps__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center; }
    @media (min-width: 481px) {
      #content-img-steps-block .content-img-steps__grid {
        text-align: left; } }
    @media (min-width: 768px) {
      #content-img-steps-block .content-img-steps__grid {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      #content-img-steps-block .content-img-steps__grid {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    #content-img-steps-block .content-img-steps__grid.top-content {
      margin-bottom: 32px;
      position: relative; }
      @media (min-width: 768px) {
        #content-img-steps-block .content-img-steps__grid.top-content {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
          #content-img-steps-block .content-img-steps__grid.top-content .content {
            padding-right: 0;
            padding-left: 24px; } }
      @media (min-width: 1024px) {
        #content-img-steps-block .content-img-steps__grid.top-content .content {
          padding-right: 0;
          padding-left: 48px; }
        #content-img-steps-block .content-img-steps__grid.top-content .media img {
          position: absolute;
          width: 50vw;
          top: 0;
          left: calc(-50vw + 50%);
          max-height: 400px;
          -o-object-fit: cover;
          object-fit: cover; } }
      @media (min-width: 1340px) {
        #content-img-steps-block .content-img-steps__grid.top-content .media img {
          position: static;
          width: auto;
          max-height: unset; } }
    #content-img-steps-block .content-img-steps__grid .content,
    #content-img-steps-block .content-img-steps__grid .media {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      #content-img-steps-block .content-img-steps__grid .content iframe,
      #content-img-steps-block .content-img-steps__grid .media iframe {
        max-width: 100%; }
    @media (min-width: 768px) {
      #content-img-steps-block .content-img-steps__grid .content {
        padding-right: 24px; } }
    @media (min-width: 1024px) {
      #content-img-steps-block .content-img-steps__grid .content {
        padding-right: 48px; } }
    #content-img-steps-block .content-img-steps__grid .content h2 {
      color: #124459; }
      @media (min-width: 1024px) {
        #content-img-steps-block .content-img-steps__grid .content h2 {
          font-size: 36px; } }
    #content-img-steps-block .content-img-steps__grid .content p {
      line-height: 26px; }
    #content-img-steps-block .content-img-steps__grid .content .btn {
      margin-top: 18px; }
    #content-img-steps-block .content-img-steps__grid .content li {
      font-size: 18px; }
    #content-img-steps-block .content-img-steps__grid .media {
      margin-top: 32px;
      text-align: center; }
      @media (min-width: 768px) {
        #content-img-steps-block .content-img-steps__grid .media {
          margin-top: 0; } }
      #content-img-steps-block .content-img-steps__grid .media .video-container {
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 300px; }
        @media (min-width: 768px) {
          #content-img-steps-block .content-img-steps__grid .media .video-container {
            min-height: 370px; } }
        #content-img-steps-block .content-img-steps__grid .media .video-container .wistia_embed {
          position: absolute;
          width: 100%;
          height: 100%; }
  #content-img-steps-block .content-img-steps__steps-table {
    max-width: 720px;
    margin: 18px auto;
    border: 2px solid #f2cf51;
    padding: 18px;
    text-align: center;
    background-color: #f2cf51; }
    @media (min-width: 768px) {
      #content-img-steps-block .content-img-steps__steps-table {
        padding: 32px 48px; } }
    @media (min-width: 1024px) {
      #content-img-steps-block .content-img-steps__steps-table {
        padding: 32px 64px; } }
    @media (min-width: 1340px) {
      #content-img-steps-block .content-img-steps__steps-table {
        padding: 32px 80px; } }
    #content-img-steps-block .content-img-steps__steps-table .steps-title {
      text-transform: unset;
      color: #124459; }
      @media (min-width: 1024px) {
        #content-img-steps-block .content-img-steps__steps-table .steps-title {
          font-size: 36px; } }
    #content-img-steps-block .content-img-steps__steps-table .steps {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 24px; }
      #content-img-steps-block .content-img-steps__steps-table .steps .step {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 6px; }
        @media (min-width: 768px) {
          #content-img-steps-block .content-img-steps__steps-table .steps .step {
            padding: 0px 8px;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 25%;
            flex: 1 0 25%; } }
      #content-img-steps-block .content-img-steps__steps-table .steps .step-title {
        font-family: "din-condensed", sans-serif; }
        @media (min-width: 1024px) {
          #content-img-steps-block .content-img-steps__steps-table .steps .step-title {
            font-size: 26px; } }
      #content-img-steps-block .content-img-steps__steps-table .steps .step-index {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 31px;
        height: 31px;
        background-color: #124459;
        color: #fff;
        border-radius: 30px;
        font-weight: bold;
        font-family: "din-condensed", sans-serif;
        font-size: 22px;
        margin-bottom: 8px; }
    #content-img-steps-block .content-img-steps__steps-table .steps-cta {
      margin-bottom: 24px; }
    #content-img-steps-block .content-img-steps__steps-table .steps-text {
      color: #124459; }

/*# sourceMappingURL=content-img-steps.css.map */