.hp-head {
  width: 100vw;
  margin-left: -15px;
  height: 100vh;
  margin-top: -15px;
  position: relative; }
  .hp-head h1 {
    position: absolute;
    top: 10vh;
    left: 15px;
    width: 50%; }

.back-img-head {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute; }

.arrow-big-head-hp {
  position: absolute;
  bottom: 15px;
  right: 15px; }

@media (max-width: 850px) {
  .hp-head h1 {
    width: 80%; } }

.about-creapatrimoine {
  margin-top: 20vh; }
  .about-creapatrimoine .h1 {
    width: 70%;
    margin-left: 5%; }
  .about-creapatrimoine .p {
    max-width: 35%;
    margin-top: 10vh;
    margin-left: 50%; }
    .about-creapatrimoine .p a {
      margin-top: 5vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .about-creapatrimoine .p a img {
        width: 20px;
        margin-left: 10px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
    .about-creapatrimoine .p a:hover img {
      margin-left: 20px;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }

.container-images-about-hp {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20vh;
  margin-left: 12.5%; }
  .container-images-about-hp img {
    border-radius: 15px; }
  .container-images-about-hp .olivier-ermakastar-image-about-cp-hp {
    width: calc(40% - 7.5px);
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    -o-object-fit: cover;
    object-fit: cover; }
  .container-images-about-hp .office-view-2 {
    width: calc(60% - 7.5px); }

@media (max-width: 850px) {
  .about-creapatrimoine {
    margin-top: 10vh; }
    .about-creapatrimoine .h1 {
      width: 100%;
      margin-left: 0px; }
    .about-creapatrimoine .p {
      max-width: 500px;
      margin-left: 0px;
      margin-top: 5vh; }
  .container-images-about-hp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15vh;
    margin-left: 0px;
    width: 100%; }
    .container-images-about-hp .olivier-ermakastar-image-about-cp-hp {
      width: 100%;
      margin-bottom: 15px; }
    .container-images-about-hp .office-view-2 {
      width: 100%; } }

.approach-olivier-ermakastar {
  background-color: #121212;
  border-radius: 15px;
  padding: 15px;
  margin-top: 20vh; }

.container-titles-approche {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px; }
  .container-titles-approche .p {
    max-width: 400px; }
    .container-titles-approche .p a {
      margin-top: 5vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .container-titles-approche .p a img {
        width: 20px;
        margin-left: 10px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
    .container-titles-approche .p a:hover img {
      margin-left: 20px;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }

.schema-approche-olivier-ermakastar {
  width: 80%;
  margin-left: 10% !important;
  margin-top: 20vh;
  margin-bottom: 20vh; }

.schema-approche-olivier-ermakastar-mobile {
  display: none; }

@media (max-width: 850px) {
  .approach-olivier-ermakastar {
    margin-top: 15px; }
  .container-titles-approche {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .container-titles-approche .p {
      margin-top: 05vh; }
  .schema-approche-olivier-ermakastar {
    display: none; }
  .schema-approche-olivier-ermakastar-mobile {
    display: block;
    width: 80%;
    margin-left: 10% !important;
    margin-top: 10vh;
    margin-bottom: 05vh; } }

.container-visites-virtuelles {
  margin-top: 20vh; }

.visites-virtuelles-titles {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .visites-virtuelles-titles a {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 10%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }

@media (max-width: 850px) {
  .container-visites-virtuelles {
    margin-top: 15vh; }
  .visites-virtuelles-titles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .visites-virtuelles-titles .h1 {
      margin-top: 10px; } }

.hp-offres {
  margin-top: 20vh; }

.arrow-left,
.arrow-right {
  width: 20px;
  height: 20px;
  margin-left: 30px;
  cursor: pointer; }
  .arrow-left img,
  .arrow-right img {
    width: 100%; }

.arrow-left {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.arrow-right {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.container-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 15px;
  margin-top: 30px; }

.swiper-container {
  width: 100vw;
  margin-left: -15px !important;
  margin-top: 10vh !important; }

.swiper-slide .p {
  margin-top: 10px;
  line-height: 130%; }
  .swiper-slide .p span {
    color: #989898; }

.swiper-slide-container {
  text-align: center;
  font-size: 18px;
  background: #282828;
  border-radius: 15px;
  height: 50vh;
  max-width: 600px;
  margin: auto;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .swiper-slide-container .h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    line-height: 90%;
    position: relative;
    color: white;
    mix-blend-mode: difference; }
  .swiper-slide-container .p {
    position: relative;
    color: white;
    mix-blend-mode: difference;
    text-align: left;
    margin-top: 0px; }
  .swiper-slide-container .background-offre {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
    z-index: 0;
    mix-blend-mode: initial;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
  .swiper-slide-container .icon-offre {
    top: 15px;
    right: 15px;
    width: 5vw;
    position: absolute;
    mix-blend-mode: difference;
    z-index: 10; }

.hp-offres2:hover {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .hp-offres2:hover .background-offre:hover {
    mix-blend-mode: difference !important;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }

.swiper-pagination,
.swiper-pagination-clickable,
.swiper-pagination-bullets {
  display: none !important; }

.swiper-slide-container:hover {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }

@media (max-width: 850px) {
  .swiper-container {
    margin-top: 05vh !important; }
  .swiper-slide .p span {
    font-size: 14px !important; } }

.container-about-olivier-hp {
  margin-top: 20vh; }
  .container-about-olivier-hp .second-h3-olivier {
    margin-left: 15%; }
  .container-about-olivier-hp .link-arrow {
    margin-top: 50px;
    margin-left: 15%; }

.container-about-olivier-description {
  width: 70%;
  margin-left: 15%;
  margin-top: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .container-about-olivier-description img {
    width: 40%;
    border-radius: 15px; }
  .container-about-olivier-description .p {
    max-width: 450px;
    margin-left: 20%; }
    .container-about-olivier-description .p a {
      margin-top: 5vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .container-about-olivier-description .p a img {
        width: 20px;
        margin-left: 10px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        border-radius: 0px; }
    .container-about-olivier-description .p a:hover img {
      margin-left: 20px;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }

@media (max-width: 850px) {
  .container-about-olivier-hp .second-h3-olivier {
    margin-left: 0%; }
  .container-about-olivier-hp .link-arrow {
    margin-top: 15px;
    margin-left: 0%; }
  .container-about-olivier-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0%;
    width: 100%; }
    .container-about-olivier-description img {
      width: 100%; }
    .container-about-olivier-description .p {
      max-width: 500px;
      margin-left: 0%;
      margin-top: 5vh; } }

.questions-home-olivier-ermakastar {
  margin-top: 20vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .questions-home-olivier-ermakastar ul {
    list-style: none; }
    .questions-home-olivier-ermakastar ul li {
      margin-top: 20px; }

@media (max-width: 850px) {
  .questions-home-olivier-ermakastar {
    margin-top: 10vh;
    margin-bottom: 10vh; }
    .questions-home-olivier-ermakastar ul li {
      font-size: 14px; } }