/*COVER*/

.container {
  background-image: url("img/path-2a772957712ab958c3ccbe10c314aaa5.webp");
  background-repeat: no-repeat;
  background-position: top 480px center;
  padding-bottom: 45px;

  .inline-block {
    display: inline-block;
  }

  .breadcrumb {
            padding: 0;
  }

  @media (max-width: 1240px) {
    background-position: top 440px center;
  }

  @media (max-width: 1190px) {
    background-image: none;
  }

  @media (max-width: 580px) {
    .sticky {
      display: none;
    }

      .breadcrumb {
            padding: 0 0 10px;
  }


    .ban_financement {
      h2 {
        br {
          display: none;
        }
      }
    }
  }
}

.cover {
  display: flex;
  margin: 0 0 60px;
  .col_img {
    .img {
      height: 270px;
      margin: 0 0 10px;
      width: 302px;
    }

    .img_1 {
      background-image: url("img/img_hero_1-afdd47ab6bfd8275cf1600f58a32ba0f.webp");
    }

    .img_2 {
      background-image: url("img/img_hero_2-5e9e294cb9a933b5ca38729ad81242f6.webp");
    }
  }

  .col_content {
    padding: 30px 95px 0 125px;
    font-size: 20px;
    line-height: 29px;

    .text {
      height: 340px;
      h1 {
        font-size: 65px;
        line-height: 75px;
        font-family: Lato-Black;
        margin: 0 0 30px;
      }

      p {
        color: var(--color-primary);
        padding: 0 0 45px;
      }
    }

    .pushs {
      display: flex;
      padding: 20px 0 0;
      .push {
        width: 100%;
        padding: 20px;
        background-size: 480px auto;

        .content {
          height: 120px;
          -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
          position: relative;

          h2 {
            margin: 0;
            color: white;
            padding: 11px 25px;
            font-size: 28px;
          }

          .cta {
            position: absolute;
            right: 35px;
            top: 35px;
          }
        }
      }

      .push_1 {
        background-image: url("img/push_background_1-18145b651c1f75f7989da68fb9f8bd46.webp");
        margin: 0 38px 0 0;
      }

      .push_2 {
        background-image: url("img/push_background_2-41a57debc5d58890d702e8ee5c7da3b9.webp");
      }
    }
  }

  @media (max-width: 1460px) {
    .col_content {
      padding: 30px 70px 0 70px;
    }
  }

  @media (max-width: 1340px) {
    .col_content {
      font-size: 19px;
      line-height: 28px;

      .pushs {
        .push {
          .content {
            h2 {
              padding: 11px 20px;
              font-size: 24px;
            }
          }
        }

        .push_1 {
          margin: 0 30px 0 0;
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .col_img {
      .img {
        height: 265px;
        background-position: center;
      }
    }
    .col_content {
      padding: 30px 50px 0 50px;
      .text {
        height: 330px;
        h1 {
          font-size: 58px;
          line-height: 65px;
        }
      }
    }
  }

  @media (max-width: 1190px) {
    margin: 0 0 40px;

    .col_img {
      .img {
        width: 200px;
        height: 242px;
      }
    }
    .col_content {
      font-size: 18px;
      line-height: 26px;
      .text {
        height: 285px;
        h1 {
          font-size: 50px;
          line-height: 58px;
        }
      }
    }
  }

  @media (max-width: 1100px) {
    display: block;
    margin: 0 0 10px;

    .col_img {
      display: flex;

      .img {
        width: 100%;
        background-size: 540px auto;
        margin: 0;
        height: 200px;
        background-position: top -15px center;
      }

      .img_1 {
        background-image: url("img/img_hero_mob_1-3e02681ba10f8f9f373666dcd40cc4e5.webp");
        margin: 0 10px 0 0;
      }

      .img_2 {
        background-image: url("img/img_hero_mob_2-980440d732dddfdba2c9a175066f3d7a.webp");
      }
    }

    .col_content {
      padding: 30px 40px;

      .text {
        height: auto;
      }

      .pushs {
        .push {
          background-size: 490px auto;
        }
      }
    }
  }

  @media (max-width: 935px) {
    .col_content {
      padding: 30px;
      font-size: 16px;
      line-height: 24px;
      .text {
        h1 {
          font-size: 35px;
          line-height: 43px;
          margin: 0 0 20px;
        }

        p {
          padding: 0 0 30px;
        }
      }

      .pushs {
        .push {
          background-size: auto 100%;
          .content {
            height: auto;
            padding: 20px;

            h2 {
              padding: 0 0 15px;
              font-size: 20px;
              line-height: 25px;
              max-width: 210px;

              br {
                display: none;
              }
            }
            .cta {
              position: static;
            }
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    margin: 0;
    .col_img {
      .img {
        height: 116px;
        background-size: 100% auto;
        background-position: center;
      }
    }

    .col_content {
      padding: 25px;
      .text {
        h1 {
          font-size: 28px;
          line-height: 34px;

          br {
            display: none;
          }
        }
      }

      .pushs {
        .push {
          padding: 12px;
          .content {
            padding: 12px;
            h2 {
              font-size: 16px;
              line-height: 21px;
              height: 75px;
            }

            .cta {
              padding: 0px 15px;
              height: 40px;
              line-height: 40px;
            }
          }
        }

        .push_1 {
          margin: 0 10px 0 0;
        }
      }
    }
  }

  @media (max-width: 440px) {
    .col_content {
      .pushs {
        .push {
          .content {
            .cta {
              width: 100%;
            }
          }
        }
      }
    }
  }

  @media (max-width: 405px) {
    .col_img {
      .img {
        background-size: 195px auto;
      }
    }
  }
}

/*MAP*/

.block_map {
  position: relative;
  h2 {
    font-size: 25px;
    line-height: 35px;
    font-family: Lato-Bold;
    margin: 0 0 0 424px;
  }

  .mob {
    display: none;
  }

  .arrow_down {
    display: block;
    position: absolute;
    top: -65px;
    left: 40%;
  }

  .block_vehicle {
    position: absolute;
    .content {
      width: 205px;
      height: 205px;
      border-radius: 300px;
      border: solid 10px white;
      background: rgba(255, 255, 255, 0.7);
      cursor: pointer;
      position: relative;

      .btn {
        background-color: white;
        width: 55px;
        height: 55px;
        border-radius: 50px;
        background-image: url("img/arrow-a45a6aa7db62c13ef632ca13caada16d.svg");
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 10px;
        left: 65px;
      }

      .vehicle {
        top: 75px;
        left: 10px;
      }

      img {
        position: absolute;
      }
    }

    .hover {
      border: solid 32px white;
      display: block;
      width: 249px;
      height: 249px;
      display: none;
      top: -22px;
      left: -22px;

      .btn {
        background-color: var(--color-primary);
        background-image: url("img/arrow_hover-3c10e1e12e59321a479a0ad53dd532d0.svg");
        border: solid 3px white;
      }

      .text {
        top: -25px;
        left: -26px;
      }
    }

    &:hover {
      .content {
        display: none;
      }

      .hover {
        display: block;
      }
    }
  }

  .block_car {
    top: 260px;
    left: 45px;

    .hover {
      .vehicle {
        left: 18px;
        width: 145px;
      }

      .vehicle_2 {
        top: 140px;
        left: -30px;
      }

      .vehicle_3 {
        top: 135px;
        right: -25px;
      }
    }
  }

  .block_bike {
    top: 40px;
    left: 255px;
    .content {
      .vehicle {
        top: 71px;
        left: 25px;
      }
    }

    .hover {
      .vehicle {
        left: 30px;
        width: 115px;
      }

      .vehicle_2 {
        top: 120px;
        left: -43px;
      }

      .vehicle_3 {
        top: 150px;
        right: -25px;
      }
    }
  }

  .block_boat {
    top: 260px;
    left: 465px;
    .content {
      .vehicle {
        top: 60px;
        left: 10px;
      }
    }

    .hover {
      .vehicle {
        top: 65px;
        left: 35px;
        width: 135px;
      }

      .vehicle_2 {
        top: 55px;
        left: -90px;
      }

      .vehicle_3 {
        top: 120px;
        right: -15px;
      }
    }
  }

  .block_moto {
    top: 40px;
    right: 390px;
    .content {
      .vehicle {
        top: 68px;
        left: 40px;
      }
    }

    .hover {
      left: 22px;
      .vehicle_2 {
        top: 145px;
        left: -40px;
      }

      .vehicle_3 {
        top: 130px;
        right: -30px;
      }
    }
  }

  .block_truck {
    top: 200px;
    right: 80px;
    .content {
      .vehicle {
        top: 70px;
        left: 15px;
      }
    }

    .hover {
      left: 22px;
      .vehicle {
        width: 115px;
        left: 30px;
        top: 75px;
      }

      .vehicle_2 {
        top: 150px;
        left: -45px;
      }

      .vehicle_3 {
        top: 150px;
        right: -40px;
      }
    }
  }

  .map {
    height: 510px;
    background-image: url("img/map-c6818a87653698215e2974670cd20913.webp");
    margin: 30px 0 45px;
    position: relative;
  }

  @media (max-width: 1460px) {
    h2 {
      margin: 0 0 0 371px;
    }
  }

  @media (max-width: 1360px) {
    .block_moto {
      right: 290px;
    }

    .block_truck {
      right: 45px;
    }
  }

  @media (max-width: 1240px) {
    h2 {
      margin: 0 0 0 351px;
      font-size: 23px;
      line-height: 30px;
    }
  }

  @media (max-width: 1190px) {
    h2 {
      text-align: center;
      margin: 0 40px;
    }

    .arrow_down {
      top: -53px;
    }

    .map {
      margin: 25px 0;
      height: 410px;
      background-position: left 20% center;

      .content_map {
        position: relative;
        width: 880px;
        margin: 0 auto;
      }

      .block_vehicle {
        .content {
          display: block;
          width: 145px;
          height: 145px;
          border: solid 6px white;

          .btn {
            display: none;
          }
        }
        .hover {
          display: none;
        }
      }

      .block_car {
        top: 225px;
        .content {
          .vehicle {
            top: 45px;
            left: 10px;
            width: 110px;
          }
        }
      }

      .block_bike {
        top: 40px;
        left: 175px;
        .content {
          .vehicle {
            top: 25px;
            left: 12px;
            width: 105px;
          }
        }
      }

      .block_boat {
        top: 225px;
        left: 305px;
        .content {
          .vehicle {
            top: 25px;
            left: 12px;
            width: 105px;
          }
        }
      }

      .block_truck {
        top: 40px;
        .content {
          .vehicle {
            top: 30px;
            left: 0;
            width: 120px;
          }
        }
      }

      .block_moto {
        top: 160px;
        right: 230px;
        .content {
          .vehicle {
            top: 15px;
            left: 18px;
            width: 90px;
          }
        }
      }
    }

    .swiper {
      padding: 0 0 50px;
      width: 700px;

      .swiper-button {
        top: 50px;
        color: var(--blue-500);
        height: 190px;
        padding: 40px;
      }

      .swiper-button-next {
        right: -20px;
      }

      .swiper-button-prev {
        left: -20px;
      }
      .swiper-button-disabled {
        opacity: 0;
      }

      .block_vehicle {
        position: relative;
        left: 10px;
        top: 0;
        .content {
          display: none;
        }

        .hover {
          display: block;
          top: 0;
          left: 40px;
          background-color: #edf5fb;
        }
      }
    }
  }

  @media (max-width: 1100px) {
    margin-top: 20px;
  }

  @media (max-width: 900px) {
    h2 {
      br {
        display: none;
      }
    }

    .map {
      .content_map {
        width: 680px;
      }

      .block_car {
        left: 25px;
      }

      .block_bike {
        left: 105px;
      }

      .block_moto {
        top: 225px;
        right: 25px;
      }

      .block_boat {
        left: 275px;
      }
    }
  }

  @media (max-width: 715px) {
    position: relative;
    padding-top: 10px;
    margin-top: 0;
    .arrow_down {
      top: -45px;
      left: 90px;
    }

    .map {
      height: 220px;
      background-size: 900px auto;
      background-position: left 20% bottom;
      margin: 25px 0 20px;

      .content_map {
        width: 400px;
      }

      .block_vehicle {
        .content {
          width: 90px;
          height: 90px;
        }
      }

      .block_car {
        left: 0;
        top: 120px;

        .content {
          .vehicle {
            top: 25px;
            left: 5px;
            width: 70px;
          }
        }
      }

      .block_bike {
        left: 30px;
        top: 20px;
        .content {
          .vehicle {
            top: 12px;
            left: 5px;
            width: 65px;
          }
        }
      }

      .block_boat {
        left: 140px;
        top: 90px;

        .content {
          .vehicle {
            top: 20px;
            left: 4px;
            width: 70px;
          }
        }
      }

      .block_truck {
        top: 120px;
        right: 0;
        .content {
          .vehicle {
            top: 15px;
            left: 0;
            width: 70px;
          }
        }
      }

      .block_moto {
        top: 20px;
        right: 20px;

        .content {
          .vehicle {
            top: 7px;
            left: 10px;
            width: 55px;
          }
        }
      }
    }

    .swiper {
      width: 330px;
      padding: 0 0 45px;

      .block_vehicle {
        left: 0;
      }
    }
  }

  @media (max-width: 580px) {
    padding-top: 0;
    .arrow_down {
      top: -40px;
      display: none;
    }

    h2 {
      font-size: 18px;
      line-height: 26px;
      margin: 0 30px 15px;
      display: none;
    }

    .mob {
      display: block;
    }

    .map {
      margin: 5px 0 20px;
      .content_map {
        width: 350px;
      }

      .block_vehicle {
        .content {
          border: none;
          width: 80px;
          height: 80px;
        }
      }
    }
  }
}

.short-text,
.more-link {
  display: none;
}
@media (max-width: 580px) {
  .long-text {
    display: none;
  }

  .short-text,
  .more-link {
    display: block;
  }

  .more-link {
    text-decoration: underline;
    cursor: pointer;
  }
}

/*MENU*/

.cta_menu {
  display: none;

  @media (max-width: 580px) {
    display: block;
    background-color: var(--blue-500);
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100000;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    border: solid 2px white;
    background-image: url("img/menu-c72c1406aebb9685a4173b48d867962e.svg");
    background-repeat: no-repeat;
    background-position: top 10px center;
    color: white;
    font-size: 11px;
    font-family: Lato-Bold;
    padding: 21px 0 0;
    background-size: 20px;
    text-align: center;
  }
}

.menu {
  display: none;

  @media (max-width: 580px) {
    position: fixed;

    width: 100%;
    top: 0;
    right: 0;
    z-index: 100000;
    text-align: left;
    height: 100%;

    .content {
      background-color: white;
    }

    .item {
      border-bottom: solid 1px #d0d0d0;
      cursor: pointer;
      position: relative;
      display: block;
      text-decoration: none;

      img {
        position: absolute;
        width: 63px;
        top: -15px;
        left: 15px;
      }

      .img_car {
        top: -5px;
      }

      .img_boat {
        top: -9px;
      }

      .img_moto {
        width: 53px;
        top: -20px;
      }

      .img_truck {
        width: 70px;
        top: -13px;
        left: 7px;
      }

      .text {
        margin: 30px 0 30px 90px;
        color: var(--color-primary);
        font-size: 15px;
      }
    }

    .item_close {
      height: 28px;

      .btn_close {
        display: block;
        position: absolute;
        top: 6px;
        right: 10px;
        left: auto;
        width: 17px;
      }
    }
  }
}

/*PART*/

.part {
  padding: 34px 0 0;
  color: var(--blue-500);
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;

  .anchor {
    position: absolute;
    top: -280px;
  }

  .title_bg {
    transform: rotate(1deg);
  }

  h2 {
    margin: 0;

    span {
      display: none;
    }
  }

  .header_part {
    display: flex;
    padding: 25px 0;

    .block_img {
      width: 635px;
      padding: 20px 0 0;

      img {
        margin: 0 40px 0 0;
      }
    }

    p {
      width: 425px;
      vertical-align: top;
      text-align: left;
    }
  }

  .line {
    display: flex;

    .right {
      margin: 0 0 0 47px;
    }

    .large {
      width: 100%;
      max-width: 786px;
    }

    .extralarge {
      width: 100%;
    }

    .content {
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      margin: 25px;
      padding: 17px 20px 20px;
      text-align: left;
      height: 250px;
      color: white;
    }

    .article {
      height: 300px;
      margin-bottom: 47px;
      display: block;

      .content {
        width: 375px;
        float: right;
        background-color: rgba(0, 0, 0, 0.1);
        position: relative;

        .new {
          background-color: #f55151;
          color: white;
          font-size: 14px;
          font-family: Lato-Bold;
          text-transform: uppercase;
          display: inline-block;
          position: absolute;
          line-height: 17px;
          padding: 2px 5px;
          top: -10px;
        }

        h3 {
          margin: 0;
          color: white;
          font-family: Lato-Black;
          font-size: 20px;
          line-height: 25px;
          padding: 0 0 10px;

          span {
            font-family: Lato-Regular;
          }
        }

        p {
          padding: 0 0 10px;
          line-height: 22px;
        }

        .underline {
          text-decoration: underline;
        }

        .cta_arrow {
          display: none;
        }

        .btn_video {
          background-image: url("img/icon_play-511447803dbd94879b569096b6770e5b.svg");
          background-repeat: no-repeat;
          padding-right: 55px;
          background-position: center right 20px;
        }
      }

      .content_center {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: inline-block;
      }

      .content_left {
        float: left;
      }
    }

    .article_mob {
      display: none;
    }

    .short {
      width: 368px;

      .content {
        width: auto;
      }
    }

    .video {
      .content {
        width: 187px;
        height: auto;
        padding-bottom: 7px;

        h3 {
          padding: 0;
        }

        .cta_video {
          color: white;
          text-decoration: none;
          span {
            display: inline-block;
            vertical-align: top;
            padding: 7px 0 0 5px;
          }
        }
      }
    }

    .reveal {
      .content {
        width: 210px;
        height: auto;
        padding-bottom: 7px;

        .cta_arrow {
          display: block;
        }

        .cta {
          display: none;
        }
      }

      .hover {
        display: none;
        width: auto;
        height: 270px;
        margin: 16px;
        padding: 18px;

        h3 {
          line-height: 22px;
        }

        a {
          color: white;
        }
      }

      &:hover {
        .content {
          display: none;
        }

        .hover {
          display: block;
        }
      }
    }

    .infog {
      border: solid 1px #003da5;
      background-color: white;
      text-align: left;
      position: relative;
      background-repeat: no-repeat;
      background-position: bottom center;

      h3 {
        color: #4898d9;
        font-family: Lato-Black;
      }
    }

    .quiz {
      border: solid 1px #003da5;
      padding: 15px 10px;
      background-color: white;
      margin-bottom: 47px;

      .title {
        display: inline-block;
        color: #4898d9;
        font-size: 50px;
        vertical-align: top;
        margin: 15px 0 0;
      }

      .question {
        font-family: Lato-Black;
        font-size: 20px;
        line-height: 25px;
        display: inline-block;
        margin: 0 30px;

        span {
          font-family: Lato-Regular;
          font-size: 16px;
        }
      }

      .answer {
        display: inline-block;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
        position: relative;
        cursor: pointer;

        .content {
          margin: 10px;
          width: 200px;
          height: 75px;
          background-color: white;
          color: var(--blue-500);
          font-family: Lato-Black;
          font-size: 40px;
          line-height: 36px;
          position: relative;
          background-repeat: no-repeat;
          background-position: center right 12px;

          span {
            display: block;
            width: 120px;
            text-align: center;
          }
        }

        .item {
          background-color: var(--color-primary);
          width: 40px;
          height: 40px;
          color: white;
          border: solid white 4px;
          border-radius: 30px;
          position: absolute;
          font-size: 20px;
          font-family: Lato-Black;
          line-height: 30px;
          background-repeat: no-repeat;
          background-position: center;
          text-align: center;
        }

        .false {
          background-color: #fc6a6a;
          background-image: url("img/icon_false-216d046b49e47d23376b8d8809351aa4.svg");
          display: none;
        }

        .true {
          background-color: #77dd60;
          background-image: url("img/icon_true-030c4d56a915b74aa09f260d203c3858.svg");
          display: none;
        }

        &:hover {
          background-color: var(--color-primary);

          .num {
            color: var(--color-primary);
            border: solid var(--color-primary) 4px;
            background-color: white;
          }
        }
      }
    }

    .push {
      display: inline-block;
      margin-bottom: 47px;
      h3 {
        margin: 0;
        font-size: 32px;
        line-height: 32px;
        padding: 0 0 15px;
        color: white;
        font-family: Lato-Black;
      }
      p {
        padding: 0 0 10px;
      }
    }

    .push_1 {
      background-image: url("img/article_push_1-67c79dec7067cc21e45a7b3f30646e1d.webp");
    }

    .push_2 {
      background-image: url("img/article_push_2-6b6acc755199ac8bb53bdeebbea8d626.webp");
    }

    .push_reveal {
      h3 {
        font-size: 27px;
        line-height: 35px;
        margin-top: 15px;
      }

      .hover {
        display: none;

        .cta {
          display: inline-block;
        }
      }

      &:hover {
        .content {
          display: none;
        }

        .hover {
          display: block;
        }
      }

      .cta {
        display: none;
      }
    }
  }

  @media (max-width: 1300px) {
    padding: 34px 40px 0;
    margin: 0;
    width: auto;
    .line {
      .quiz {
        .title {
          font-size: 45px;
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .header_part {
      p {
        width: 370px;
      }
    }
  }

  @media (max-width: 1190px) {
    max-width: 710px;
    margin: 0 auto 60px;
    margin: 0 auto 60px;
    left: 0;
    padding: 0;

    h2 {
      font-size: 45px;
      line-height: 52px;
      font-family: Lato-Regular;

      strong {
        font-family: Lato-Black;
      }

      .title_bg {
        display: none;
      }

      span {
        display: block;
      }
    }

    .header_part {
      padding: 10px 0 15px;

      .block_img {
        display: none;
      }

      p {
        text-align: center;
        margin: 0 30px;
        width: auto;
      }
    }

    .line {
      display: block;

      .short {
        background-size: 710px auto;

        h3,
        p {
          br {
            display: none;
          }
        }
      }

      .right {
        margin: 0;
      }

      .article,
      .push {
        margin: 0 0 30px;
        width: 100%;
      }

      .push {
        .content {
          height: auto;
        }
        h3 {
          margin: 0;
          font-size: 26px;
        }
      }

      .push_reveal {
        h3 {
          font-size: 23px;
          line-height: 28px;
          padding: 0 0 5px;
          margin-top: 0;
        }
      }

      .reveal {
        .hover {
          width: 375px;
          margin: 25px;
          padding: 17px 20px 20px;
          height: 250px;
        }
      }

      .article {
        .content {
          height: auto;
        }
      }
    }
  }

  @media (max-width: 935px) {
    h2 {
      font-size: 30px;
      line-height: 37px;
    }

    .line {
      .article {
        .content {
          p {
            line-height: 19px;
          }
        }
      }
    }
  }

  @media (max-width: 780px) {
    margin: 0 30px;
    padding: 0 30px 10px;

    .line {
      .quiz {
        .title {
          font-size: 45px;
        }
      }
    }
  }

  @media (max-width: 710px) {
    margin: 0;

    h2 {
      padding: 15px 0 0;
    }

    .header_part {
      padding: 0 0 10px;
    }
  }

  @media (max-width: 580px) {
    padding: 0 25px 20px;

    .anchor {
      top: -300px;
    }

    .header_part {
      p {
        margin: 0;
        text-align: left;
      }
    }

    .line {
      .content {
        padding: 15px;
        height: auto;
        margin: 15px;
      }

      .quiz {
        .title {
          font-size: 40px;
        }

        .question {
          font-size: 18px;
          line-height: 23px;

          span {
            font-size: 14px;
          }
        }
      }

      .article {
        height: 182px;
        background-size: 560px auto;
        background-position: top left -40px;
        margin: 0 0 20px;

        .content {
          width: 158px;
          padding: 15px 5px 15px 15px;

          .new {
            font-size: 12px;
            padding: 0 3px;
            top: -8px;
          }

          h3 {
            font-size: 16px;
            line-height: 22px;
            padding: 0 0 15px;
          }

          .cta {
            display: inline;
            background-color: transparent;
            color: white;
            font-family: Lato-Bold;
            text-decoration: underline;
            padding: 0;
            line-height: 14px;
            background-image: none;
          }

          .cta_arrow {
            display: none;
          }

          .cta_video {
            font-family: Lato-Bold;

            span {
              text-decoration: underline;
            }
          }

          p {
            display: none;
          }
        }
      }

      .article_desk {
        display: none;
      }

      .article_mob {
        display: block;
      }

      .video {
        .content {
          h3 {
            padding: 0;
          }
        }
      }

      .reveal {
        .content {
          height: auto;
        }

        &:hover {
          .content {
            display: block;
          }

          .hover {
            display: none;
          }
        }
      }

      .push {
        margin: 0 0 20px;
        h3 {
          font-size: 20px;
          line-height: 24px;
        }
      }

      .push_reveal {
        h3 {
          font-size: 20px;
          line-height: 24px;
          margin-bottom: 5px;
        }

        .cta_arrow {
          img {
            width: 28px;
          }
        }
      }

      .video {
        .content {
          p {
            display: block;
          }
        }
      }
    }
  }

  @media (max-width: 490px) {
    .line {
      .article {
        background-size: 475px auto;
      }
    }
  }
}