.savoir .single-page {
  padding-top: 0; }
  .savoir .single-page .third-block {
    padding-top: 140px;
    padding-bottom: 210px; }
    .savoir .single-page .third-block .image-inner-wrap:after {
      transform: translate(25px, -25px); }
    .savoir .single-page .third-block .shadow-text {
      white-space: nowrap;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -190px; }
  .savoir .single-page .hero-block {
    position: relative;
    overflow: hidden;
    margin-bottom: 135px; }
    .savoir .single-page .hero-block .hero-title {
      color: rgba(197, 197, 197, 0.5);
      font-weight: 200;
      font-size: 50px;
      text-transform: uppercase;
      line-height: 60px;
      margin-bottom: 15px; }
      .savoir .single-page .hero-block .hero-title strong {
        font-weight: 200;
        color: #c5c5c5; }
    .savoir .single-page .hero-block .hero-subtitle {
      color: rgba(255, 255, 255, 0.5);
      font-size: 25px;
      line-height: 2;
      font-weight: 400; }
    .savoir .single-page .hero-block .container {
      flex-direction: column;
      align-items: center;
      height: 648px;
      justify-content: center; }
    .savoir .single-page .hero-block .hero-bg {
      position: absolute;
      width: 100%;
      height: 648px;
      object-fit: cover;
      object-position: center;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
  .savoir .single-page .first-block {
    padding-bottom: 170px; }
    .savoir .single-page .first-block img {
      width: 640px; }
    @media screen and (min-width: 980px) {
      .savoir .single-page .first-block .subtitle {
        margin-top: 110px; } }
  .savoir .single-page .cta-with-logo {
    padding: 114px 0; }
  .savoir .single-page .cta-with-quote .quote {
    max-width: 1000px; }
  .savoir .single-page .cta-with-quote {
    padding: 145px 15px; }
  .savoir .single-page .second-block {
    padding-bottom: 240px; }
    .savoir .single-page .second-block .shadow-text {
      position: absolute;
      bottom: -200px; }
      @media screen and (min-width: 1400px) {
        .savoir .single-page .second-block .shadow-text {
          right: -170px !important; } }
    .savoir .single-page .second-block .container {
      position: relative; }
    @media screen and (min-width: 980px) {
      .savoir .single-page .second-block {
        padding-top: 0; }
        .savoir .single-page .second-block .image-column {
          transform: translateY(-50px); } }
    .savoir .single-page .second-block .image-inner-wrap:after {
      transform: translate(25px, 25px); }

body .single-page .cta-with-quote .quote {
  color: #c5c5c5; }

@media screen and (max-width: 768px) {
  .first-block {
    padding-top: 65px; }

  .savoir .single-page .third-block {
    padding-top: 90px;
    padding-bottom: 95px; }

  body .single-page .third-block .image-inner-wrap {
    margin-bottom: 115px; }
  body .single-page .third-block .container {
    flex-direction: column-reverse; }
  body .single-page .third-block .shadow-text {
    display: none; }

  .savoir .single-page .second-block {
    padding-bottom: 100px; }

  .savoir .single-page .cta-with-quote {
    padding: 80px 15px;
    background-position: left top !important; }

  .savoir .single-page .second-block .shadow-text {
    bottom: -94px;
    right: 0; }
    .savoir .single-page .second-block .shadow-text strong {
      padding-right: 30px; }

  body .single-page .second-block .image-inner-wrap {
    margin-bottom: 110px; }

  .savoir .single-page .first-block {
    padding-top: 90px;
    padding-bottom: 80px; }
    .savoir .single-page .first-block .subtitle {
      text-align: left;
      margin-bottom: 40px; }
    .savoir .single-page .first-block .image-inner-wrap {
      padding: 0;
      margin-top: 75px;
      margin-bottom: 0; }
    .savoir .single-page .first-block .content-column {
      padding-right: 0; }

  .savoir .single-page .hero-block .hero-bg,
  .savoir .single-page .hero-block .container {
    height: 390px; }

  .savoir .single-page .hero-block {
    margin-bottom: 0; }

  body .single-page .first-block .container {
    flex-direction: column; }

  .savoir .single-page .hero-block .hero-subtitle {
    font-size: 18px;
    line-height: 26px; }

  .savoir .single-page .hero-block .hero-title {
    margin-bottom: 19px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    line-height: 1.3;
    text-align: center; }

  body .single-page .third-block .shadow-text {
    display: block;
    bottom: -60px;
    left: auto;
    right: 26px;
    text-align: right; }

  body .single-page .second-block {
    padding-top: 70px;
    padding-bottom: 70px; }

  .savoir .single-page .cta-with-logo {
    padding: 80px 0; } }
@media screen and (max-width: 1025px) {
  .savoir .single-page .first-block .image-inner-wrap {
    width: fit-content; }
    .savoir .single-page .first-block .image-inner-wrap:after {
      width: 100%; }

  body .single-page .third-block .image-inner-wrap {
    width: fit-content; }
    body .single-page .third-block .image-inner-wrap:after {
      width: calc(100% - 20px); } }
@media (orientation: landscape) and (max-width: 1200px) {
  body .single-page {
    margin-top: 0; } }
@media screen and (max-width: 1100px) and (min-width: 640px) {
  .savoir .single-page .hero-block .container {
    height: 420px; }

  .savoir .single-page .hero-block .hero-title {
    font-size: 42px;
    padding-left: 15px;
    padding-right: 15px; }

  .savoir .single-page .hero-block .hero-subtitle {
    line-height: 1;
    font-size: 20px; }

  .savoir .single-page .hero-block {
    margin-bottom: 10vw; }

  .savoir .single-page .cta-with-logo {
    padding: 10vw 0; }

  body .single-page .cta .cta-logo {
    max-width: 34vw; }

  .savoir .single-page .second-block .shadow-text {
    bottom: -17vw;
    font-size: 14vw;
    line-height: 0.9; }

  .savoir .single-page .second-block {
    padding-bottom: 20vw; }

  .savoir .single-page .cta-with-quote {
    padding: 10vw 15px; }

  body .single-page .cta-with-quote .quote {
    font-size: 22px; }

  .savoir .single-page .cta-with-quote .quote {
    max-width: 700px; }

  .savoir .single-page .third-block {
    padding-top: 10vw;
    padding-bottom: 10vw; }

  .savoir .single-page .third-block .shadow-text {
    bottom: -10vw;
    font-size: 12vw; } }
@media screen and (max-width: 1440px) and (min-width: 1100px) {
  .savoir .single-page .third-block .shadow-text {
    font-size: 13vw;
    bottom: -14vw; } }
@media screen and (max-width: 890px) and (min-width: 640px) {
  .savoir .single-page .hero-block .hero-title {
    text-align: center;
    font-size: 36px; } }
body .single-page .image-inner-wrap:after {
  border: 1px solid #A46251 !important; }

@media screen and (max-width: 768px) and (min-width: 640px) {
  .savoir .single-page .hero-block .hero-bg, .savoir .single-page .hero-block .container {
    height: 370px; }

  .savoir .single-page .hero-block .hero-title {
    max-width: 600px; }

  .savoir .single-page .first-block {
    padding-top: 0;
    padding-bottom: 8vw; }

  body .single-page .third-block .container,
  body .single-page .container,
  body .single-page .first-block .container {
    flex-direction: row; } }
@media screen and (min-width: 640px) and (max-width: 1246px) {
  body .single-page {
    margin-top: 79px !important; } }
@media screen and (max-width: 768px) {
  .savoir .single-page .third-block .shadow-text {
    bottom: -14vw;
    font-size: 13vw; }

  .savoir .single-page .third-block {
    padding-bottom: 14vw; } }

/*# sourceMappingURL=savoir.css.map */