/* source-sans-pro-300normal - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light normal"), local("Source Sans Pro-Lightnormal"), url("../fonts/source-sans-pro-300.woff2") format("woff2"), url("../fonts/source-sans-pro-300.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light italic"), local("Source Sans Pro-Lightitalic"), url("../fonts/source-sans-pro-300italic.woff2") format("woff2"), url("../fonts/source-sans-pro-300italic.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-400normal - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular normal"), local("Source Sans Pro-Regularnormal"), url("../fonts/source-sans-pro-400.woff2") format("woff2"), url("../fonts/source-sans-pro-400.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-400italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular italic"), local("Source Sans Pro-Regularitalic"), url("../fonts/source-sans-pro-400italic.woff2") format("woff2"), url("../fonts/source-sans-pro-400italic.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-600normal - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold normal"), local("Source Sans Pro-SemiBoldnormal"), url("../fonts/source-sans-pro-600.woff2") format("woff2"), url("../fonts/source-sans-pro-600.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold italic"), local("Source Sans Pro-SemiBolditalic"), url("../fonts/source-sans-pro-600italic.woff2") format("woff2"), url("../fonts/source-sans-pro-600italic.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-700normal - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold normal"), local("Source Sans Pro-Boldnormal"), url("../fonts/source-sans-pro-700.woff2") format("woff2"), url("../fonts/source-sans-pro-700.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold italic"), local("Source Sans Pro-Bolditalic"), url("../fonts/source-sans-pro-700italic.woff2") format("woff2"), url("../fonts/source-sans-pro-700italic.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-900normal - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: local("Source Sans Pro Black normal"), local("Source Sans Pro-Blacknormal"), url("../fonts/source-sans-pro-900.woff2") format("woff2"), url("../fonts/source-sans-pro-900.woff") format("woff");
  /* Modern Browsers */ }

/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: local("Source Sans Pro Black italic"), local("Source Sans Pro-Blackitalic"), url("../fonts/source-sans-pro-900italic.woff2") format("woff2"), url("../fonts/source-sans-pro-900italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-200normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: local("Muli Extra Light "), local("Muli-Extra Light"), url("../fonts/muli-latin-200.woff2") format("woff2"), url("../fonts/muli-latin-200.woff") format("woff");
  /* Modern Browsers */ }

/* muli-200italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src: local("Muli Extra Light italic"), local("Muli-Extra Lightitalic"), url("../fonts/muli-latin-200italic.woff2") format("woff2"), url("../fonts/muli-latin-200italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-300normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Muli Light "), local("Muli-Light"), url("../fonts/muli-latin-300.woff2") format("woff2"), url("../fonts/muli-latin-300.woff") format("woff");
  /* Modern Browsers */ }

/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: local("Muli Light italic"), local("Muli-Lightitalic"), url("../fonts/muli-latin-300italic.woff2") format("woff2"), url("../fonts/muli-latin-300italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-400normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Muli Regular "), local("Muli-Regular"), url("../fonts/muli-latin-400.woff2") format("woff2"), url("../fonts/muli-latin-400.woff") format("woff");
  /* Modern Browsers */ }

/* muli-400italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Muli Regular italic"), local("Muli-Regularitalic"), url("../fonts/muli-latin-400italic.woff2") format("woff2"), url("../fonts/muli-latin-400italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-500normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: local("Muli Medium "), local("Muli-Medium"), url("../fonts/muli-latin-500.woff2") format("woff2"), url("../fonts/muli-latin-500.woff") format("woff");
  /* Modern Browsers */ }

/* muli-500italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: local("Muli Medium italic"), local("Muli-Mediumitalic"), url("../fonts/muli-latin-500italic.woff2") format("woff2"), url("../fonts/muli-latin-500italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-600normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Muli SemiBold "), local("Muli-SemiBold"), url("../fonts/muli-latin-600.woff2") format("woff2"), url("../fonts/muli-latin-600.woff") format("woff");
  /* Modern Browsers */ }

/* muli-600italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: local("Muli SemiBold italic"), local("Muli-SemiBolditalic"), url("../fonts/muli-latin-600italic.woff2") format("woff2"), url("../fonts/muli-latin-600italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-700normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Muli Bold "), local("Muli-Bold"), url("../fonts/muli-latin-700.woff2") format("woff2"), url("../fonts/muli-latin-700.woff") format("woff");
  /* Modern Browsers */ }

/* muli-700italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: local("Muli Bold italic"), local("Muli-Bolditalic"), url("../fonts/muli-latin-700italic.woff2") format("woff2"), url("../fonts/muli-latin-700italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-800normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: local("Muli ExtraBold "), local("Muli-ExtraBold"), url("../fonts/muli-latin-800.woff2") format("woff2"), url("../fonts/muli-latin-800.woff") format("woff");
  /* Modern Browsers */ }

/* muli-800italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: local("Muli ExtraBold italic"), local("Muli-ExtraBolditalic"), url("../fonts/muli-latin-800italic.woff2") format("woff2"), url("../fonts/muli-latin-800italic.woff") format("woff");
  /* Modern Browsers */ }

/* muli-900normal - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: local("Muli Black "), local("Muli-Black"), url("../fonts/muli-latin-900.woff2") format("woff2"), url("../fonts/muli-latin-900.woff") format("woff");
  /* Modern Browsers */ }

/* muli-900italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: local("Muli Black italic"), local("Muli-Blackitalic"), url("../fonts/muli-latin-900italic.woff2") format("woff2"), url("../fonts/muli-latin-900italic.woff") format("woff");
  /* Modern Browsers */ }

.loading-animation-container {
  display: flex;
  align-items: center;
  min-height: 400px; }

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FF0063;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

html {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0; }

@media (max-width: 768px) {
  .is-hidden-touch {
    display: none; } }

#tunnel-layout {
  width: 100%;
  height: 100vh; }
  #tunnel-layout .tunnel-container {
    position: relative;
    height: 100%; }
    #tunnel-layout .tunnel-container .tunnel-content-container {
      display: flex;
      min-height: 100vh; }
      @media (max-width: 1024px) {
        #tunnel-layout .tunnel-container .tunnel-content-container {
          flex-direction: column; } }
      #tunnel-layout .tunnel-container .tunnel-content-container .left-column {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(152, 169, 195, 0.1) 100%); }
        @media (min-width: 1024px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .left-column {
            width: 60%;
            padding-bottom: 82px; } }
        @media (max-width: 768px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .left-column {
            padding-left: 17px;
            padding-right: 17px; } }
        @media (min-width: 768px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .left-column {
            padding-left: 82px;
            padding-right: 82px; } }
        #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container {
          display: flex;
          flex-direction: column;
          width: 100%;
          height: 100%;
          max-width: 650px; }
          @media (max-width: 1024px) {
            #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container {
              margin-left: auto;
              margin-right: auto; } }
          @media (min-width: 1024px) {
            #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container {
              float: right; } }
          #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container .brand .partner {
            display: inline-block; }
          #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container .brand .partner.hidden {
            display: none; }
          @media (max-width: 768px) {
            #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container .brand {
              margin-top: 18px; } }
          @media (min-width: 768px) {
            #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container .brand {
              margin-top: 56px;
              margin-bottom: 40px; }
              #tunnel-layout .tunnel-container .tunnel-content-container .left-column .left-column-container .brand .mobile {
                display: none; } }
      @media (max-width: 1024px) {
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column {
          padding: 25px 5%;
          height: 500px; } }
      @media (min-width: 1024px) {
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column {
          position: fixed;
          right: 0;
          min-height: 100vh;
          width: 40%;
          padding: 0 5%; } }
      @media (max-width: 768px) {
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column {
          background: url(https://res.cloudinary.com/hellopret/image/upload/f_auto,q_auto,w_768/v1638367075/home_octobre_2021/tunnel/tunnel-pret-immobilier) no-repeat center;
          background-size: cover !important; } }
      @media (min-width: 768px) and (max-width: 1216px) {
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column {
          background: url(https://res.cloudinary.com/hellopret/image/upload/f_auto,q_auto,w_1216/v1638367075/home_octobre_2021/tunnel/tunnel-pret-immobilier) no-repeat center;
          background-size: cover !important; } }
      @media (min-width: 1216px) {
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column {
          background: url(https://res.cloudinary.com/hellopret/image/upload/f_auto,q_auto/v1638367075/home_octobre_2021/tunnel/tunnel-pret-immobilier) no-repeat center;
          background-size: 100% 100% !important; } }
      #tunnel-layout .tunnel-container .tunnel-content-container .right-column .tunnel-connection {
        position: absolute;
        border: 2px solid #ff0063;
        border-radius: 5px;
        cursor: pointer;
        outline: none;
        background-color: transparent;
        color: #ff0063;
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 20px; }
        @media (max-width: 768px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .tunnel-connection {
            right: 17px;
            top: 25px;
            padding: 7px; } }
        @media (min-width: 768px) and (max-width: 1024px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .tunnel-connection {
            width: 200px;
            right: 10%;
            top: 20px;
            height: 55px; } }
        @media (min-width: 1024px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .tunnel-connection {
            width: 200px;
            right: 3%;
            top: 20px;
            height: 55px; } }
      #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container {
        max-width: 376px;
        border: 4px solid rgba(230, 233, 237, 0.21);
        background-color: #fffdfe;
        box-shadow: 7px 2px 15px -6px rgba(255, 0, 99, 0.1);
        margin-left: auto;
        margin-right: auto;
        border-radius: 16px; }
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .text-container__content {
          padding: 0 30px; }
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .text-container__content:first-child {
            padding-top: 32px; }
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .text-container__content:last-child {
            padding-bottom: 32px; }
        @media (min-width: 1024px) {
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container {
            margin-top: 145px;
            margin-bottom: 200px; } }
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container h2 {
          color: #001930;
          font-family: "Muli";
          font-weight: 800;
          font-size: 25px;
          letter-spacing: 0;
          line-height: 31px;
          margin-bottom: 15px; }
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .description {
          color: #333333;
          font-family: "Source Sans Pro";
          font-size: 16px;
          letter-spacing: 0;
          line-height: 23px;
          margin-bottom: 24px; }
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .separator {
          height: 1px;
          width: 100%;
          background: #f8edf3; }
        #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .rating-container {
          margin-top: 24px;
          display: flex;
          align-items: center;
          color: #f6b700;
          font-size: 24px;
          font-family: "Muli";
          font-weight: 800; }
          #tunnel-layout .tunnel-container .tunnel-content-container .right-column .text-container .rating-container p {
            margin-left: 16px;
            margin-right: 8px; }

.tunnel {
  position: relative;
  min-height: 600px; }
  @media (max-width: 768px) {
    .tunnel {
      min-height: 300px;
      margin-top: 15px; } }
  .tunnel img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); }

.cross-symbol {
  font-size: 39px;
  margin: 0 22px;
  color: black;
  position: relative;
  top: -6px; }