@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Barlow',sans-serif;background:#fff;color:#111;overflow-x:hidden}li{list-style:none}img{max-width:100%;display:block}button{font:inherit}.title{font-weight:700;font-size:24px;line-height:29px;text-align:center;color:#fff}.subtitle{font-weight:700;font-size:16px;line-height:19px;text-align:center;color:#fff}.reveal{opacity:0;transform:translateY(70px) scale(.96);transition:opacity .8s ease,transform .8s cubic-bezier(0,.71,.2,1.01)}.reveal-y{transform:translateY(-80px)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}
.nav{position:fixed;inset:0 0 auto 0;width:100%;height:45px;z-index:60;background:#195F85;box-shadow:0 4px 4px rgba(0,0,0,.25);transition:background .3s,box-shadow .3s}.nav__link{display:block;width:50px;height:30px;position:absolute;top:8px;left:15px;cursor:pointer;z-index:80}.nav__link--logo{display:none}.nav__link--logo2{display:block;width:80px;height:30px;background:url(img/logo.svg) center/contain no-repeat}.nav__burger{display:flex;position:absolute;width:30px;height:18px;right:15px;top:14px;cursor:pointer;border:0;background:transparent;z-index:90}.nav__burger--btn,.nav__burger--btn::after,.nav__burger--btn::before{display:block;position:absolute;width:100%;height:3px;background:#fff;border-radius:2px;transition:all .5s cubic-bezier(.1,.9,0,1.2)}.nav__burger--btn{top:6px}.nav__burger--btn::after{content:'';bottom:-6px}.nav__burger--btn::before{content:'';top:-6px}.nav__burger--btn.active{background:rgba(255,255,255,0)}.nav__burger--btn.active::after{bottom:0;transform:rotate(45deg)}.nav__burger--btn.active::before{top:0;transform:rotate(135deg)}
.menu{position:fixed;padding:90px 15px 0;width:100vw;height:100vh;background:#3488B2;transform:translateX(100%);transition:.3s;z-index:50;backdrop-filter:blur(4px)}.menu.active{transform:translateX(0)}.menu__content{text-align:center;text-transform:uppercase}.menu__content--li{margin-bottom:45px}.menu__content--a{cursor:pointer;font-weight:500;font-size:16px;line-height:29px;text-align:center;color:#fff;position:relative;text-decoration:none;--b:.1em;--c:#fff;padding-block:var(--b);background:linear-gradient(var(--c) 50%,#000 0) 0% calc(100% - var(--_p,0%))/100% 200%,linear-gradient(var(--c) 0 0) 0% var(--_p,0%)/var(--_p,0%) var(--b) no-repeat;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;transition:.3s var(--_s,0s) linear,background-size .3s calc(.3s - var(--_s,0s))}.menu__content--a:hover{--_p:100%;--_s:.3s}.blur{display:none}
.header{z-index:3}.header__parallax{background:url(img/header-mob1.png) center/cover no-repeat fixed;min-height:30vh;will-change:background-position}.header__img{position:relative;width:100vw;height:30vh;display:flex;justify-content:center;align-items:center}.header__img--logo{display:none}
.about{padding:10px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(img/about.png) center/cover no-repeat}.about__title{margin:15px 0 30px}.about__subtitle{margin-bottom:30px}
.price{position:relative}.price__img{position:absolute;top:0;right:0;height:355px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;opacity:.7;width:100%;z-index:-1}.price__title{font-weight:700;line-height:19px;text-align:center;padding:40px 0;font-size:24px;text-transform:uppercase}.accordion{width:90%;max-width:520px;margin:0 auto 10px}.accordion__btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;background:#195F85;color:#fff;border:0;border-radius:8px;padding:12px 16px;text-align:left;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25)}.accordion__icon{font-size:28px;line-height:1;transition:transform .3s}.accordion.active .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;background:#fff;border-radius:0 0 8px 8px;box-shadow:rgba(25,95,133,.22) 0 8px 24px;transition:max-height .35s ease,padding .35s ease;padding:0 18px}.accordion.active .accordion__content{max-height:650px;padding:16px 18px}.accordion__content--li{font-weight:500;font-size:16px;line-height:1.35;margin:0 0 10px;text-align:left}.accordion__content--li em{display:block;font-style:italic;padding-left:16px;color:#195F85}.accordion__content--li strong{display:block;margin-top:8px;color:#195F85}
.partners{max-width:100%;height:164px;padding:40px;background:#195F85;margin-top:100px;overflow:hidden}.partners__track{display:flex;align-items:center;width:max-content;animation:partners-marquee 34s linear infinite}.partners:hover .partners__track{animation-play-state:paused}.partners__img{flex:0 0 auto;margin-left:50px;height:80px;display:flex;align-items:center;justify-content:center}.partners__img img{max-height:75px;object-fit:contain}@keyframes partners-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.objects{text-align:center;padding:25px}.objects__title{margin:40px 0 30px}.objects__title .title{color:#000}.properties{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.listing{width:25%;min-width:300px;max-width:400px;position:relative;margin:20px;cursor:pointer;box-shadow:rgba(25,95,133,.4) 0 8px 24px;background:#fff;border-radius:10px;overflow:hidden;transition:transform .25s ease}.listing:hover{transform:scale(1.06)}.listing::before{content:"";display:block;padding-bottom:125%}.listing__content{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:10px;overflow:hidden}.listing__image-container{width:100%;height:65%;overflow:hidden}.listing__image{width:100%;height:100%;object-fit:cover}.listing__details{height:35%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 25px;position:relative}.listing__row{margin:6px 0;display:flex;align-items:center}.listing__price{font-weight:500;font-size:1.5rem}
.footer{display:flex;flex-direction:column;align-items:center;width:100%;height:224px;background:url(img/footer.png) center/cover no-repeat;box-shadow:0 -3px 4px rgba(0,0,0,.25);margin-top:107px}.footer__title{margin:30px 0 20px}.footer__title .title{color:#fff}.footer__tell,.footer__mail{margin:15px 0 0}.footer__tell--namb,.footer__mail--text{display:block;font-weight:700;font-size:16px;line-height:19px;text-align:center;color:#fff;margin-left:3px;text-decoration:none}.footer__icons{display:flex;justify-content:center;margin-top:20px}.footer__icons a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;font-weight:700;font-size:22px;transition:translate .2s}.footer__icons a:hover{translate:0 -3px}.footer__icons--facebook,.footer__icons--viber{margin-left:20px}
.overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:100;display:flex;overflow-y:auto;justify-content:center;align-items:flex-start;padding:40px 0}.overlay[hidden]{display:none}.modal{font-weight:500;min-height:600px;border-radius:20px;position:relative;background:#fff;box-shadow:rgba(149,157,165,.2) 0 8px 24px;display:flex;width:90%;height:auto;flex-direction:column;justify-content:space-around;align-items:center;padding:15px;animation:modalIn .25s ease}.modal__image{width:100%;max-width:600px;margin:0 auto;position:relative;border-radius:20px}.modal__slide{text-align:center}.modal__slide-image{width:100%;height:300px;object-fit:contain;border-radius:10px}.modal__info{background:#fff;display:flex;width:100%;height:100%;padding:20px;flex-direction:column;align-items:center}.modal__row{margin:20px 0;display:flex;text-align:center}.modal__price{font-size:1.5rem;text-align:center}.modal__description{color:#737373;margin:0;padding:0;font-size:1.25rem}.modal__close-wrapper{all:unset;position:absolute;cursor:pointer;right:-20px;top:-30px;width:42px;height:42px;text-align:center;font-size:42px;line-height:1;color:#cacaca}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:rgba(25,95,133,.75);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:30px;line-height:1}.slider-btn--prev{left:8px}.slider-btn--next{right:8px}.modal__dots{display:flex;justify-content:center;gap:7px;margin-top:12px;flex-wrap:wrap}.modal__dots button{width:8px;height:8px;border-radius:50%;border:0;background:#cacaca;cursor:pointer;padding:0}.modal__dots button.active{background:#195F85}@keyframes modalIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:575px){.title{font-size:26px}.subtitle{font-size:20px;line-height:31px}.nav{height:60px}.nav__link--logo2{width:100px;height:40px;margin-top:6px}.nav__burger{top:20px;width:40px;height:28px}.nav__burger--btn::after{bottom:-10px}.nav__burger--btn::before{top:-10px}.menu__content--a{font-size:18px}.header__parallax,.header__img{height:50vh}.about__subtitle{max-width:560px}.modal__slide-image{height:400px}}
@media(min-width:785px){.price__img{width:50%;height:355px;background-image:url(img/price3.jpeg);overflow-y:hidden}.price__title{font-size:32px;padding-right:50%}.accordion{margin-left:7%;margin-right:auto}.modal__price{font-size:27px}}
@media(min-width:935px){.nav{width:15%;background:transparent;box-shadow:none}.nav.scrolled{background:transparent;box-shadow:none}.nav__link--logo{display:block;background:url(img/logo.svg) center/contain no-repeat;width:100px;height:40px;margin-top:6px}.nav__link--logo2,.nav__burger{display:none}.menu{height:65px;background:transparent;backdrop-filter:blur(0);transform:translateX(0);padding:18px 2% 0}.menu__content ul{display:flex;justify-content:flex-end;align-items:center}.menu__content--li{margin-left:27px;z-index:70;margin-bottom:0}.blur{display:block;width:100vw;height:65px;background:transparent;padding:18px 5% 0;position:fixed;top:0;right:0;transition:background .3s,box-shadow .3s}.blur.scrolled{background:#195F85;box-shadow:0 4px 4px rgba(0,0,0,.25)}}
@media(min-width:1024px){.title{font-size:32px}.subtitle{font-size:26px}.nav__link--logo{width:140px;height:50px;margin-top:0}.menu{padding:25px 3% 0}.header__parallax,.header__img{height:70vh}.about__title{margin:25px 0 30px}.about__subtitle{max-width:790px;margin-bottom:50px}.about__subtitle .subtitle{line-height:40px}.price{min-height:675px}.price__img{min-height:675px}.partners__img{margin-left:100px}.objects__title{margin:100px 0 65px}.footer__tell,.footer__mail{margin:20px 0 0}.footer__icons{margin-top:15px}.footer__icons a{width:30px;height:30px;font-size:28px}.footer__icons--facebook,.footer__icons--viber{margin-left:40px}}
@media(min-width:1116px){.menu__content--a{font-size:22px}}
@media(min-width:1181px){.modal{width:80%;height:80%;max-width:1800px;justify-content:space-between;align-items:center;flex-direction:row;padding:30px}.modal__image{width:calc(70% - 10px);height:100%;max-width:none}.modal__slide-image{height:60vh}.modal__info{width:calc(30% - 10px);height:100%;padding:20px;flex-direction:column;align-items:flex-start}.modal__close-wrapper{right:10px;top:10px;color:#737373}.modal__description{font-size:18px;color:#555;text-align:center;margin-top:10px}}
@media(min-width:1281px){.overlay{justify-content:center;align-items:center}}
@media(min-width:370px){.header__parallax {
    background: url(img/header-mob1.png) center / cover no-repeat fixed;
    min-height: 52vh;
    will-change: background-position;
    background-position: -21px 19px;
}}
.footer__icons {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 14px;
}

.footer__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.footer__icon img {
  width: 22px;
  height: 22px;
  display: block;
}

.footer__icon:hover {
  transform: translateY(-3px);
  opacity: 0.85;
}


/* === Language switcher === */
.menu__lang {
  display: flex;
  justify-content: center;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  color: #fff;
}

.lang-switch__btn {
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  opacity: .65;
  padding: 4px 3px;
  transition: opacity .2s ease, transform .2s ease;
}

.lang-switch__btn.active,
.lang-switch__btn:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.lang-switch__separator {
  opacity: .7;
  font-weight: 700;
}

@media (min-width: 935px) {
  .menu__lang {
    margin-left: 27px;
  }

  .menu__lang .lang-switch {
    margin-top: -3px;
  }
}

@media (max-width: 934px) {
  .menu__lang {
    margin-bottom: 35px;
  }
}
