@charset "UTF-8";
@font-face {
  font-family: 'Futura-PT-Bold';
  src: url("../fonts/FuturaPT-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura-PT';
  src: url("../fonts/FuturaPT-Book.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura-PT-Medium';
  src: url("../fonts/FuturaPT-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura-PT-Heavy';
  src: url("../fonts/FuturaPT-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura-PT-Demi';
  src: url("../fonts/FuturaPT-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura-PT-Light';
  src: url("../fonts/FuturaPT-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
.font-regular {
  font-family: 'Futura-PT', sans-serif;
  font-weight: initial; }

.font-bold {
  font-family: 'Futura-PT-Demi', sans-serif;
  font-weight: initial; }

.font-medium {
  font-family: 'Futura-PT-Medium', sans-serif;
  font-weight: initial; }

/* MIXINS */
/* VARIABLES */
/** CONTAINER **/
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 92%;
  margin: auto; }

.container-small {
  width: 1200px;
  max-width: 92%;
  margin: auto; }

.container-rightzero {
  margin: auto;
  margin-right: 0;
  width: 96%; }

/** STYLES **/
button {
  cursor: pointer; }

body {
  font-family: "Futura-PT", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  margin: 0; }

.full-w {
  width: 100% !important; }

ul, li {
  padding: 0;
  list-style: none; }

input:active, input:focus, textarea:focus, textarea:active {
  outline: solid #090909; }

h1, h2, h3, h4, h5 {
  margin: 0;
  font-weight: normal;
  line-height: normal; }

p {
  font-size: 20px;
  color: #4D4D4D;
  line-height: 28px; }

.margin-100-y {
  margin-top: 100px;
  margin-bottom: 100px; }

.padding-100-y {
  padding-top: 100px;
  padding-bottom: 100px; }

.padding-0-t {
  padding-top: 0; }

.padding-0-t-imp {
  padding-top: 0 !important; }

.padding-0-b {
  padding-bottom: 0; }

.padding-0-b-imp {
  padding-bottom: 0 !important; }

.margin-0-t {
  margin-top: 0px !important; }

.margin-60-b {
  margin-bottom: 60px; }

/** SUBMUNU **/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  z-index: 1; }

.overlay.active {
  opacity: 1;
  visibility: visible; }

.submenu {
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  background: #fff;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease-in-out;
  z-index: 3;
  display: flex;
  padding: 0px 0px 0px;
  gap: 0px; }
  .submenu .left, .submenu .right {
    width: 50%;
    padding: 40px;
    flex-direction: column;
    gap: 0px !important; }
    .submenu .left h4, .submenu .right h4 {
      border-bottom: 1px solid #00000026;
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-family: "Futura-PT", sans-serif;
      color: #000000ab;
      letter-spacing: 5px; }
  .submenu .nav-menu-der {
    display: flex;
    flex-direction: column;
    gap: 0px; }
    .submenu .nav-menu-der a {
      display: flex;
      align-items: center;
      color: #090909;
      font-family: "Futura-PT", sans-serif;
      text-transform: uppercase;
      background: transparent;
      gap: 18px !important;
      padding: 10px;
      transition: all 0.3s ease-in-out; }
      .submenu .nav-menu-der a i.icon-arrow-top {
        transition: all 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        min-height: 12px;
        min-width: 12px;
        background: url("../img/icons/arrow-top-black.svg") center no-repeat;
        background-size: contain;
        transition: all 0.3s ease-in-out; }
      .submenu .nav-menu-der a:hover {
        background: rgba(0, 0, 0, 0.06);
        transition: all 0.3s ease-in-out; }
        .submenu .nav-menu-der a:hover i.icon-arrow-top {
          margin-right: 6px; }
  .submenu .item-most-read {
    align-items: normal !important;
    width: 100%;
    display: flex;
    gap: 40px !important; }
    .submenu .item-most-read img {
      width: 50%;
      object-fit: cover;
      transition: all 0.3s ease-in-out;
      max-height: 200px; }
    .submenu .item-most-read .infos {
      width: 50%;
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .submenu .item-most-read .infos h3 {
        font-family: "Futura-PT", sans-serif;
        text-transform: uppercase;
        font-size: 24px; }
      .submenu .item-most-read .infos .badge-cat {
        background: #090909;
        color: #fff;
        text-transform: uppercase;
        font-family: "Futura-PT-Demi", sans-serif;
        font-size: 10px;
        padding: 10px;
        width: fit-content;
        letter-spacing: 2px; }
    .submenu .item-most-read:hover img {
      transition: all 0.3s ease-in-out;
      opacity: 0.7; }
    .submenu .item-most-read:hover h3, .submenu .item-most-read:hover span {
      color: #090909;
      transition: all 0.3s ease-in-out; }
  .submenu h3, .submenu span {
    transition: all 0.3s ease-in-out;
    color: #474747; }

.submenu.active {
  max-height: 500px; }

i.icon-submenu {
  display: flex;
  height: 12px;
  width: 12px;
  min-height: 12px;
  min-width: 12px;
  background: url("../img/icons/arrow-white-down.svg") center no-repeat;
  background-size: contain; }
  @media (max-width: 992px) {
    i.icon-submenu {
      height: 30px;
      width: 30px;
      min-height: 30px;
      min-width: 30px;
      background: url("../img/icons/submenu-icon-mobile.svg") center no-repeat;
      background-size: contain; } }

.active-icon {
  z-index: 10; }
  @media (max-width: 992px) {
    .active-icon i.icon-submenu {
      height: 30px;
      width: 30px;
      min-height: 30px;
      min-width: 30px;
      background: url("../img/icons/submenu-icon-mobile-less.svg") center no-repeat;
      background-size: contain; } }

/** SUBMUNU **/
.trame-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.63) 100%);
  display: flex;
  align-items: end; }

.video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  filter: brightness(0.75); }

a {
  text-decoration: none; }

header {
  position: relative; }

.container-head {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  display: flex;
  width: 100%; }

button {
  border: 0; }

.nav-menu {
  display: flex;
  justify-content: space-between;
  margin: auto; }
  .nav-menu a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    font-family: "Futura-PT", sans-serif;
    text-transform: uppercase;
    opacity: 1;
    letter-spacing: 2px; }
    .nav-menu a:hover {
      transition: all 0.3s ease-in-out;
      opacity: 0.8; }
  .nav-menu .mid, .nav-menu .right, .nav-menu .left {
    display: flex;
    gap: 40px;
    width: 100%; }
    .nav-menu .mid a, .nav-menu .right a, .nav-menu .left a {
      display: flex;
      gap: 12px;
      align-items: center; }
  .nav-menu .left {
    justify-content: left; }
  .nav-menu .right {
    justify-content: right; }
  .nav-menu .mid {
    justify-content: center; }
  .nav-menu .logo {
    background: url("../img/logo-cl.svg") no-repeat center;
    width: 300px;
    background-size: contain;
    height: 40px; }

.logo-mobile {
  background: url("../img/logo-cl.svg") no-repeat center;
  width: 200px;
  background-size: contain;
  height: 40px; }

.title-head {
  display: flex;
  flex-direction: column;
  width: 92%;
  margin: auto;
  margin-bottom: 120px; }
  .title-head h1 {
    z-index: 1;
    font-size: 100px;
    font-family: "Futura-PT-Demi", sans-serif;
    display: flex;
    flex-direction: column;
    line-height: 110px;
    color: #fff;
    margin: 0; }
    .title-head h1 .trame {
      background: #fff;
      color: #000;
      padding: 0px 10px;
      white-space: nowrap; }
    .title-head h1 .f-1 {
      font-size: 70px;
      line-height: 60px; }
  .title-head p {
    font-size: 30px;
    color: #fff;
    margin: 0;
    margin-top: 30px; }

.three-gr {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 70px;
  grid-row-gap: 0px; }
  .three-gr .left {
    grid-area: 1 / 1 / 2 / 5; }
  .three-gr .mid {
    grid-area: 1 / 5 / 2 / 10; }
  .three-gr .right {
    grid-area: 1 / 10 / 2 / 13; }

.desc-cl h2 {
  font-size: 50px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Futura-PT", sans-serif; }
.desc-cl .right {
  display: flex;
  flex-direction: column;
  gap: 20px; }
.desc-cl p {
  margin: 0; }
.desc-cl .mid {
  display: flex;
  flex-direction: column;
  gap: 20px; }

.private {
  text-align: center;
  background: url("../img/villa-bg.jpg") no-repeat center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px 0;
  background-size: cover; }
  .private h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    font-family: "Futura-PT", sans-serif; }
  .private p {
    color: #fff;
    width: 50%;
    margin: 10px auto 30px; }
  .private a {
    margin: auto; }

.div-4-8 {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column; }
  .div-4-8 .first {
    grid-area: 1 / 1 / 2 / 5;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 3px; }
  .div-4-8 .second {
    grid-area: 1 / 5 / 2 / 13;
    font-size: 50px;
    font-family: "Futura-PT", sans-serif;
    text-transform: uppercase; }

.villas-show {
  border-bottom: 1px solid #000;
  padding-bottom: 100px; }

::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.villas-listing {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.insight-bloc h2 {
  font-size: 50px;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 20px; }
.insight-bloc h3 {
  font-size: 40px;
  text-transform: uppercase;
  text-align: right; }

/** FOOTER **/
.div-6-3-3 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px; }
  .div-6-3-3 .first {
    grid-area: 1 / 1 / 2 / 7; }
  .div-6-3-3 .second {
    grid-area: 1 / 7 / 2 / 10; }
  .div-6-3-3 .third {
    grid-area: 1 / 10 / 2 / 13; }

footer {
  background: #090909; }
  footer .first h3 {
    font-size: 60px;
    color: #fff; }
  footer .first p {
    font-size: 21px;
    color: #fff; }
  footer .first .inputing {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    margin-top: 50px; }
    footer .first .inputing input {
      border: 0;
      border-bottom: 1px solid #ffffff61;
      color: #fff;
      background: transparent;
      font-size: 18px;
      padding: 20px 0;
      width: 300px; }
      footer .first .inputing input::placeholder {
        color: #fff;
        font-size: 18px; }
      footer .first .inputing input:focus, footer .first .inputing input:active {
        box-shadow: none;
        outline: none;
        border: none;
        border-bottom: 1px solid #ffffff61; }
  footer .first form {
    color: #fff;
    font-size: 16px;
    font-family: "Futura-PT-Demi", sans-serif; }
    footer .first form a {
      text-decoration: underline;
      color: #fff; }
  footer .second ul li {
    margin-bottom: 12px; }
    footer .second ul li a {
      font-size: 18px;
      color: #fff;
      font-family: "Futura-PT-Demi", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px; }
  footer .third .social {
    justify-content: end;
    display: flex;
    gap: 20px;
    align-items: center; }
    footer .third .social a {
      height: 21px;
      width: 21px;
      min-height: 21px;
      min-width: 21px; }
      footer .third .social a.x {
        background: url("../img/icons/x-logo.svg") no-repeat center; }
      footer .third .social a.linkedin {
        background: url("../img/icons/linkedin.svg") no-repeat center; }
      footer .third .social a.facebook {
        background: url("../img/icons/facebook.svg") no-repeat center; }
  footer .down {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    footer .down p, footer .down a {
      font-size: 16px;
      color: #fff;
      font-family: "Futura-PT-Demi", sans-serif; }
    footer .down p {
      opacity: 0.7; }
    footer .down .links {
      display: flex;
      align-items: center;
      gap: 20px; }
      footer .down .links a {
        text-decoration: underline; }
        footer .down .links a:first-child {
          padding-right: 20px;
          border-right: 1px solid rgba(255, 255, 255, 0.43); }

/** CAROUSEL BLOG **/
.wrap-insight {
  position: relative; }
  .wrap-insight .toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    background: rgba(0, 0, 0, 0.57) url("../img/icons/arrow-white-car.svg") center no-repeat;
    height: 60px;
    width: 60px;
    min-height: 60px;
    min-width: 60px;
    border: 0;
    cursor: pointer; }
    .wrap-insight .toggle:hover {
      background: rgba(0, 0, 0, 0.71) url("../img/icons/arrow-white-car.svg") center no-repeat; }
    .wrap-insight .toggle.prev-t {
      left: 20px;
      transform: rotate(180deg); }
    .wrap-insight .toggle.next-t {
      right: 20px; }

.carousel-blog {
  padding: 0;
  display: flex;
  width: 100%;
  gap: 20px; }
  .carousel-blog .carousel-seat {
    width: 25%;
    position: relative; }
    .carousel-blog .carousel-seat a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

/** BTNS **/
.black-btn-spacing {
  display: flex;
  background: #090909;
  justify-content: space-between;
  color: #fff;
  font-size: 18px;
  font-family: "Futura-PT-Demi", sans-serif;
  padding: 26px;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease-in-out; }
  .black-btn-spacing:hover {
    background: #262626;
    transition: all 0.3s ease-in-out; }

.white-btn, .black-btn {
  display: flex;
  background: #fff;
  justify-content: center;
  color: #090909;
  font-size: 18px;
  font-family: "Futura-PT-Demi", sans-serif;
  padding: 20px 30px;
  text-transform: uppercase;
  align-items: center;
  width: fit-content;
  transition: all 0.3s ease-in-out; }
  .white-btn:hover, .black-btn:hover {
    background: #cdcdcd;
    transition: all 0.3s ease-in-out; }

.black-btn {
  background: #090909;
  color: #fff;
  transition: all 0.3s ease-in-out; }
  .black-btn:hover {
    background: #333333;
    transition: all 0.3s ease-in-out; }

/** ICONS **/
.icon-ext {
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
  background: url("../img/icons/external-link.svg") center no-repeat; }

.icon-arrow-top {
  transition: all 0.3s ease-in-out;
  height: 12px;
  width: 12px;
  min-height: 12px;
  min-width: 12px;
  background: url("../img/icons/arrow-top.svg") center no-repeat; }

/** MENU MOBILE **/
li {
  list-style: none; }

.logo {
  font-weight: bold;
  font-size: 1.5rem; }

a {
  color: white;
  text-decoration: none; }

.navbar {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 92%;
  margin: auto;
  left: 0;
  right: 0;
  background: transparent;
  top: 34px; }

.nav-menu {
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%; }

.nav-branding {
  font-size: 2rem; }

/* transition for links */
.nav-link {
  transition: 0.5s ease; }

.nav-link:hover {
  color: dodgerblue; }

.hamburger {
  display: none;
  cursor: pointer; }

.bar {
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: white;
  border-radius: 5px; }

.nav-item {
  padding: 0 1.5rem; }

/** CAROUSSEL **/
/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  background: #fff; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

.gallery {
  background: #eee; }

.gallery-cell {
  width: 45%;
  height: 600px;
  margin-right: 10px;
  background: #fff;
  counter-increment: gallery-cell; }
  .gallery-cell .villa-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.63) 100%);
    display: flex;
    align-items: end; }
    .gallery-cell .villa-desc p {
      color: #fff;
      font-size: 30px;
      margin: 0; }
    .gallery-cell .villa-desc .infos {
      padding: 50px; }
    .gallery-cell .villa-desc h2 {
      color: #fff;
      font-size: 34px;
      margin-bottom: 10px;
      font-family: "Futura-PT", sans-serif;
      text-transform: uppercase;
      letter-spacing: 3px; }

.flickity-page-dots {
  bottom: -45px; }

.flickity-prev-next-button .arrow {
  fill: #ffffff; }

.flickity-prev-next-button {
  background: #00000099;
  border-radius: 0; }

.flickity-prev-next-button:hover {
  background: #090909; }

.flickity-prev-next-button svg {
  left: 30%;
  top: 30%;
  width: 40%;
  height: 50%; }

.caroussel-blog .flickity-page-dots {
  display: none; }
.caroussel-blog .gallery-cell {
  width: 25%;
  height: 400px; }
  .caroussel-blog .gallery-cell .blog-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.59) 100%);
    display: flex;
    align-items: end; }
    .caroussel-blog .gallery-cell .blog-desc .infos {
      padding: 30px 30px;
      text-align: center; }
    .caroussel-blog .gallery-cell .blog-desc h2 {
      color: #fff;
      font-size: 26px;
      margin-bottom: 12px;
      font-family: "Futura-PT-Demi", sans-serif; }
    .caroussel-blog .gallery-cell .blog-desc p {
      color: #fff;
      font-size: 16px;
      margin: 0;
      font-family: "Futura-PT", sans-serif;
      letter-spacing: 4px;
      text-transform: uppercase; }

.caroussel-short-term {
  margin-top: 40px;
  margin-bottom: 40px; }
  .caroussel-short-term .gallery-cell {
    width: 30%;
    height: 500px; }
  .caroussel-short-term .villa-desc h2 {
    font-size: 30px;
    margin: 0; }
  .caroussel-short-term .villa-desc .infos {
    width: 100%;
    text-align: center; }

.h2-style {
  font-size: 50px; }

.h2-spec {
  font-size: 50px;
  font-family: "Futura-PT", sans-serif; }

.conciergerie-bloc {
  background: #090909;
  text-align: center;
  padding: 60px; }
  .conciergerie-bloc h2 {
    font-size: 40px;
    color: #fff;
    letter-spacing: 3px; }
  .conciergerie-bloc p {
    color: #fff;
    width: 50%;
    margin: 10px auto 30px; }
  .conciergerie-bloc a {
    margin: auto; }

.sticky-icons {
  background: #090909;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  padding: 10px 20px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000000; }
  .sticky-icons a {
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px; }
    .sticky-icons a.mail {
      background: url("../img/icons/mail-sticky.svg") no-repeat center;
      background-size: 30px; }
    .sticky-icons a.whatsapp {
      background: url("../img/icons/whatsapp-sticky.svg") no-repeat center;
      background-size: 30px; }
    .sticky-icons a.phone {
      background: url("../img/icons/phone-sticky.svg") no-repeat center;
      background-size: 30px; }

/** MODAL LANGUE **/
.video-for-desktop .ssr-variant {
  height: calc(100vh - 90px); }
  .video-for-desktop .ssr-variant video {
    cursor: auto;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    display: block;
    object-fit: cover;
    background-color: rgba(0, 0, 0, 0);
    object-position: 50% 50%; }
.video-for-desktop.for-home .ssr-variant {
  height: 100vh; }
  .video-for-desktop.for-home .ssr-variant video {
    filter: brightness(0.8); }

.video-for-mobile .ssr-variant {
  height: calc(65vh); }
  .video-for-mobile .ssr-variant video {
    cursor: auto;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    display: block;
    object-fit: cover;
    background-color: rgba(0, 0, 0, 0);
    object-position: 50% 50%; }
.video-for-mobile.for-home .ssr-variant {
  height: calc(100vh - 50px); }
  .video-for-mobile.for-home .ssr-variant video {
    filter: brightness(0.8); }

.title-short {
  padding-top: 100px;
  padding-bottom: 0; }

/* Style de base pour le modal */
.modal {
  align-items: center;
  display: none;
  /* Masqué par défaut */
  position: fixed;
  z-index: 1;
  /* Affiche-le au-dessus du reste du contenu */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000099;
  z-index: 100000000;
  /* Contenu du modal */
  /* Style pour la croix de fermeture */ }
  .modal .black-btn {
    width: 100%;
    padding: 20px 0px; }
  .modal .modal-content {
    background-color: white;
    margin: 40px auto;
    padding: 40px 30px 30px;
    width: 400px;
    max-width: 92%;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .modal .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: #797979;
    cursor: pointer;
    z-index: 100000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center; }
  .modal .close-btn:hover,
  .modal .close-btn:focus {
    color: black;
    text-decoration: none; }
  .modal.modal-gallery .modal-content {
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: auto; }
  .modal.modal-gallery h4 {
    font-size: 30px;
    font-family: "Futura-PT", sans-serif;
    text-transform: uppercase; }
  .modal.modal-gallery .gallery-navigation {
    display: flex;
    width: 100%;
    column-gap: 1.2%;
    row-gap: 20px;
    flex-wrap: wrap; }
    .modal.modal-gallery .gallery-navigation .detail-gallery {
      width: 100%;
      flex: 0 0 19%;
      display: flex;
      flex-direction: column;
      transition: all 0.3s ease-in-out; }
      .modal.modal-gallery .gallery-navigation .detail-gallery:hover {
        transition: all 0.3s ease-in-out; }
        .modal.modal-gallery .gallery-navigation .detail-gallery:hover img {
          opacity: 0.7;
          transition: all 0.3s ease-in-out; }
      .modal.modal-gallery .gallery-navigation .detail-gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .modal.modal-gallery .gallery-navigation .detail-gallery p {
        font-size: 16px;
        font-family: "Futura-PT-Demi", sans-serif;
        margin: 0;
        text-transform: uppercase;
        margin-top: 10px; }
  .modal.modal-gallery .gallery-content {
    border-top: 1px solid #00000038;
    margin-top: 60px;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 60px; }
    .modal.modal-gallery .gallery-content .item {
      display: flex;
      gap: 60px;
      justify-content: space-between; }
      .modal.modal-gallery .gallery-content .item .title {
        width: 300px;
        min-width: 300px;
        position: sticky;
        top: 0;
        height: fit-content; }
      .modal.modal-gallery .gallery-content .item p {
        font-size: 16px;
        line-height: 21px; }
      .modal.modal-gallery .gallery-content .item .images {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 10px; }
        .modal.modal-gallery .gallery-content .item .images .solo-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .modal.modal-gallery .gallery-content .item .images .two-images {
          display: flex;
          width: calc(100% - 10px);
          gap: 10px; }
          .modal.modal-gallery .gallery-content .item .images .two-images img {
            width: 50%;
            height: 100%;
            object-fit: cover; }
  .modal.modal-gallery.pictures-modal .gallery-content {
    border-top: 0;
    margin-top: 0px;
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    gap: 60px; }
  .modal.modal-gallery.pictures-modal .images {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .modal.modal-gallery.pictures-modal .images .solo-image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .modal.modal-gallery.pictures-modal .images .two-images {
      display: flex;
      gap: 10px;
      width: calc(100% - 0px); }
      .modal.modal-gallery.pictures-modal .images .two-images img {
        width: 50%;
        height: 100%;
        object-fit: cover; }

/* Style du lien pour le bouton de l'ouvrir */
.switcher {
  cursor: pointer;
  color: #0066cc;
  font-size: 18px; }

.switcher:hover {
  text-decoration: underline; }

/* Responsivité : on cache le lien en-dessous de la largeur "desktop" */
.only-desktop {
  display: inline-block; }

/* Modifier selon ta taille d'écran */
@media (max-width: 768px) {
  .only-desktop {
    display: none; } }
/** END MODAL LANGUE **/
.yt-embed {
  overflow: hidden;
  aspect-ratio: 20 / 9;
  position: relative;
  height: 100vh; }
  .yt-embed iframe {
    width: 100%;
    height: 100%;
    transform: scale(1.3); }
  .yt-embed .yt-embed-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.43); }

.bg-menu {
  background: #090909; }
  .bg-menu .navbar {
    position: relative;
    top: 0;
    height: 90px; }

.head-villas {
  margin-bottom: 40px; }
  .head-villas h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-family: "Futura-PT-Demi", sans-serif;
    margin-bottom: 10px; }
  .head-villas p {
    margin: 0; }

.listing-villas {
  display: flex;
  flex-direction: column;
  gap: 80px; }

.villa {
  display: flex;
  gap: 60px; }
  .villa .flickity-page-dots {
    bottom: 30px;
    background: #0000008a;
    width: fit-content;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 32px;
    padding: 10px; }
    .villa .flickity-page-dots .dot {
      background: #fff; }
  .villa .container-villa {
    width: 70%; }
    .villa .container-villa .gallery-cell {
      width: 100%; }
  .villa .content-villa {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .villa .content-villa a {
      color: #090909; }
    .villa .content-villa .price {
      color: #090909;
      font-size: 40px;
      text-transform: uppercase;
      font-family: "Futura-PT", sans-serif; }
    .villa .content-villa h3 {
      font-size: 45px;
      color: #090909;
      text-transform: uppercase;
      font-family: "Futura-PT", sans-serif; }
    .villa .content-villa .features-villa {
      display: flex;
      align-items: end;
      gap: 40px; }
      .villa .content-villa .features-villa .feature {
        display: flex;
        align-items: center;
        flex-direction: column; }
        .villa .content-villa .features-villa .feature .marq {
          display: flex;
          align-items: center;
          gap: 10px; }
          .villa .content-villa .features-villa .feature .marq span {
            color: #090909;
            font-size: 21px;
            font-family: "Futura-PT-Demi", sans-serif; }
          .villa .content-villa .features-villa .feature .marq i {
            height: 40px;
            width: 40px;
            min-height: 40px;
            min-width: 40px; }
            .villa .content-villa .features-villa .feature .marq i.icon-bed {
              background: url("../img/icons/bed-icon.svg") center no-repeat;
              background-size: cover; }
            .villa .content-villa .features-villa .feature .marq i.icon-bath {
              background: url("../img/icons/bath-icon.svg") center no-repeat;
              background-size: cover; }
        .villa .content-villa .features-villa .feature p {
          margin: 0;
          font-size: 18px;
          text-transform: uppercase;
          font-family: "Futura-PT", sans-serif;
          letter-spacing: 5px; }
    .villa .content-villa p {
      margin: 0;
      color: #090909; }

.slider-villa {
  height: calc(100vh - 90px);
  position: relative; }
  .slider-villa .container-head-villa {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    bottom: 0; }
    .slider-villa .container-head-villa h1 {
      width: fit-content;
      z-index: 1;
      position: relative;
      font-size: 60px;
      font-family: "Futura-PT-Demi", sans-serif;
      display: flex;
      flex-direction: column;
      line-height: 100px;
      margin: 0;
      background: #090909;
      color: #fff;
      padding: 0px 20px;
      margin-bottom: 12px; }
    .slider-villa .container-head-villa a {
      z-index: 1;
      position: relative; }
    .slider-villa .container-head-villa.short-term-slider h1 {
      background: transparent;
      line-height: 80px;
      text-transform: uppercase;
      font-size: 70px;
      margin: 0;
      padding: 0; }
  .slider-villa img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .slider-villa .title-villa {
    margin: auto;
    width: 92%;
    margin-bottom: 40px; }
    .slider-villa .title-villa a i {
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      margin-right: 12px; }
      .slider-villa .title-villa a i.icon-gallery {
        background: url("../img/icons/photo-icon.svg") center no-repeat;
        background-size: cover; }

a.explore-btn i {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  margin-right: 12px; }
  a.explore-btn i.icon-gallery-explore {
    background: url("../img/icons/explore-icon.svg") center no-repeat;
    background-size: cover; }

.infos-villa-sell {
  display: flex;
  gap: 80px; }
  .infos-villa-sell h2, .infos-villa-sell .price {
    font-size: 40px;
    font-family: "Futura-PT", sans-serif;
    text-transform: uppercase;
    color: #090909; }
  .infos-villa-sell .left .features-villa {
    display: flex;
    align-items: end;
    gap: 40px; }
    .infos-villa-sell .left .features-villa .feature {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .infos-villa-sell .left .features-villa .feature .marq {
        display: flex;
        align-items: center;
        gap: 10px; }
        .infos-villa-sell .left .features-villa .feature .marq span {
          font-size: 21px;
          font-family: "Futura-PT-Demi", sans-serif; }
        .infos-villa-sell .left .features-villa .feature .marq i {
          height: 40px;
          width: 40px;
          min-height: 40px;
          min-width: 40px; }
          .infos-villa-sell .left .features-villa .feature .marq i.icon-bed {
            background: url("../img/icons/bed-icon.svg") center no-repeat;
            background-size: cover; }
          .infos-villa-sell .left .features-villa .feature .marq i.icon-bath {
            background: url("../img/icons/bath-icon.svg") center no-repeat;
            background-size: cover; }
      .infos-villa-sell .left .features-villa .feature p {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Futura-PT", sans-serif;
        letter-spacing: 5px; }
  .infos-villa-sell .left .two {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px; }
    .infos-villa-sell .left .two p {
      font-size: 18px;
      font-family: "Futura-PT-Demi", sans-serif;
      color: #090909;
      display: flex;
      align-items: center;
      gap: 12px; }
      .infos-villa-sell .left .two p i {
        height: 30px;
        width: 30px;
        min-height: 30px;
        min-width: 30px; }
        .infos-villa-sell .left .two p i.icon-pin {
          background: url("../img/icons/pin-icon.svg") center no-repeat;
          background-size: cover; }
    .infos-villa-sell .left .two a {
      font-size: 18px;
      font-family: "Futura-PT-Demi", sans-serif;
      color: #090909;
      text-decoration: underline;
      display: flex;
      align-items: center;
      gap: 12px; }
      .infos-villa-sell .left .two a i {
        height: 30px;
        width: 30px;
        min-height: 30px;
        min-width: 30px; }
        .infos-villa-sell .left .two a i.icon-scanner {
          background: url("../img/icons/scanner-icon.svg") center no-repeat;
          background-size: cover; }
  .infos-villa-sell .left .comodity {
    margin-top: 50px; }
    .infos-villa-sell .left .comodity h3 {
      font-size: 26px;
      text-transform: uppercase;
      font-family: "Futura-PT-Demi", sans-serif;
      margin-bottom: 34px; }
    .infos-villa-sell .left .comodity .list-comodity {
      display: flex;
      column-gap: 60px;
      row-gap: 14px;
      flex-wrap: wrap; }
      .infos-villa-sell .left .comodity .list-comodity .listing {
        display: flex;
        flex-direction: column;
        gap: 14px; }
        .infos-villa-sell .left .comodity .list-comodity .listing p {
          font-size: 18px;
          font-family: "Futura-PT-Demi", sans-serif;
          color: #090909;
          display: flex;
          align-items: center;
          gap: 12px;
          margin: 0; }
          .infos-villa-sell .left .comodity .list-comodity .listing p i {
            height: 20px;
            width: 20px;
            min-height: 20px;
            min-width: 20px; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-levels {
              background: url("../img/icons/layers.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-parking {
              background: url("../img/icons/parking.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-air {
              background: url("../img/icons/air-cond.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-hammam {
              background: url("../img/icons/spa-ly.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-sofa {
              background: url("../img/icons/sofa.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-gym {
              background: url("../img/icons/gym.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-spa {
              background: url("../img/icons/spa.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-fireplace {
              background: url("../img/icons/fireplace.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-elevator {
              background: url("../img/icons/elevator.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-security {
              background: url("../img/icons/security.svg") center no-repeat;
              background-size: cover; }
            .infos-villa-sell .left .comodity .list-comodity .listing p i.icon-ok {
              background: url("../img/icons/ok-hand.svg") center no-repeat;
              background-size: cover; }
  .infos-villa-sell .right {
    display: flex;
    flex-direction: column;
    min-width: 420px;
    gap: 60px; }
    .infos-villa-sell .right .responsible-agent {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      .infos-villa-sell .right .responsible-agent h3 {
        font-size: 26px;
        font-family: "Futura-PT", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px; }
      .infos-villa-sell .right .responsible-agent .agent {
        display: flex;
        align-items: center;
        gap: 30px; }
        .infos-villa-sell .right .responsible-agent .agent .image-agent {
          height: 145px;
          width: 145px;
          min-height: 145px;
          min-width: 145px; }
          .infos-villa-sell .right .responsible-agent .agent .image-agent img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .infos-villa-sell .right .responsible-agent .agent .infos-agent {
          display: flex;
          flex-direction: column; }
          .infos-villa-sell .right .responsible-agent .agent .infos-agent span.name {
            font-size: 24px;
            font-family: "Futura-PT-Demi", sans-serif;
            text-transform: uppercase; }
          .infos-villa-sell .right .responsible-agent .agent .infos-agent span.statue {
            font-size: 21px;
            font-family: "Futura-PT", sans-serif; }
          .infos-villa-sell .right .responsible-agent .agent .infos-agent a.phone {
            color: #090909;
            font-size: 18px;
            font-family: "Futura-PT-Demi", sans-serif;
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 8px; }
            .infos-villa-sell .right .responsible-agent .agent .infos-agent a.phone i {
              height: 30px;
              width: 30px;
              min-height: 30px;
              min-width: 30px;
              background: url("../img/icons/phone-radius.svg") center no-repeat;
              background-size: cover; }
    .infos-villa-sell .right .lets-discuss {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      .infos-villa-sell .right .lets-discuss h3 {
        font-size: 26px;
        font-family: "Futura-PT", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px; }
      .infos-villa-sell .right .lets-discuss input {
        width: 100%;
        border: 1px solid #B3B3B3;
        padding: 17px;
        font-size: 16px;
        font-family: "Futura-PT-Demi", sans-serif;
        color: #555555;
        border-radius: 0; }
        .infos-villa-sell .right .lets-discuss input::placeholder {
          font-size: 16px;
          font-family: "Futura-PT-Demi", sans-serif;
          color: #555555; }
      .infos-villa-sell .right .lets-discuss .phone-input {
        display: flex;
        align-items: center;
        gap: 20px; }
        .infos-villa-sell .right .lets-discuss .phone-input .select-box {
          width: 240px; }
        .infos-villa-sell .right .lets-discuss .phone-input .select-box__input-text,
        .infos-villa-sell .right .lets-discuss .phone-input .select-box__option {
          font-size: 12px; }
      .infos-villa-sell .right .lets-discuss .input-fix {
        display: flex; }
      .infos-villa-sell .right .lets-discuss .container-checkbox a {
        color: #090909;
        text-decoration: underline; }
      .infos-villa-sell .right .lets-discuss form.formular {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .infos-villa-sell .right .lets-discuss form.formular button {
          margin-top: 10px; }

.formular-blocking {
  display: flex;
  gap: 40px; }
  .formular-blocking .titling {
    width: 30%; }
    .formular-blocking .titling h3 {
      font-size: 36px; }
  .formular-blocking .formular {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 30px; }
    .formular-blocking .formular input {
      width: 100%;
      border: 1px solid #B3B3B3;
      padding: 17px;
      font-size: 16px;
      font-family: "Futura-PT-Demi", sans-serif;
      color: #555555; }
      .formular-blocking .formular input::placeholder {
        font-size: 16px;
        font-family: "Futura-PT-Demi", sans-serif;
        color: #555555; }
    .formular-blocking .formular textarea {
      border: 1px solid #B3B3B3;
      padding: 17px;
      font-size: 16px;
      font-family: "Futura-PT-Demi", sans-serif;
      color: #555555; }
      .formular-blocking .formular textarea::placeholder {
        font-size: 16px;
        font-family: "Futura-PT-Demi", sans-serif;
        color: #555555; }
    .formular-blocking .formular .phone-input {
      display: flex;
      align-items: center;
      gap: 20px; }
      .formular-blocking .formular .phone-input .select-box {
        width: 240px; }
      .formular-blocking .formular .phone-input .select-box__input-text,
      .formular-blocking .formular .phone-input .select-box__option {
        font-size: 12px; }
    .formular-blocking .formular .input-fix {
      display: flex; }
    .formular-blocking .formular .container-checkbox a {
      color: #090909;
      text-decoration: underline; }
    .formular-blocking .formular form.formular {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      .formular-blocking .formular form.formular button {
        margin-top: 10px; }
    .formular-blocking .formular .two-input {
      display: flex;
      gap: 20px; }
      .formular-blocking .formular .two-input .input-fix, .formular-blocking .formular .two-input .phone-input {
        width: 100%; }
      .formular-blocking .formular .two-input .phone-input .select-box {
        min-width: 140px; }
      .formular-blocking .formular .two-input .phone-input input {
        min-width: 50px; }

.contact-container {
  display: flex;
  flex-direction: column;
  gap: 60px; }
  .contact-container .reach-us {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .contact-container .reach-us h1 {
      font-size: 60px;
      text-transform: uppercase;
      font-family: "Futura-PT-Demi", sans-serif;
      letter-spacing: 1px; }
    .contact-container .reach-us p {
      margin: 0; }
      .contact-container .reach-us p span {
        color: #090909;
        font-family: "Futura-PT-Demi", sans-serif; }
        .contact-container .reach-us p span i {
          height: 30px;
          width: 30px;
          min-height: 30px;
          min-width: 30px;
          background: url("../img/icons/phone-radius.svg") center no-repeat;
          background-size: cover; }
  .contact-container .agents .responsible-agent {
    display: flex;
    flex-direction: row;
    gap: 80px; }
  .contact-container .formular-blocking {
    display: flex;
    gap: 40px;
    margin-top: 20px;
    border-top: 1px solid #00000029;
    padding-top: 60px; }
    .contact-container .formular-blocking .titling h3 {
      font-size: 36px;
      text-transform: uppercase; }

.breadcrumb-article {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px; }
  .breadcrumb-article a {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Futura-PT-Demi", sans-serif;
    letter-spacing: 3px;
    color: #090909; }
  .breadcrumb-article i {
    height: 12px;
    width: 12px;
    min-height: 12px;
    min-width: 12px;
    background: url("../img/icons/arrow-right-bread.svg") center no-repeat;
    background-size: contain; }

.villa-short-term .features-villa {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 30px; }
.villa-short-term .feature {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .villa-short-term .feature .marq {
    display: flex;
    align-items: center;
    gap: 10px; }
    .villa-short-term .feature .marq span {
      font-size: 21px;
      font-family: "Futura-PT-Demi", sans-serif; }
    .villa-short-term .feature .marq i {
      height: 40px;
      width: 40px;
      min-height: 40px;
      min-width: 40px; }
      .villa-short-term .feature .marq i.icon-bed {
        background: url("../img/icons/bed-icon.svg") center no-repeat;
        background-size: cover; }
      .villa-short-term .feature .marq i.icon-bath {
        background: url("../img/icons/bath-icon.svg") center no-repeat;
        background-size: cover; }
  .villa-short-term .feature p {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Futura-PT", sans-serif;
    letter-spacing: 5px; }

.for-short-term .caroussel-short-term .gallery-cell {
  width: 40%;
  height: 600px; }
.for-short-term .caroussel-short-term .flickity-page-dots {
  display: none; }

.container-content-villa-short {
  margin-top: 40px; }

.conciergerie-items {
  display: flex;
  gap: 3%;
  flex-wrap: wrap;
  row-gap: 50px; }
  .conciergerie-items .conciergerie-item {
    flex: 0 0 48.5%; }
    .conciergerie-items .conciergerie-item img {
      height: 400px;
      width: 100%;
      object-fit: cover; }
    .conciergerie-items .conciergerie-item h3 {
      font-size: 26px;
      font-family: "Futura-PT", sans-serif;
      text-transform: uppercase;
      margin: 20px 0 10px; }
    .conciergerie-items .conciergerie-item p {
      margin: 0; }
    .conciergerie-items .conciergerie-item .bloc-custom {
      padding: 30px;
      text-align: center;
      border: 1px solid #000;
      height: calc(100% - 60px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .conciergerie-items .conciergerie-item .bloc-custom i {
        height: 100px;
        width: 100px;
        min-height: 100px;
        min-width: 100px;
        background: url("../img/icons/bubble-icon.svg") center no-repeat;
        background-size: cover; }

.blog-container {
  display: flex;
  gap: 60px; }
  .blog-container .left {
    display: flex;
    flex-direction: column;
    gap: 80px; }
    .blog-container .left .blog-item {
      display: flex;
      flex-direction: column;
      gap: 20px;
      color: #090909; }
      .blog-container .left .blog-item img {
        width: 100%;
        height: 100%; }
      .blog-container .left .blog-item span.category {
        font-size: 16px;
        color: #090909;
        text-transform: uppercase;
        letter-spacing: 4px; }
      .blog-container .left .blog-item h2 {
        font-size: 36px;
        text-transform: uppercase;
        font-family: "Futura-PT", sans-serif; }
      .blog-container .left .blog-item .infos-reading {
        display: flex;
        align-items: center;
        gap: 40px;
        font-family: "Futura-PT-Demi", sans-serif;
        letter-spacing: 2px; }
        .blog-container .left .blog-item .infos-reading .date {
          font-size: 16px;
          color: black;
          text-transform: uppercase; }
        .blog-container .left .blog-item .infos-reading .time-reading {
          font-size: 16px;
          color: black;
          text-transform: uppercase;
          display: flex;
          gap: 8px;
          align-items: center; }
          .blog-container .left .blog-item .infos-reading .time-reading i {
            height: 20px;
            width: 20px;
            min-height: 20px;
            min-width: 20px;
            background: url("../img/icons/time-icon-reading.svg") center no-repeat;
            background-size: cover; }
  .blog-container .right {
    min-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 60px; }
    .blog-container .right .categories {
      display: flex;
      gap: 10px;
      flex-direction: column; }
      .blog-container .right .categories h4 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: "Futura-PT-Demi", sans-serif;
        margin-bottom: 10px; }
      .blog-container .right .categories a {
        color: #090909;
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Futura-PT-Demi", sans-serif; }
    .blog-container .right form {
      display: flex; }
      .blog-container .right form input {
        width: 100%;
        border: 1px solid #B3B3B3;
        padding: 17px;
        font-size: 16px;
        font-family: "Futura-PT-Demi", sans-serif;
        color: #555555;
        border-right: 0; }
        .blog-container .right form input::placeholder {
          font-size: 16px;
          font-family: "Futura-PT-Demi", sans-serif;
          color: #555555; }
        .blog-container .right form input:focus {
          outline: 0; }
    .blog-container .right .most-read {
      display: flex;
      gap: 20px;
      flex-direction: column; }
      .blog-container .right .most-read h4 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: "Futura-PT-Demi", sans-serif;
        margin-bottom: 10px; }
      .blog-container .right .most-read .item-most-read {
        border-bottom: 1px solid rgba(0, 0, 0, 0.22);
        display: flex;
        align-items: center;
        gap: 40px;
        padding-bottom: 20px; }
        .blog-container .right .most-read .item-most-read img {
          height: 100px;
          width: 100px;
          min-height: 100px;
          min-width: 100px;
          object-fit: cover; }
        .blog-container .right .most-read .item-most-read .infos {
          display: flex;
          flex-direction: column;
          gap: 4px; }
          .blog-container .right .most-read .item-most-read .infos h3 {
            font-size: 16px;
            text-transform: uppercase;
            font-family: "Futura-PT-Demi", sans-serif;
            color: #090909; }
          .blog-container .right .most-read .item-most-read .infos .date {
            color: rgba(0, 0, 0, 0.55);
            letter-spacing: 1px; }
        .blog-container .right .most-read .item-most-read:last-child {
          border-bottom: 0; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

nav.pagination-nav {
  display: flex;
  justify-content: center;
  border-top: 1px solid #e2e2e2;
  margin-top: 0em;
  padding-top: 1.5em; }

.pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
  .pagination li {
    margin: 0 3px; }
  .pagination a {
    display: block;
    padding: 0.6em 1em;
    text-decoration: none;
    border-radius: 0;
    color: #000;
    background: #f4f4f4; }
    .pagination a:hover {
      background: #ececec; }

.pagination a[aria-current="page"] {
  background-color: #000000;
  color: #fff; }

.article-container {
  display: flex;
  gap: 60px; }
  .article-container .left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 860px;
    margin: auto;
    max-width: 100%; }
    .article-container .left h1 {
      font-size: 40px;
      text-transform: uppercase;
      font-family: "Futura-PT", sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    .article-container .left img {
      width: 100%;
      height: 100%;
      margin: 20px 0px 0px; }
    .article-container .left p {
      margin: 0; }
    .article-container .left h3 {
      font-size: 30px;
      color: #090909;
      font-family: "Futura-PT", sans-serif; }
  .article-container .infos-reading {
    margin: 10px 0 40px;
    border-bottom: 1px solid #00000038;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    font-family: "Futura-PT-Demi", sans-serif;
    letter-spacing: 2px; }
    .article-container .infos-reading .date {
      font-size: 16px;
      color: black;
      text-transform: uppercase; }
    .article-container .infos-reading .time-reading {
      font-size: 16px;
      color: black;
      text-transform: uppercase;
      display: flex;
      gap: 8px;
      align-items: center; }
      .article-container .infos-reading .time-reading i {
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px;
        background: url("../img/icons/time-icon-reading.svg") center no-repeat;
        background-size: cover; }

.agents .responsible-agent {
  display: flex;
  flex-direction: column;
  gap: 30px; }
  .agents .responsible-agent h3 {
    font-size: 26px;
    font-family: "Futura-PT-Demi", sans-serif;
    text-transform: uppercase; }
  .agents .responsible-agent .agent {
    display: flex;
    align-items: center;
    gap: 30px; }
    .agents .responsible-agent .agent .image-agent {
      height: 145px;
      width: 145px;
      min-height: 145px;
      min-width: 145px; }
      .agents .responsible-agent .agent .image-agent img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .agents .responsible-agent .agent .infos-agent {
      display: flex;
      flex-direction: column; }
      .agents .responsible-agent .agent .infos-agent span.name {
        font-size: 24px;
        font-family: "Futura-PT-Demi", sans-serif;
        text-transform: uppercase; }
      .agents .responsible-agent .agent .infos-agent span.statue {
        font-size: 21px;
        font-family: "Futura-PT", sans-serif; }
      .agents .responsible-agent .agent .infos-agent a.phone {
        color: #090909;
        font-size: 18px;
        font-family: "Futura-PT-Demi", sans-serif;
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 8px; }
        .agents .responsible-agent .agent .infos-agent a.phone i {
          height: 30px;
          width: 30px;
          min-height: 30px;
          min-width: 30px;
          background: url("../img/icons/phone-radius.svg") center no-repeat;
          background-size: cover; }

.title-related {
  font-size: 40px;
  color: #090909;
  font-family: "Futura-PT", sans-serif;
  text-transform: uppercase;
  border-top: 1px solid #0000004a;
  padding-top: 40px;
  margin-bottom: 30px; }

.related-posts {
  display: flex;
  gap: 60px; }
  .related-posts .post {
    width: 100%; }
    .related-posts .post h2 {
      margin: 16px 0px;
      font-size: 26px;
      text-transform: uppercase;
      color: #090909;
      font-family: "Futura-PT", sans-serif; }
    .related-posts .post img {
      height: 300px;
      width: 100%;
      object-fit: cover; }
    .related-posts .post p {
      margin: 0;
      font-size: 18px;
      line-height: 27px; }

/** CHECKBOX STYLES **/
/* Customize the label (the container) */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ffffff36; }

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #ffffff;
  border: 1px solid #ffffff; }

.checkbox-black.container-checkbox input:checked ~ .checkmark {
  background-color: #000000;
  border: 1px solid #000000; }

.checkbox-black .checkmark {
  border: 1px solid #b3b3b3; }

.checkbox-black.container-checkbox .checkmark:after {
  border-color: #ffff; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 8px;
  border: solid #000000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  color: #60666d; }

.title-select {
  font-size: 14px;
  color: #4D4D4D;
  line-height: 28px;
  letter-spacing: 2px;
  font-family: 'Futura-PT', sans-serif;
  margin: 0;
  margin-bottom: 10px; }

.select-box__current {
  position: relative;
  cursor: pointer;
  outline: none; }

.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none; }

.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer; }

.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  opacity: 0.7;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease; }

.select-box__value {
  display: -webkit-box;
  display: flex; }

.select-box__input {
  display: none; }

.select-box__input:checked + .select-box__input-text {
  display: block; }

.select-box__input-text {
  display: none;
  font-size: 14px;
  font-family: 'Futura-PT', sans-serif;
  width: 100%;
  margin: 0;
  padding: 15px;
  background-color: #eaeaea; }

.select-box__list {
  position: absolute;
  z-index: 1000000;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  margin: 0; }

.select-box__option {
  display: block;
  padding: 14px;
  background-color: #f3f3f3;
  font-size: 14px;
  font-family: 'Futura-PT', sans-serif; }

.select-box__option:hover, .select-box__option:focus {
  color: #fff;
  background-color: #181818; }

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
/** RESPONSIVE **/
@media (max-width: 1600px) {
  .blog-container .left .blog-item {
    gap: 12px; }
    .blog-container .left .blog-item h2 {
      font-size: 30px; }
    .blog-container .left .blog-item .infos .date {
      font-size: 14px; }
    .blog-container .left .blog-item .infos .time-reading {
      font-size: 14px; }
      .blog-container .left .blog-item .infos .time-reading i {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px; }
    .blog-container .left .blog-item span.category {
      font-size: 14px; }
    .blog-container .left .blog-item img {
      margin-bottom: 12px; }
  .blog-container .right form button.search-btn {
    font-size: 14px; }

  .conciergerie-items .conciergerie-item img {
    height: 300px; }

  .head-villas h1 {
    font-size: 40px; }

  .h2-spec {
    font-size: 40px; }

  .conciergerie-bloc p {
    width: 80%; }

  .slider-villa .container-head-villa.short-term-slider h1 {
    line-height: 62px;
    font-size: 54px; }

  .switcher.lang {
    transform: scale(0.8); }

  .infos-villa-sell .right .responsible-agent .agent .image-agent {
    height: 110px;
    width: 110px;
    min-height: 110px;
    min-width: 110px; }
  .infos-villa-sell .right .responsible-agent .agent .infos-agent span.name {
    font-size: 20px; }
  .infos-villa-sell .right .responsible-agent .agent .infos-agent span.statue {
    font-size: 18px; }
  .infos-villa-sell .right .responsible-agent .agent .infos-agent span.phone {
    font-size: 16px; }

  .infos-villa-sell h2, .infos-villa-sell .price {
    font-size: 34px; }

  .infos-villa-sell .right {
    min-width: 380px; }

  .padding-100-y {
    padding-top: 80px;
    padding-bottom: 80px; }

  .listing-villas {
    gap: 50px; }

  .villa .gallery-cell {
    height: 400px; }
  .villa .content-villa h3 {
    font-size: 40px; }
  .villa .content-villa .features-villa {
    gap: 30px; }
    .villa .content-villa .features-villa .feature .marq span {
      font-size: 18px; }
    .villa .content-villa .features-villa .feature p {
      font-size: 16px; }
  .villa .content-villa .price {
    font-size: 36px; }

  .navbar .logo {
    width: 240px; }
  .navbar a {
    font-size: 16px; }

  .title-head h1 {
    font-size: 70px;
    line-height: 80px; }
    .title-head h1 .f-1 {
      font-size: 40px;
      line-height: 30px; }
  .title-head p {
    font-size: 22px;
    margin-top: 18px; }

  p {
    font-size: 18px;
    color: #4D4D4D;
    line-height: 25px; }

  .desc-cl h2 {
    font-size: 44px; }

  .private {
    padding: 80px 0; }
    .private h2 {
      font-size: 44px; }

  .div-4-8 .second {
    font-size: 46px; }

  .gallery-cell {
    height: 500px; }

  .caroussel-blog .gallery-cell {
    height: 300px; }

  .caroussel-blog .gallery-cell .blog-desc h2 {
    color: #fff;
    font-size: 21px;
    margin-bottom: 6px; }

  .caroussel-blog .gallery-cell .blog-desc .infos {
    padding: 30px 20px;
    width: 100%; }

  .insight-bloc h2 {
    font-size: 50px; }

  .insight-bloc h3 {
    font-size: 50px; }

  .margin-100-y {
    margin-top: 80px;
    margin-bottom: 80px; }

  .div-4-8 .first {
    font-size: 18px;
    margin-top: 10px; }

  footer .first h3 {
    font-size: 40px; }
  footer .second ul li a {
    font-size: 16px; }
  footer .first form {
    color: #fff;
    font-size: 14px; }
    footer .first form p {
      font-size: 16px; }

  footer .down p, footer .down a {
    font-size: 14px; }

  footer .second ul {
    margin: 0; }

  .white-btn {
    font-size: 16px; } }
@media (max-width: 1400px) {
  .formular-blocking .formular .two-input {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .infos-villa-sell .right .lets-discuss {
    position: sticky;
    top: 30px; }

  .video-for-mobile {
    display: none; }

  .mobile-name, .logo-mobile, .only-mobile {
    display: none; } }
@media (max-width: 992px) {
  .submenu-btn {
    width: calc(100% - 60px);
    justify-content: space-between; }

  .blog-container.article-container .left {
    gap: 0; }
    .blog-container.article-container .left h1 {
      font-size: 26px; }
    .blog-container.article-container .left h3 {
      font-size: 23px;
      margin-bottom: 10px;
      margin-top: 10px; }
  .blog-container.article-container .infos-reading {
    margin: 20px 0 20px; }
    .blog-container.article-container .infos-reading .date {
      font-size: 12px; }
    .blog-container.article-container .infos-reading .time-reading {
      font-size: 12px; }
      .blog-container.article-container .infos-reading .time-reading i {
        height: 14px;
        width: 14px;
        min-height: 14px;
        min-width: 14px; }

  .blog-container {
    flex-direction: column; }
    .blog-container .left {
      gap: 40px; }
      .blog-container .left .blog-item {
        gap: 12px; }
        .blog-container .left .blog-item h2 {
          font-size: 21px; }
        .blog-container .left .blog-item .infos-reading .date {
          font-size: 12px; }
        .blog-container .left .blog-item .infos-reading .time-reading {
          font-size: 12px; }
          .blog-container .left .blog-item .infos-reading .time-reading i {
            height: 14px;
            width: 14px;
            min-height: 14px;
            min-width: 14px; }
        .blog-container .left .blog-item span.category {
          font-size: 12px; }
        .blog-container .left .blog-item img {
          margin-bottom: 6px; }
    .blog-container .right {
      max-width: 100%;
      min-width: 100%;
      border-top: 1px solid rgba(0, 0, 10, 0.3);
      padding-top: 40px; }

  .conciergerie-items .conciergerie-item .bloc-custom {
    padding: 10px;
    height: calc(100% - 20px); }
    .conciergerie-items .conciergerie-item .bloc-custom h3 {
      margin-top: 10px;
      font-size: 18px; }
    .conciergerie-items .conciergerie-item .bloc-custom i {
      height: 50px;
      width: 50px;
      min-height: 50px;
      min-width: 50px; }

  .explore-btn {
    width: auto; }

  .conciergerie-items {
    gap: 5%;
    row-gap: 30px; }
    .conciergerie-items .conciergerie-item {
      flex: 0 0 47.5%; }
      .conciergerie-items .conciergerie-item h3 {
        font-size: 21px; }
      .conciergerie-items .conciergerie-item p {
        font-size: 14px;
        line-height: 18px; }
      .conciergerie-items .conciergerie-item img {
        height: 150px; }

  .for-short-term .caroussel-short-term .gallery-cell {
    width: 100%;
    height: 500px; }

  .h2-spec {
    font-size: 26px;
    font-family: "Futura-PT", sans-serif; }

  .villa-short-term .features-villa {
    gap: 30px; }
    .villa-short-term .features-villa .feature .marq span {
      font-size: 16px; }
    .villa-short-term .features-villa .feature .marq i {
      height: 26px;
      width: 26px;
      min-height: 26px;
      min-width: 26px; }
    .villa-short-term .features-villa .feature p {
      font-size: 14px;
      letter-spacing: 2px; }

  .conciergerie-bloc {
    padding: 60px 0; }
    .conciergerie-bloc h2 {
      font-size: 26px; }
    .conciergerie-bloc p {
      width: 100%; }

  .formular-blocking {
    flex-direction: column; }
    .formular-blocking .formular {
      width: 100%; }
      .formular-blocking .formular .two-input {
        flex-wrap: wrap; }
    .formular-blocking .titling {
      width: 100%; }
      .formular-blocking .titling h3 {
        font-size: 26px; }
    .formular-blocking button.black-btn {
      width: 100%; }

  .h2-style {
    font-size: 32px; }

  .caroussel-short-term {
    margin-top: 24px; }
    .caroussel-short-term .gallery-cell {
      width: 100%;
      height: 500px; }
    .caroussel-short-term .villa-desc h2 {
      font-size: 30px;
      margin: 0; }
    .caroussel-short-term .villa-desc .infos {
      width: 100%;
      text-align: center; }

  .slider-villa .container-head-villa.short-term-slider h1 {
    font-size: 28px;
    line-height: 34px;
    margin: 0;
    padding: 0; }
  .slider-villa .container-head-villa.short-term-slider.for-villa h1 {
    font-size: 30px;
    line-height: 42px; }

  .modal.modal-gallery .gallery-navigation {
    flex-wrap: nowrap;
    overflow: scroll;
    min-height: fit-content; }
    .modal.modal-gallery .gallery-navigation .detail-gallery {
      flex: 0 0 40%; }
      .modal.modal-gallery .gallery-navigation .detail-gallery p {
        font-size: 14px; }
  .modal.modal-gallery h4 {
    font-size: 24px; }

  .modal.modal-gallery .modal-content {
    padding: 30px 16px 16px; }
  .modal.modal-gallery .gallery-content {
    margin-top: 20px;
    padding-top: 30px; }
    .modal.modal-gallery .gallery-content .item {
      display: flex;
      gap: 10px;
      flex-direction: column; }
      .modal.modal-gallery .gallery-content .item .title {
        width: 100%;
        min-width: 100%;
        position: relative; }

  .div-4-8 .first {
    margin-bottom: 0; }

  .slider-villa .container-head-villa h1 {
    line-height: 70px;
    font-size: 30px; }
  .slider-villa .container-head-villa.villa-sell a.white-btn {
    font-size: 12px;
    padding: 16px 18px; }

  .infos-villa-sell {
    flex-direction: column;
    gap: 60px; }
    .infos-villa-sell .left .two p {
      font-size: 15px;
      gap: 6px; }
      .infos-villa-sell .left .two p i {
        height: 24px;
        width: 24px;
        min-height: 24px;
        min-width: 24px; }
    .infos-villa-sell .left .two a {
      font-size: 15px;
      gap: 6px; }
      .infos-villa-sell .left .two a i {
        height: 24px;
        width: 24px;
        min-height: 24px;
        min-width: 24px; }
    .infos-villa-sell .left .features-villa {
      gap: 30px; }
      .infos-villa-sell .left .features-villa .feature .marq span {
        font-size: 16px; }
      .infos-villa-sell .left .features-villa .feature .marq i {
        height: 26px;
        width: 26px;
        min-height: 26px;
        min-width: 26px; }
      .infos-villa-sell .left .features-villa .feature p {
        font-size: 14px;
        letter-spacing: 2px; }
    .infos-villa-sell .left .comodity h3 {
      font-size: 24px;
      margin-bottom: 22px; }
    .infos-villa-sell .right {
      min-width: 100%;
      border-top: 1px solid #0000003d;
      padding-top: 40px; }
      .infos-villa-sell .right .responsible-agent .agent {
        gap: 20px; }
        .infos-villa-sell .right .responsible-agent .agent .image-agent {
          height: 110px;
          width: 110px;
          min-height: 110px;
          min-width: 110px; }
        .infos-villa-sell .right .responsible-agent .agent .infos-agent span.name {
          font-size: 20px; }
        .infos-villa-sell .right .responsible-agent .agent .infos-agent span.statue {
          font-size: 18px; }
        .infos-villa-sell .right .responsible-agent .agent .infos-agent span.phone {
          font-size: 16px; }
      .infos-villa-sell .right .responsible-agent h3 {
        font-size: 24px; }
      .infos-villa-sell .right .lets-discuss h3 {
        font-size: 24px; }

  .infos-villa-sell h2, .infos-villa-sell .price {
    font-size: 26px; }

  .navbar .switcher-mobile, .navbar .hamburger {
    transform: scale(0.8); }

  .head-villas {
    margin-bottom: 30px; }
    .head-villas h1 {
      font-size: 30px; }

  .listing-villas {
    gap: 80px; }

  .villa {
    flex-direction: column;
    gap: 30px; }
    .villa .flickity-page-dots {
      bottom: 12px;
      transform: scale(0.7); }
    .villa .content-villa {
      gap: 10px; }
    .villa .container-villa {
      width: 100%; }
    .villa .gallery-cell {
      height: 300px; }
    .villa .content-villa h3 {
      font-size: 30px; }
    .villa .content-villa .features-villa {
      gap: 30px; }
      .villa .content-villa .features-villa .feature .marq span {
        font-size: 16px; }
      .villa .content-villa .features-villa .feature .marq i {
        height: 26px;
        width: 26px;
        min-height: 26px;
        min-width: 26px; }
      .villa .content-villa .features-villa .feature p {
        font-size: 14px;
        letter-spacing: 2px; }
    .villa .content-villa .price {
      font-size: 26px;
      margin-top: 4px; }

  .bg-menu .navbar {
    height: 53px; }

  .video-for-desktop {
    display: none; }

  a.switcher.only-desktop {
    display: none !important; }

  p {
    font-size: 16px;
    line-height: 21px; }

  .bar {
    display: block; }

  .hamburger {
    display: block;
    z-index: 11; }

  .hamburger.active .bar:nth-child(2) {
    opacity: 0; }

  .hamburger.active .bar:nth-child(1) {
    transform: rotate(45deg) translateY(11.5px); }

  .hamburger.active .bar:nth-child(3) {
    transform: rotate(-45deg) translateY(-11.5px); }

  .nav-menu {
    position: fixed;
    right: -100%;
    top: 0;
    flex-direction: column;
    width: 100%;
    text-align: center;
    background: black; }

  .nav-item {
    padding: 1.5rem 0; }

  .desc-cl h2 {
    font-size: 34px;
    letter-spacing: 3px; }

  .nav-menu.active {
    right: 0;
    top: 0;
    height: 100%;
    justify-content: flex-start;
    gap: 21px;
    transition: 0.5s;
    z-index: 10; }
    .nav-menu.active .mobile-name {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.51);
      letter-spacing: 6px;
      text-align: left;
      margin-bottom: 10px; }
    .nav-menu.active .left, .nav-menu.active .right {
      display: flex;
      flex-direction: column;
      gap: 21px;
      margin-left: 60px; }
    .nav-menu.active .left {
      margin-top: 40px; }
    .nav-menu.active .mid {
      display: none; }

  .three-gr, .div-6-3-3, .div-4-8 {
    display: flex;
    flex-direction: column;
    gap: 40px; }
    .three-gr .third, .div-6-3-3 .third, .div-4-8 .third {
      display: flex; }

  footer .first .inputing input {
    font-size: 16px; }
    footer .first .inputing input::placeholder {
      font-size: 16px; }
  footer .first h3 {
    font-size: 30px; }
  footer .first p {
    font-size: 16px; }

  .white-btn, .black-btn {
    font-size: 14px;
    padding: 20px 20px; }

  .padding-100-y {
    padding-top: 60px;
    padding-bottom: 60px; }

  footer .down {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0; }

  .title-head h1 .f-1 {
    font-size: 30px;
    line-height: 26px; }

  .title-head h1 {
    font-size: 34px;
    line-height: 41px; }

  .title-head p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px; }

  .black-btn-spacing {
    font-size: 14px;
    padding: 20px 26px; }

  .desc-cl .right {
    margin-top: 20px;
    gap: 10px; }

  .margin-100-y {
    margin-top: 60px;
    margin-bottom: 60px; }

  .private {
    padding: 60px 0; }
    .private p {
      color: #fff;
      width: 96%; }

  .div-4-8 .second {
    font-size: 7vw; }

  .gallery-cell, .caroussel-blog .gallery-cell {
    width: 100%; }

  .private h2 {
    font-size: 36px; }

  .gallery-cell .villa-desc h2 {
    font-size: 26px;
    margin-bottom: 8px; }

  .gallery-cell .villa-desc p {
    font-size: 24px;
    margin: 0; }

  .gallery-cell .villa-desc .infos {
    padding: 30px;
    width: 100%;
    text-align: center; }

  .div-4-8 {
    margin-bottom: 30px; }

  .insight-bloc h2 {
    font-size: 30px;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 10px; }
    .insight-bloc h2 br {
      display: none; }
  .insight-bloc h3 {
    font-size: 20px;
    text-align: left; }
  .insight-bloc.margin-60-b {
    margin-bottom: 30px; }

  .title-head {
    margin-bottom: 30px; }
    .title-head.for-home {
      margin-bottom: 120px; }

  .navbar {
    height: 40px;
    top: 8px; }

  .container-rightzero {
    margin: auto;
    width: 92%; }

  .sticky-icons {
    gap: 0;
    width: 100%;
    padding: 0; }
    .sticky-icons a {
      padding: 10px 30px; }

  .contact-container {
    gap: 30px; }
    .contact-container .reach-us h1 {
      font-size: 30px; }
    .contact-container .agents .responsible-agent {
      flex-direction: column;
      gap: 30px; }
      .contact-container .agents .responsible-agent .agent {
        gap: 20px; }
        .contact-container .agents .responsible-agent .agent .image-agent {
          height: 110px;
          width: 110px;
          min-height: 110px;
          min-width: 110px; }
        .contact-container .agents .responsible-agent .agent .infos-agent span.name {
          font-size: 20px; }
        .contact-container .agents .responsible-agent .agent .infos-agent span.statue {
          font-size: 18px; }
        .contact-container .agents .responsible-agent .agent .infos-agent span.phone {
          font-size: 16px; }
      .contact-container .agents .responsible-agent h3 {
        font-size: 24px; }
    .contact-container .formular-blocking {
      gap: 10px;
      margin-top: 10px;
      padding-top: 30px; }
      .contact-container .formular-blocking .titling h3 {
        font-size: 30px; }

  .breadcrumb-article a {
    font-size: 12px; }
  .breadcrumb-article i {
    height: 10px;
    width: 10px;
    min-height: 10px;
    min-width: 10px;
    background: url("../img/icons/arrow-right-bread.svg") center no-repeat;
    background-size: contain; }

  .submenu {
    opacity: 0;
    transform: translateY(-30px);
    /* Effet de glissement */
    transition: opacity 1s ease, transform 1s ease; }
    .submenu .nav-menu-der {
      width: 100%; }

  .submenu.active {
    width: calc(100% - 60px);
    opacity: 1;
    transition: opacity 1s ease, transform 1s ease;
    transform: translateY(0);
    position: static;
    display: flex;
    background: transparent;
    max-height: 300px;
    margin-top: -10px;
    margin-bottom: 10px; }
    .submenu.active .left {
      padding: 0;
      align-items: baseline;
      margin: 0; }
      .submenu.active .left h4 {
        display: none; }
      .submenu.active .left .nav-menu-der a {
        color: #fff; }
        .submenu.active .left .nav-menu-der a i {
          filter: invert(1); }
    .submenu.active .right {
      display: none !important; }

  .related-posts {
    flex-direction: column; }

  .title-short {
    padding-top: 50px; }

  .title-related {
    font-size: 30px; }

  .slider-villa {
    height: calc(65vh); }
    .slider-villa .title-villa {
      margin-bottom: 20px; } }
@media (min-width: 992px) {
  .none-desktop {
    display: none; } }
@media (max-width: 992px) {
  .none-mobile {
    display: none; } }

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