@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital@1&display=swap");
* {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

::placeholder {
  color: #b0936c;
  font-style: italic;
}

html {
  margin: 0;
  padding: 0;
  font-size: 18px;
  min-width: 1265px;
}
html body {
  margin: 0;
  padding: 0;
  min-width: 1265px;
  position: relative;
}
html .container-main {
  width: 100%;
}
html .container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 54px minmax(460px, 1800px) 54px 1fr;
  grid-template-areas: ". . content . .";
  padding: 50px 0;
}
html .container .content {
  grid-area: content;
  position: relative;
}
@media (max-width: 650px) {
  html .container {
    display: block;
    padding: 5px 10px;
  }
}
html .container-full {
  padding: 0;
  grid-template-columns: 1fr minmax(460px, 1800px) 1fr;
  grid-template-areas: ". content .";
}
html .container-megafull {
  padding: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
}
html .container-tall {
  padding: 120px 0;
}

.container-dark {
  color: #fff;
}
.container-dark h6 {
  color: #b0936c;
}

.container-bdark {
  background: #0e1a2c;
  color: #fff;
}
.container-bdark h6 {
  color: #b0936c;
}

.container-light {
  color: #111;
}
.container-light h6 {
  color: #b0936c;
}

.black {
  color: #000;
}

.container h6 {
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0;
}
.container h1 {
  font-size: 3em;
  font-weight: 200;
  text-transform: uppercase;
}
.container h2 {
  font-size: 3em;
  font-weight: 600;
}
.container h3 {
  font-size: 48px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.container h3.single-header {
  margin-bottom: 1.2em;
}
.container h4 {
  font-size: 1.5em;
  color: #b0936c;
}
.container p {
  font-weight: 300;
  line-height: 2em;
}
@media screen and (max-width: 650px) {
  .container h6 {
    font-size: 1em;
    font-weight: 400;
  }
  .container h1 {
    font-size: 3em;
    font-weight: 200;
    text-transform: uppercase;
  }
  .container h2 {
    font-size: 2em;
    font-weight: 600;
  }
  .container h3 {
    font-size: 2.5em;
    font-weight: 600;
  }
  .container h4 {
    font-size: 1.5em;
    color: #b0936c;
  }
  .container p {
    font-weight: 300;
  }
}

.link {
  font-family: "IBM Plex Serif", serif;
  margin-right: 10px;
  display: inline-block;
  font-size: 18px;
  color: #b0936c;
  text-decoration: none;
}

p {
  line-height: 1.7em;
}

.btn {
  background-color: #b0936c;
  color: #fff;
  border: solid 1px #b0936c;
  padding: 30px 30px;
  min-width: 200px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 20px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.btn:hover {
  opacity: 0.9;
}

.btn-outline {
  background-color: transparent;
  color: #b0936c;
  border: solid 1px #b0936c;
}

.btn-outline:hover {
  background-color: #b0936c;
  color: #fff;
}

.btn-italic {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  text-transform: none;
}

input[type=text],
input[type=email] {
  border: solid 1px #b0936c;
  color: #b0936c;
  outline: none;
  padding: 15px;
  font-family: "Tinos", serif;
  font-size: 0.9em;
  background: transparent;
}
@media (max-width: 650px) {
  input[type=text],
input[type=email] {
    width: 100%;
  }
}

.centered {
  text-align: center;
}

.v-centered {
  display: flex;
  align-items: center;
}

.right {
  text-align: right;
}

.flex-half {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 80px;
}
@media screen and (max-width: 650px) {
  .flex-half {
    flex-direction: column;
  }
  .flex-half .image {
    flex: 300px;
    background-size: cover;
    background-position: center center;
  }
  .flex-half .image img {
    display: none;
  }
}
.flex-half .text {
  padding: 50px 0 50px 100px;
}
.flex-half.flex-start {
  align-items: flex-start;
}
.flex-half.no-gap {
  gap: 0;
}
.flex-half.no-gap .text {
  padding: 50px 100px;
}
.flex-half .crop-img {
  overflow: hidden;
}
.flex-half .crop-img img {
  height: 100%;
  width: auto;
}

.flex-half.rev .text {
  padding: 50px 100px 50px 0;
}

.flex-half > div:first-child {
  flex: 2;
  width: 100%;
}

.flex-half > div:last-child {
  flex: 2;
  width: 100%;
}

.flex-1323 > div:nth-child(1) {
  flex: 1;
}

.flex-1323 > div:nth-child(2) {
  flex: 2;
}

@keyframes fadeFromLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.follower {
  width: 10px;
  height: 10px;
  background-color: #b0936c;
  transition-duration: 500ms;
  transition-timing-function: ease-out;
  position: fixed;
  transform: rotate(45deg);
  pointer-events: none;
  margin-top: -5px;
  margin-left: -5px;
  z-index: 9999;
}
.follower span {
  display: none;
}

.onlink {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  border-radius: 25px;
  border: solid 2px #b0936c;
  background-color: transparent;
}

.brown {
  color: #b0936c;
}

div.apartment-select {
  width: 450px;
  border: solid 1px #b0936c;
  padding: 10px;
  font-weight: bold;
  position: relative;
  color: #b0936c;
}
div.apartment-select .arrow {
  position: absolute;
  right: 10px;
  top: 12px;
  border: solid #b0936c;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
div.apartment-select .down {
  transform: rotate(45deg);
}
div.apartment-select .up {
  transform: rotate(-135deg);
  top: 15px;
}

div.apartment-select:hover {
  background-color: #e4dacd;
  cursor: pointer;
}

div.apartment-select-open {
  position: absolute;
  background: white;
  height: 300px;
  width: 450px;
  display: inline-block;
  overflow: auto;
  border: solid 1px #b0936c;
}
div.apartment-select-open ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.apartment-select-open > ul > li {
  font-weight: bold;
  color: #b0936c;
  padding: 10px 0px;
}
div.apartment-select-open ul > li > span {
  display: inline-block;
  padding-left: 10px;
}
div.apartment-select-open ul ul {
  margin-top: 10px;
}
div.apartment-select-open > ul ul li {
  padding: 3px 25px;
  font-weight: bold;
}
div.apartment-select-open > ul ul li span {
  font-weight: normal;
  color: #000;
  display: inline-block;
}
div.apartment-select-open > ul ul li span:first-child {
  width: 80px;
}
div.apartment-select-open > ul ul li:hover {
  background-color: #e4dacd;
  cursor: pointer;
}

div.apartment-select ul {
  list-style-type: none;
}

.slider {
  width: 90%;
  margin: 50px auto 0 auto;
  position: relative;
}
.slider .krzok {
  position: absolute;
  top: -50px;
  left: 50%;
  z-index: 999;
}
.slider .slides {
  position: relative;
}
.slider .slides .slide {
  text-align: center;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
}
.slider .slides .slide img {
  width: 100%;
}
.slider .slides .slide:nth-child(1) {
  display: block;
}
.slider .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider .bottom .title {
  font-size: 2em;
  font-family: "Tinos", serif;
  font-style: italic;
  color: #b0936c;
}
.slider .bottom .slider-diamond {
  display: inline-block;
  padding: 2px;
  border: solid 1px #b0936c;
  transform: rotate(45deg);
  margin: 0 5px;
}
.slider .bottom .slider-diamond i {
  display: inline-block;
  width: 12px;
  height: 12px;
  transition: background-color 300ms ease-in-out;
}
.slider .bottom .slider-diamond.active i {
  background-color: #b0936c;
}
.slider .bottom .dir a {
  color: #b0936c;
  text-decoration: none;
  font-size: 3em;
}

.clickable {
  cursor: pointer;
}

.lang-switcher {
  display: inline-block;
}
.lang-switcher a {
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.5em;
}
.lang-switcher a.active {
  opacity: 1;
}

.top-r {
  display: flex;
  align-items: center;
  height: 88px;
}

.contact-btn img {
  display: block;
}

html .top-space-0 {
  margin-top: 0;
  padding-top: 0;
}

html .bottom-space-0 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.margin-lr {
  margin: 0 10px;
}

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

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

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.my-1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mt-1 {
  margin-top: 10px !important;
}

.py-1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.px-1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pr-1 {
  padding-right: 10px !important;
}

.pl-1 {
  padding-left: 10px !important;
}

.mx-1 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mr-1 {
  margin-right: 10px !important;
}

.ml-1 {
  margin-left: 10px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.my-2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.py-2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.px-2 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pr-2 {
  padding-right: 20px !important;
}

.pl-2 {
  padding-left: 20px !important;
}

.mx-2 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.ml-2 {
  margin-left: 20px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.my-3 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.py-3 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.px-3 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pr-3 {
  padding-right: 30px !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.mx-3 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mr-3 {
  margin-right: 30px !important;
}

.ml-3 {
  margin-left: 30px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.my-4 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.py-4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.px-4 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pr-4 {
  padding-right: 40px !important;
}

.pl-4 {
  padding-left: 40px !important;
}

.mx-4 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mr-4 {
  margin-right: 40px !important;
}

.ml-4 {
  margin-left: 40px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.my-5 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.py-5 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.px-5 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pr-5 {
  padding-right: 50px !important;
}

.pl-5 {
  padding-left: 50px !important;
}

.mx-5 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mr-5 {
  margin-right: 50px !important;
}

.ml-5 {
  margin-left: 50px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.my-6 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.py-6 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt-6 {
  padding-top: 60px !important;
}

.pb-6 {
  padding-bottom: 60px !important;
}

.px-6 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pr-6 {
  padding-right: 60px !important;
}

.pl-6 {
  padding-left: 60px !important;
}

.mx-6 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mr-6 {
  margin-right: 60px !important;
}

.ml-6 {
  margin-left: 60px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.my-7 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mt-7 {
  margin-top: 70px !important;
}

.py-7 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pt-7 {
  padding-top: 70px !important;
}

.pb-7 {
  padding-bottom: 70px !important;
}

.px-7 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pr-7 {
  padding-right: 70px !important;
}

.pl-7 {
  padding-left: 70px !important;
}

.mx-7 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mr-7 {
  margin-right: 70px !important;
}

.ml-7 {
  margin-left: 70px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.my-8 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mt-8 {
  margin-top: 80px !important;
}

.py-8 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pt-8 {
  padding-top: 80px !important;
}

.pb-8 {
  padding-bottom: 80px !important;
}

.px-8 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pr-8 {
  padding-right: 80px !important;
}

.pl-8 {
  padding-left: 80px !important;
}

.mx-8 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mr-8 {
  margin-right: 80px !important;
}

.ml-8 {
  margin-left: 80px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.my-9 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mt-9 {
  margin-top: 90px !important;
}

.py-9 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pt-9 {
  padding-top: 90px !important;
}

.pb-9 {
  padding-bottom: 90px !important;
}

.px-9 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pr-9 {
  padding-right: 90px !important;
}

.pl-9 {
  padding-left: 90px !important;
}

.mx-9 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mr-9 {
  margin-right: 90px !important;
}

.ml-9 {
  margin-left: 90px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.my-10 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mt-10 {
  margin-top: 100px !important;
}

.py-10 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pt-10 {
  padding-top: 100px !important;
}

.pb-10 {
  padding-bottom: 100px !important;
}

.px-10 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pr-10 {
  padding-right: 100px !important;
}

.pl-10 {
  padding-left: 100px !important;
}

.mx-10 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mr-10 {
  margin-right: 100px !important;
}

.ml-10 {
  margin-left: 100px !important;
}

.mb-10 {
  margin-bottom: 100px !important;
}

a {
  color: #b0936c;
  text-decoration: none;
}

.small {
  font-size: 0.8em;
}

html #user-block {
  z-index: 10001;
  display: none;
  height: 100%;
  width: 500px;
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  color: #000;
}
@media screen and (max-width: 650px) {
  html #user-block {
    width: 100%;
  }
}
html #user-block h2 {
  color: #b0936c;
}
html #user-block .user-block-krzok {
  display: inline-block;
  position: absolute;
  background: url(../gfx/krzok.png);
  background-repeat: repeat-y;
  width: 60px;
  height: 100%;
  left: -30px;
}
html #user-block .user-block-close {
  padding: 70px 52px 20px 0;
  display: inline-block;
  opacity: 0.9;
}
@media (max-width: 650px) {
  html #user-block .user-block-close {
    padding: 15px 20px 0 0;
  }
}
@media (max-width: 650px) {
  html #user-block .user-block-close img {
    width: 75%;
  }
}
html #user-block .user-block-content {
  padding: 60px;
}
html #user-block .user-block-content .controls {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
html #user-block .user-block-content .controls > * {
  flex: 1;
  flex-shrink: 0;
  font-size: 0.9em;
  font-weight: normal;
  margin-top: 0;
}
html #user-block .user-block-content .controls .btn {
  padding: 16px 20px;
  text-transform: none;
}
html #menu {
  z-index: 999;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../gfx/menu_back.png);
  background-size: cover;
}
html #menu .menu-content {
  background: rgba(8, 18, 41, 0.8);
  display: inline-block;
  min-width: 65%;
  max-width: 100%;
  height: 100%;
  position: relative;
}
html #menu .menu-content .menu-bottom {
  position: absolute;
  bottom: 100px;
  left: 60px;
}
html #menu .menu-content .menu-bottom a {
  text-transform: uppercase;
  color: #fff;
  padding: 20px 40px;
  font-weight: 300;
  font-size: 16px;
}
html #menu .menu-content .menu-krzok {
  background: url(../gfx/krzok.png);
  background-repeat: repeat-y;
  display: inline-block;
  width: 60px;
  height: 100%;
  position: absolute;
  right: -30px;
}
html #menu .menu-content .menu-close {
  margin: 70px 0 10px 54px;
  display: inline-block;
  opacity: 0.9;
}
@media (max-width: 650px) {
  html #menu .menu-content .menu-close {
    margin: 15px 0 10px 20px;
  }
}
@media (max-width: 650px) {
  html #menu .menu-content .menu-close img {
    width: 75%;
  }
}
html #menu .menu-content .menu-close:hover {
  opacity: 1;
}
html #menu .menu-content .menu-side {
  position: absolute;
  right: 80px;
  bottom: 60px;
  text-align: right;
  line-height: 1.5em;
  color: #b0936c;
  z-index: 1000;
}
@media screen and (max-width: 1200px) {
  html #menu .menu-content .menu-side {
    display: none;
  }
}
html #menu .menu-content .menu-side div {
  margin: 20px 0;
}
html #menu .menu-content ul {
  list-style-type: none;
}
html #menu .menu-content ul li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 10px 5px 10px 40px;
  font-size: 2em;
  font-weight: 300;
}
@media screen and (max-width: 650px) {
  html #menu .menu-content ul li a {
    font-size: 1.5em;
    padding: 7px 35px 7px 10px;
  }
}
html #menu .menu-content ul li a:hover {
  font-weight: 400;
}
html .container-top {
  width: 100%;
  height: 100%;
  background: url(../gfx/hc_baner_1.png) rgba(8, 18, 41, 0.1);
  background-size: cover;
  background-blend-mode: multiply;
}
html .container-top .top {
  width: 100%;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 110px 1fr;
  align-items: start;
  column-gap: 40px;
}
@media (max-width: 650px) {
  html .container-top .top {
    padding-top: 10px;
  }
}
html .container-top .top .top-left {
  display: flex;
  align-items: center;
  gap: 30px;
}
html .container-top .top .top-left .menu-btn::after {
  content: "";
  display: block;
  background: url(../gfx/menu_g.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 88px;
  height: 88px;
}
html .container-top .top .top-left div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .container-top .top .top-center {
  display: flex;
  align-items: center;
}
html .container-top .top .top-center .logo::after {
  content: "";
  display: block;
  background: url(../gfx/logo_b.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 109px;
  height: 181px;
}
@media (max-width: 650px) {
  html .container-top .top .top-center .logo::after {
    width: 81.75px;
    height: 135.75px;
  }
}
html .container-top .top .top-right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 40px;
}
html .container-top .top .top-right .lang-switcher a {
  color: #000;
}
html .container-top .top .top-right .top-login-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #b0936c;
}
html .container-top .top .top-right .top-login-btn::after {
  content: "";
  display: block;
  background: url(../gfx/login_g.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 88px;
  height: 88px;
}
html .container-top .top .apartment-search-btn {
  white-space: nowrap;
  border: solid 1px #b0936c;
  color: #b0936c;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}
html .container-top .top .apartment-search-btn .close {
  display: none;
  margin-right: 10px;
}
html .container-top .top .apartment-search-btn.active {
  z-index: 10001;
}
html .container-top .top .apartment-search-btn.active .close {
  display: inline;
}
@media (max-width: 650px) {
  html .container-top .top.top-dark-bg img {
    width: 75%;
  }
}
html .container-top .top.top-dark-bg .top-left .menu-btn::after {
  background: url(../gfx/menu_w.png);
}
html .container-top .top.top-dark-bg .top-center .logo::after {
  background: url(../gfx/logo_w.png);
}
html .container-top .top.top-dark-bg .top-right .lang-switcher a {
  color: #fff;
}
html .container-top .top.top-dark-bg .top-right .top-login-btn {
  color: #fff;
}
html .container-top .top.top-dark-bg .top-right .top-login-btn::after {
  background: url(../gfx/login_w.png);
}
html .container-top .top.top-dark-bg .apartment-search-btn {
  border: solid 1px #fff;
}
html .container-top .content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
html .container-top .content div.subpage-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
}
html .container-top .content .subpage-title header {
  border: solid 1px #b0936c;
  border-bottom: none;
  text-align: center;
  width: 50%;
  margin: 40px auto;
  color: #fff;
  font-size: 3em;
  font-weight: 500;
}
@media (max-width: 650px) {
  html .container-top .content .subpage-title header {
    width: 90%;
  }
}
html .container-top .content .subpage-title header .title {
  padding: 40px 0;
  font-weight: 600;
}
html .container-top .content .header-bottom-border {
  display: flex;
  align-items: flex-end;
}
html .container-top .content .header-bottom-border div {
  flex: 1;
  position: relative;
  height: 20px;
}
html .container-top .content .header-bottom-border div.line {
  border-bottom: solid 1px #b0936c;
}
html .container-top .content .header-bottom-border div.krzok {
  flex: 0 0 100px;
}
html .container-top .content .header-bottom-border div img {
  position: absolute;
  bottom: -51px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
html .container-top .panorama-btn-div {
  position: absolute;
  bottom: 70px;
  left: 70px;
}
html .container-top .panorama-btn-div a:hover svg path,
html .container-top .panorama-btn-div a:hover svg text {
  fill: #b0936c !important;
}
@media (max-width: 650px) {
  html .container-top .description {
    padding: 10px;
  }
  html .container-top .description h1 {
    font-size: 2em;
  }
}
html .why-us {
  position: relative;
  background: url(../gfx/whyus.png) rgba(8, 18, 41, 0.3);
  background-size: cover;
  background-blend-mode: multiply;
  padding-top: 70px;
}
html .why-us .krzok {
  position: absolute;
  left: 50%;
  top: -51px;
  transform: translatex(-50%);
}
html .why-us .nav {
  margin: 20px 0;
}
html .why-us .why-us-container {
  display: grid;
  grid-template-columns: minmax(30px, 100px) minmax(1112px, 1fr) minmax(30px, 100px);
  grid-template-areas: ". content .";
}
html .why-us .why-us-container > div {
  grid-area: content;
  overflow: hidden;
}
html .why-us .why-us-container > div .wrapper {
  white-space: nowrap;
  transition: ease-in-out 200ms;
}
html .why-us .why-us-container > div .wrapper > div {
  white-space: normal;
  display: inline-block;
  width: 25%;
  height: 450px;
  vertical-align: top;
}
html .why-us .why-us-container > div .wrapper > div > div {
  padding: 5%;
}
html .why-us .why-us-container > div .wrapper > div .number {
  font-size: 4em;
  color: #b0936c;
}
html .why-us .why-us-container > div .wrapper > div .header {
  font-weight: 400;
  text-transform: uppercase;
  height: 60px;
}
html .why-us .why-us-container > div .wrapper > div .description {
  font-size: 0.9em;
  line-height: 1.7em;
  height: 140px;
}
@media screen and (max-width: 650px) {
  html .why-us .why-us-container > div .wrapper > div .description {
    height: auto;
  }
}
html .why-us .why-us-container > div .diamond {
  border: solid 1px;
  height: 80px;
  text-align: center;
  transform: rotate(45deg);
  width: 80px;
  margin: 20px auto 10px auto;
}
@media screen and (max-width: 650px) {
  html .why-us .why-us-container > div .diamond {
    margin: 40px auto 10px auto;
  }
}
html .why-us .why-us-container > div .diamond-content {
  height: 80px;
  transform: rotate(-45deg);
  width: 80px;
  border: solid 1px;
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-size: 55px;
}

.contact-btn-div > a,
.movie-btn-div > a,
.walk-btn-div > a,
.sv-btn-div > a {
  position: fixed;
  right: 0;
  z-index: 9998;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.contact-btn-div > a img,
.movie-btn-div > a img,
.walk-btn-div > a img,
.sv-btn-div > a img {
  height: 40px;
}

@media screen and (max-width: 1600px) {
  .contact-btn-div > a,
.movie-btn-div > a,
.walk-btn-div > a,
.sv-btn-div > a {
    width: 50px;
    height: 50px;
    border: 1px solid #b0936c;
  }
  .contact-btn-div > a img,
.movie-btn-div > a img,
.walk-btn-div > a img,
.sv-btn-div > a img {
    height: 30px;
  }
}
.movie-btn-div > a {
  top: 300px;
}

.walk-btn-div > a {
  top: 400px;
}
@media screen and (max-width: 1600px) {
  .walk-btn-div > a {
    top: 360px;
  }
}

.sv-btn-div > a {
  top: 500px;
}
.sv-btn-div > a img {
  width: 60px;
}
@media screen and (max-width: 1600px) {
  .sv-btn-div > a {
    top: 420px;
  }
}

.contact-btn-div > a {
  top: 600px;
}
@media screen and (max-width: 1600px) {
  .contact-btn-div > a {
    top: 480px;
  }
}
.contact-btn-div > a:hover + .contact-info,
.contact-btn-div .contact-info:hover {
  transform: translatex(0);
}
.contact-btn-div .contact-info {
  position: fixed;
  right: 0;
  top: 690px;
  z-index: 9999;
  text-align: right;
  background: #fff;
  padding: 30px;
  transform: translatex(100%);
  transition: ease-in-out 500ms;
}
.contact-btn-div .contact-info strong {
  color: #b0936c;
}
.contact-btn-div .contact-info div {
  padding: 5px 0;
}
.contact-btn-div .contact-info a {
  color: #b0936c;
}
@media screen and (max-width: 1600px) {
  .contact-btn-div .contact-info {
    top: 529px;
  }
}

.apartment-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(12, 23, 39, 0.7);
  z-index: 10000;
}
.apartment-search .logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  text-align: center;
}
.apartment-search .search-methods {
  display: flex;
  height: 80vh;
  padding-top: 300px;
  background-color: #0c1727;
}
.apartment-search .search-methods > div {
  flex: 1;
  height: 100%;
  position: relative;
}
.apartment-search .search-methods a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 45px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px;
}
.apartment-search .search-methods a img {
  margin-bottom: 40px;
}
.apartment-search .search-methods .by-type {
  background-image: url(../gfx/search-method1-bg.png);
  background-size: cover;
}
.apartment-search .search-methods .by-criteria {
  background-image: url(../gfx/search-method2-bg.png?v4);
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 100%;
}

footer {
  background-color: #0e1a2c;
  position: relative;
  padding: 30px 0;
}
footer .row {
  max-width: 1700px;
  margin: 0 auto;
}
footer .footer-content {
  display: flex;
  padding: 50px 0;
  gap: 30px;
}
footer .footer-content .logo {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-content .logo > img {
  height: 180px;
}
footer .footer-content .logo div.social {
  margin-top: 50px;
  white-space: nowrap;
}
footer .footer-content .logo div.social a {
  margin-right: 15px;
}
footer .footer-content .newsletter {
  flex: 3;
}
footer .footer-content .newsletter form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
footer .footer-content .newsletter form .header {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}
footer .footer-content .newsletter form .info {
  font-size: 19px;
  color: #777;
}
footer .footer-content .newsletter form .input {
  width: 90%;
  display: flex;
  gap: 50px;
}
footer .footer-content .newsletter form .input > div {
  position: relative;
  flex: 1;
}
footer .footer-content .newsletter form .input > div input {
  padding: 15px 15px 35px 15px;
  width: 100%;
  font-size: 16px;
}
footer .footer-content .newsletter form .input > div label {
  position: absolute;
  color: #b0936c;
  font-style: italic;
  left: 10;
  bottom: 10;
}
footer .footer-content .newsletter form .submit {
  width: 94%;
  display: flex;
  gap: 20px;
  align-items: center;
  color: #777;
  align-items: flex-start;
}
footer .footer-content .newsletter form .submit .check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
footer .footer-content .newsletter form .submit button {
  padding: 20px;
  margin-bottom: 20px;
}
footer .footer-content .links {
  flex: 1;
}
footer .footer-content .links a {
  display: block;
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  padding: 10px 0;
}
footer .copyright {
  color: #777;
  display: flex;
  justify-content: space-between;
}
footer .copyright a {
  color: #777;
  margin: 0px 20px;
}

.contact {
  background: #f8f8f8;
  padding-bottom: 80px !important;
}
.contact form {
  text-align: center;
}
.contact form div.agree label {
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  display: inline-block;
}
.contact form div.contact-flex {
  width: 80%;
  display: flex;
  gap: 20px;
  margin: 0 auto;
}
.contact form div.contact-flex div {
  flex: 1;
  position: relative;
}
.contact form div.contact-flex div label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #b0936c;
  font-style: italic;
}
.contact form div.contact-flex div input {
  width: 100%;
  padding: 10px 10px 35px 10px;
  font-size: 24px;
}
.contact form div.contact-flex div button {
  margin: 0;
  padding: 0 20px;
  height: 100%;
}
.contact form div.contact-flex div:last-child {
  flex: initial;
}
.contact form > div {
  padding: 1em 0;
}

.about-img {
  background: url(../gfx/wyspa.png);
  background-size: auto 835px;
  background-position: 41px 15px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 650px) {
  .about-img {
    background-position: 0 0;
  }
}

.room-img {
  background: url(../gfx/apartament.png);
  background-size: auto 835px;
  background-position: 41px 15px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 650px) {
  .room-img {
    background-position: 0 0;
  }
}

.scrolldown {
  color: #b0936c;
  padding-top: 50px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
.scrolldown > div {
  margin-bottom: 10px;
}

.apartment-details {
  color: #b0936c;
}
.apartment-details .info {
  line-height: 2em;
}
.apartment-details label {
  color: #111;
  font-weight: bold;
  margin-right: 1em;
}
@media screen and (max-width: 650px) {
  .apartment-details a {
    display: block;
  }
  .apartment-details .link {
    padding: 10px;
  }
}
.apartment-details div.rooms {
  margin: 70px 0;
}
.apartment-details ul.a-equipment {
  list-style-type: none;
  margin: 2em 0;
  padding: 0;
}
.apartment-details ul.a-equipment li {
  display: inline-block;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  background-color: #b0936c;
  border-radius: 25px;
}
.apartment-details ul.a-equipment li:hover {
  background-color: #000;
}
.apartment-details ul.a-equipment li img {
  width: 50px;
  height: 50px;
  padding: 7px;
}

.bgswitcher-top {
  background-blend-mode: multiply;
}

.levels {
  background: url(../gfx/wiz.png);
  background-size: cover;
  width: 100%;
  aspect-ratio: 1778/1000;
}
.levels svg {
  width: 100%;
  height: 100%;
}
.levels svg .highlight {
  opacity: 0;
  cursor: pointer;
}
.levels svg .highlight:hover {
  opacity: 0.82;
}
.levels svg .cls-1 {
  fill: #b49874;
}
.levels svg .cls-2 {
  fill: #bba381;
}

.floor svg g {
  transition: opacity 0.3s;
}

.floor svg > g {
  opacity: 0;
}
.floor svg > g:hover {
  opacity: 1;
  cursor: pointer;
}

.floor .highlighted {
  opacity: 1;
}

.floor .filtered {
  opacity: 0.8;
}

.floor .occupied {
  opacity: 0.8;
}

.floor .occupied::after {
  content: "Zarezerwowane";
  display: block;
  background-color: #0e1a2c;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  right: 45%;
  transform: rotate(45deg);
}

/*
.floor .highlight {
    opacity: 0;
}

.floor .highlighted {
    opacity: 1;
}

.floor .highlight:hover {
    opacity: 1;
    cursor: pointer;
}

.floor .highlight.filtered {
    opacity: 0.8;
}
*/
#floor1 .st0 {
  opacity: 0.72;
  fill: #388b80;
  enable-background: new;
}
#floor1 .st1 {
  fill: #ffffff;
}
#floor1 .st2 {
  opacity: 0.72;
  fill: #b0936c;
  enable-background: new;
}
#floor1 .st3 {
  opacity: 0.72;
  fill: #0c2033;
  enable-background: new;
}
#floor1 .occupied .st0,
#floor1 .occupied .st2,
#floor1 .occupied .st3 {
  fill: #770f28;
}

#floor2 .st0 {
  opacity: 0.72;
  fill: #388b80;
  enable-background: new;
}
#floor2 .st1 {
  fill: #ffffff;
}
#floor2 .st2 {
  opacity: 0.72;
  fill: #b0936c;
  enable-background: new;
}
#floor2 .st3 {
  opacity: 0.72;
  fill: #0c2033;
  enable-background: new;
}
#floor2 .occupied .st0,
#floor2 .occupied .st2,
#floor2 .occupied .st3 {
  fill: #770f28;
}

#floor3 .st0 {
  opacity: 0.72;
  fill: #388b80;
  enable-background: new;
}
#floor3 .st1 {
  fill: #ffffff;
}
#floor3 .st2 {
  opacity: 0.72;
  fill: #0c2033;
  enable-background: new;
}
#floor3 .st3 {
  opacity: 0.72;
  fill: #707070;
  enable-background: new;
}
#floor3 .st4 {
  opacity: 0.72;
  fill: #b0936c;
  enable-background: new;
}
#floor3 .occupied .st0,
#floor3 .occupied .st2,
#floor3 .occupied .st3,
#floor3 .occupied .st4 {
  fill: #770f28;
}

#floor4 .st0 {
  opacity: 0.72;
  fill: #39877d;
  enable-background: new;
}
#floor4 .st1 {
  fill: #ffffff;
}
#floor4 .st2 {
  opacity: 0.72;
  fill: #0c2033;
  enable-background: new;
}
#floor4 .occupied .st0,
#floor4 .occupied .st2 {
  fill: #770f28;
}

div.floors {
  display: flex;
  justify-content: center;
}

div.floors .floor-selector-container {
  flex: 0 0 200px;
}

.floor-selector-container {
  margin-right: 50px;
  z-index: 10000;
}

.floor-selector-container .diamond {
  border: solid 1px #388b80;
  height: 120px;
  text-align: center;
  transform: rotate(45deg);
  width: 120px;
  margin: 10px auto 10px auto;
}

.floor-selector-container .diamond-content {
  display: table-cell;
  height: 120px;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 120px;
  border: solid 1px #388b80;
  font-size: 4em;
  font-weight: bold;
  color: #a38c6d;
}

.floor-selector-container {
  display: flex;
  align-items: center;
}

.floor-selector-container > div {
  height: 250px;
}

.floor-selector-container .floor-selector a {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-bottom: solid 1px #b0936c;
  border-right: solid 1px #b0936c;
}
.floor-selector-container .floor-selector .floor-up {
  transform: rotate(-135deg);
  margin-bottom: 25px;
}
.floor-selector-container .floor-selector .floor-down {
  transform: rotate(45deg);
  margin-top: 25px;
}

.floor-selector-container .label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: right;
  color: #a38c6d;
  padding-right: 40px;
  padding-bottom: 60px;
  font-family: "Tinos", serif;
  font-style: italic;
}

.floorplan-container {
  position: relative;
  width: 100%;
}
.floorplan-container .dir {
  position: absolute;
  width: 180px;
  left: 50px;
  top: 50px;
}
.floorplan-container .floor {
  position: relative;
  display: none;
}
.floorplan-container .floor:first-child {
  display: block;
}

.apartment-filters {
  margin: 10px 60px 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.cb-container {
  white-space: nowrap;
}
.cb-container span.label.error {
  color: #c00;
  font-weight: bold;
}
.cb-container .cb-checkmark {
  display: inline-block;
  border: solid 1px #b0936c;
  background: #bdad9938;
  padding: 3px;
  margin: 0 3px;
}
.cb-container .cb-checkmark > span {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.cb-container .cb-checkmark > span {
  font-family: "Tinos", serif;
  color: #b0936c;
  font-style: italic;
}
.cb-container .cb-checkmark > label {
  margin: 0 10px;
}
.cb-container input {
  display: none;
}
.cb-container input:checked ~ .cb-checkmark > span {
  background: #b0936c;
}
.cb-container input:checked ~ .label {
  font-weight: bold;
}

.apartments .apartment {
  color: #000;
}
.apartments .apartment h1 {
  text-transform: none;
  font-size: 2.5em;
  font-weight: 600;
}
.apartments .apartment img.floorplan {
  width: 100%;
}
.apartments .apartment .a-area {
  color: #b0936c;
  font-weight: bold;
  margin-right: 30px;
}
.apartments .apartment .l-floor {
  margin-left: 30px;
}
.apartments .apartment ol {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  column-count: 1;
  column-gap: 20px;
}
.apartments .apartment ol li {
  margin-bottom: 10px;
}
.apartments .apartment ol li .room-no {
  background: #5e9a92;
  color: #fff;
  padding: 3px;
  width: 25px;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
  font-weight: bold;
}
.apartments .apartment ol li .room-no.parking {
  background-color: #5e799a !important;
}
.apartments .apartment ol li .room-nm {
  display: inline-block;
  width: 250px;
}
.apartments .apartment .unterimgbtns {
  display: flex;
  gap: 20px;
}
.apartments .apartment .unterimgbtns > div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  justify-content: flex-start;
}
.apartments .apartment .unterimgbtns > div:first-child {
  justify-content: flex-end;
}
.apartments .apartment .unterimgbtns > div .btn {
  min-width: 180px;
}

#gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#gallery a {
  display: inline-block;
  background-size: cover;
  margin: 1px;
}
#gallery a img {
  height: 200px;
}

.about-i-header {
  font-family: "Tinos", serif;
  font-style: italic;
  font-size: 2em;
  line-height: 1.5em;
}

.desc-slider {
  height: 700px;
  overflow: hidden;
  position: relative;
}

.desc-slider .slide {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 700px;
  display: none;
}
.desc-slider .slide .slide-description {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: right center;
}
.desc-slider .slide .slide-description .text {
  margin-top: 150px;
  width: 55%;
  position: relative;
  background: #fff;
}
.desc-slider .slide .slide-description .text img.decor {
  position: absolute;
  top: -51px;
  right: 60px;
}
.desc-slider .slide .slide-description .text h2 {
  padding-left: 20px;
}
.desc-slider .slide .slide-description .text div.divider {
  border-bottom: solid 1px #b0936c;
  width: 130px;
}
.desc-slider .slide .slide-description .text p {
  padding: 20px 200px 20px 20px;
}
.desc-slider .slide .slide-description .switcher {
  font-family: "Tinos", serif;
  font-style: italic;
  font-size: 2em;
  color: #b0936c;
}
.desc-slider .slide .slide-description .switcher .current {
  font-family: "Tinos", serif;
  font-size: 3em;
}
.desc-slider .slide div {
  border: solid 1px transparent;
}

.follower.onslider {
  width: 70px;
  height: 70px;
  margin-top: -55px;
  margin-left: -35px;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #b0936c;
}
.follower.onslider span {
  display: inline-block;
  font-size: 3em;
  color: #b0936c;
  animation: pulse 2s infinite;
  margin-top: 0px;
  margin-left: 15px;
}

.follower.onslider-prev {
  width: 70px;
  height: 70px;
  margin-top: -55px;
  margin-left: -35px;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #b0936c;
}
.follower.onslider-prev span {
  transform: rotate(180deg);
  display: inline-block;
  font-size: 3em;
  color: #b0936c;
  animation: pulse 2s infinite;
  margin-top: 0px;
  margin-left: 15px;
}

@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.8;
  }
}
.divider {
  width: 150px;
  border: solid 1px #b0936c;
}

.content .bm-section {
  margin: 100px 0;
  height: 700px;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}
.content .bm-section .text {
  position: relative;
  top: 100px;
  background: #fff;
  width: 50%;
  padding: 50px;
}
.content .bm-section .text .decor {
  position: absolute;
  top: -40px;
}
.content .bm-section .text p,
.content .bm-section .text h6,
.content .bm-section .text h2 {
  padding: 5px 20px;
  margin: 15px;
}
.content .bm-section .text ul {
  list-style-type: none;
}
.content .bm-section .text ul li {
  font-family: "Tinos", serif;
  font-style: italic;
  padding: 10px;
  font-size: 1.5em;
  color: #b0936c;
}

.content .bm-section.bm-reverse {
  background-position: left center;
}
.content .bm-section.bm-reverse .text {
  position: absolute;
  right: 0;
}
.content .bm-section.bm-reverse .text .decor {
  position: absolute;
  top: -40px;
  right: 80px;
}

.modal-bg {
  z-index: 9999;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.modal-bg .modal {
  background-color: #fff;
  background-image: url(../gfx/krzok.png);
  background-repeat: repeat-y;
  width: 80%;
  height: 90%;
  margin: 3% auto;
  padding: 40px 40px 40px 120px;
  overflow: auto;
}

a.arrow-abtn {
  position: relative;
  cursor: pointer;
}
a.arrow-abtn > span {
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #b0936c;
  display: inline-block;
  padding: 20px;
  top: -40px;
  width: 250px;
}
a.arrow-abtn svg {
  position: absolute;
  top: -13.5px;
  left: -20px;
  z-index: 100;
  width: 50px;
  transition-duration: 500ms;
  transition-timing-function: ease-out;
  fill: #b0936c;
}
a.arrow-abtn svg rect {
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}
a.arrow-abtn > div {
  transition-duration: 500ms;
  transition-timing-function: ease-out;
  border: solid 2px #b0936c;
  display: inline-block;
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}

a.arrow-abtn:hover > div {
  transform: rotate(135deg);
  background-color: #b0936c;
}
a.arrow-abtn:hover > div svg {
  transform: rotate(0deg);
}
a.arrow-abtn:hover svg {
  fill: #fff;
  left: -10px;
}
a.arrow-abtn:hover svg rect {
  width: 15px;
  transform: translate(15px, 0);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}

.location-map {
  text-align: center;
  padding: 120px 0;
}
.location-map img {
  width: 70%;
}

.location-description {
  padding-top: 10px;
}
.location-description > h2 {
  margin: 0;
}
.location-description > p {
  width: 70%;
}
.location-description .distances {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.location-description .distances h2 {
  font-weight: 300;
  margin: 20px 0;
}
.location-description .distances > div {
  flex-grow: 1;
  width: 33%;
  padding: 20px 60px;
}

.slider-location .slide {
  margin: 80px 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  height: 700px;
}
.slider-location .slide .description {
  display: inline-block;
  top: 90px;
  padding: 40px 50px 40px 100px;
  position: relative;
  width: 55%;
  background: #fff;
}
.slider-location .slide .description h2 {
  margin-top: 10px;
}
.slider-location .slide .description h6 {
  color: #b0936c;
  margin: 40px 0 0 0;
}
.slider-location .slide .description .decor {
  position: absolute;
  right: 120px;
  top: -51px;
}
.slider-location .slide.reverse {
  background-position: left center;
}
.slider-location .slide.reverse .description {
  margin-left: 45%;
}
.slider-location .slide.reverse .description .decor {
  left: 120px;
}

.container-full.history .room-img {
  background-position: 0 0;
  background-size: cover;
}
.container-full.history .text {
  padding: 0;
}
.container-full.history .text div {
  padding: 50px 30px;
}

.history-timeline {
  background: #161d2c;
  color: #fff;
  padding: 20px 0;
}
.history-timeline > h4 {
  color: #b0936c;
  font-weight: 600;
  text-align: center;
}
.history-timeline > h1 {
  text-align: center;
}

.timeline-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 140px minmax(460px, 1400px) 140px 1fr;
  grid-template-areas: ". left content right ." ". . timeline . .";
  align-items: center;
}
.timeline-container a.timeline-nav {
  justify-self: center;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: solid 1px #b0936c;
  transform: rotate(45deg);
}
.timeline-container a.timeline-nav i {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.timeline-container a.timeline-nav:hover {
  background: #b0936c;
}
.timeline-container a.timeline-nav:hover i {
  border-color: #fff;
}
.timeline-container a.timeline-prev {
  grid-area: left;
}
.timeline-container a.timeline-prev i {
  border-left: solid 1px #b0936c;
  border-bottom: solid 1px #b0936c;
  margin-top: 14px;
  margin-left: 20px;
}
.timeline-container a.timeline-next {
  grid-area: right;
}
.timeline-container a.timeline-next i {
  border-right: solid 1px #b0936c;
  border-top: solid 1px #b0936c;
  margin-top: 19px;
  margin-left: 17px;
}
.timeline-container .film {
  grid-area: content;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.timeline-container .film div.slide {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  transition: all 0.5s ease;
}
.timeline-container .film div.slide .image img {
  width: 100%;
}
.timeline-container .film div.slide .description h2 {
  color: #b0936c;
  font-weight: 400;
}
.timeline-container .film div.slide .description div {
  display: flex;
  align-items: flex-start;
}
.timeline-container .film div.slide .description div span {
  display: inline-block;
  color: #b0936c;
  font-weight: bold;
  line-height: 1.7em;
  margin-right: 20px;
}
.timeline-container .film div.slide .description div p {
  display: inline-block;
  margin: 0;
}

div.timeline {
  grid-area: timeline;
  padding: 20px 0 0;
  color: #b0936c;
  display: flex;
  align-items: center;
}
div.timeline .separator {
  border-bottom: solid 1px #b0936c;
  height: 1px;
  flex-grow: 1;
}
div.timeline .separator.muted {
  border-bottom: dotted 2px #b0936c;
}
div.timeline .date {
  height: 90px;
  font-weight: bold;
  position: relative;
}
div.timeline .date > i {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 1px transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
div.timeline .date > i i {
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #b0936c;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.timeline .date.active > i {
  border-color: #b0936c;
}
div.timeline > .muted {
  opacity: 0.8;
  font-weight: normal;
}

.slider-b {
  padding: 50px 0;
  overflow: hidden;
}
.slider-b .slide-b {
  display: flex;
  transition: 1s all;
}
.slider-b .slide-b .decor {
  margin: 30px 20px 0 10%;
}
.slider-b .slide-b .text {
  flex: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px 0 0;
}
.slider-b .slide-b .text h6 {
  margin-top: 30px;
  font-weight: 500;
  font-size: 18px;
}
.slider-b .slide-b .images {
  flex: 11;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "image" "navi";
  overflow: hidden;
}
.slider-b .slide-b .images .image {
  width: 100%;
  grid-area: image;
  transition: ease-in-out 500ms;
}
.slider-b .slide-b .images .image img {
  width: 100%;
}
.slider-b .slide-b .images .image h3 {
  color: #b0936c;
  background-color: #fff;
  font-size: 29px;
  margin: 1em 0 0 0;
}
.slider-b .slide-b .images .image.next {
  transform: translatex(101%);
}
.slider-b .slide-b .images .image.prev {
  transform: translatex(-101%);
}
.slider-b .slide-b .images .switcher {
  grid-area: navi;
}
.slider-b .slide-b .images .arrows {
  grid-area: image;
  justify-self: end;
  align-self: end;
}
.slider-b .slide-b.reversed .arrows {
  justify-self: start;
}
.slider-b .slide-b.rev .text {
  padding: 0 0 0 40px;
}
.slider-b .switcher {
  text-align: right;
  padding: 30px 0 0 0;
}
.slider-b .switcher-left {
  text-align: left;
}
.slider-b .switcher-center {
  text-align: center;
}
.slider-b .slider-diamond {
  display: inline-block;
  padding: 2px;
  border: solid 1px #b0936c;
  transform: rotate(45deg);
  margin: 0 5px;
}
.slider-b .slider-diamond i {
  display: inline-block;
  width: 8px;
  height: 8px;
  transition: background-color 300ms ease-in-out;
}
.slider-b .slider-diamond.active i {
  background-color: #b0936c;
}

.container-bdark .slider-b .slide-b .images .image h3 {
  background-color: #0e1a2c;
}

.slider-top {
  transition: background 0.2s ease;
}
.slider-top .slides {
  flex-grow: 1;
  display: grid;
  grid-template-columns: minmax(100px, 200px) minmax(820px, 1fr) minmax(100px, 200px);
  grid-template-rows: 1fr min-content;
  grid-template-areas: ". content ." ". bottom .";
  padding: 100px 0;
}
.slider-top .slides .slide-top {
  grid-area: content;
}
.slider-top .slides .slide-top.inactive {
  display: none;
}
.slider-top .slides .description h1 {
  text-transform: none;
  font-weight: bold;
}
.slider-top .slides .description h6 {
  text-transform: uppercase;
  font-weight: 600;
}
.slider-top .switcher {
  grid-area: bottom;
}
.slider-top .slider-diamond {
  display: inline-block;
  padding: 2px;
  border: solid 1px #b0936c;
  transform: rotate(45deg);
  margin: 0 5px;
}
.slider-top .slider-diamond i {
  display: inline-block;
  width: 8px;
  height: 8px;
  transition: background-color 300ms ease-in-out;
}
.slider-top .slider-diamond.active i {
  background-color: #b0936c;
}

.container-grey {
  background-color: #f8f8f8;
}

.box {
  padding: 100px 0;
  display: flex;
  align-items: center;
}
.box .decor {
  margin: 30px 20px 0 30px;
}
.box .text {
  flex: 1;
  padding-left: 80px;
}
.box .text h6 {
  margin-top: 30px;
  font-weight: 600;
}
.box .image {
  flex: 1;
}
.box .image img {
  width: 100%;
}

.btn-diamond {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: #fff;
  padding: 10px 0 0 16px;
  text-decoration: none;
  color: #b0936c;
  border: solid 1px #b0936c;
  font-size: 40px;
  transform: translate(0, -50px) rotate(45deg) !important;
  transition: ease-in-out 200ms;
}

.btn-diamond:hover {
  opacity: 0.8;
}

.gallery-slider-container {
  width: 100%;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
}
.gallery-slider-container > a {
  position: absolute;
  transform: translate(0, -50%);
  top: 300px;
  z-index: 10000;
}
.gallery-slider-container a.gallery-slider-left {
  left: 130px;
}
.gallery-slider-container a.gallery-slider-right {
  right: 130px;
}

.gallery-slider {
  width: auto;
  white-space: nowrap;
  transform: translate(0, 0);
  transition: transform 1s;
  transition-timing-function: linear;
}
.gallery-slider img {
  height: 420px;
  margin: 0 50px;
  display: inline-block;
}
.gallery-slider img:nth-child(2n) {
  margin-bottom: 50px;
}
.gallery-slider img:nth-child(3n) {
  margin-bottom: 150px;
}

.apartments-bottom {
  position: relative;
}
.apartments-bottom .krzok {
  position: absolute;
  top: -50px;
  left: 100px;
}

.info-centered {
  max-width: 1100px;
  margin: 0 auto;
}
.info-centered h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1em;
}
.info-centered h3 {
  font-size: 60px;
  margin-top: 0;
}
.info-centered h3,
.info-centered h6 {
  text-align: center;
}
.info-centered p {
  text-align: center;
  line-height: 1.8em;
}

.container-full-image {
  margin: 50px 0;
}
.container-full-image .content {
  position: relative;
}
.container-full-image .content .krzok {
  position: absolute;
  top: -51px;
  left: 50%;
  transform: translatex(-50%);
}
.container-full-image .content .krzok-bottom {
  position: absolute;
  bottom: -51px;
  left: 50%;
  transform: translatex(-50%);
}

.padding-uniq-big {
  padding: 150px 75px !important;
}

.flex-align-top {
  align-items: flex-start;
}

.uniqueness-list {
  font-size: 1.5em;
  list-style: none;
  margin: 2em;
  padding: 0;
}
.uniqueness-list li {
  font-family: "Tinos";
  font-style: italic;
  color: #b0936c;
  margin: 0;
  margin-bottom: 1em;
  padding-left: 0.8em;
  position: relative;
}
.uniqueness-list li:after {
  content: "";
  height: 0.3em;
  width: 0.3em;
  background: #b0936c;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 0.4em;
  left: 0;
}

.uniqueness-more {
  padding: 50px 30px;
}

.twocolumn-decor {
  margin-left: 20px;
}

.flex-twocolumn {
  display: flex;
  width: 100%;
  align-items: center;
}
.flex-twocolumn > div {
  padding: 20px;
  flex: 1;
}

.flex-even-center {
  display: flex;
  justify-content: space-evenly;
  padding: 20px 0;
}

.uniq-flex {
  margin: 50px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 8vw;
  row-gap: 40px;
}
.uniq-flex img {
  max-width: 100%;
}
.uniq-flex .uniq-diamond {
  display: inline-block;
  width: 70px;
  height: 70px;
  font-size: 3em;
  border: solid 1px #b0936c;
  text-align: center;
  transform: rotate(45deg);
}
.uniq-flex .uniq-diamond span {
  font-family: "Tinos", serif;
  font-style: italic;
  color: #b0936c;
  display: inline-block;
  transform: rotate(-45deg);
  margin-top: 6px;
}
.uniq-flex .uniq-header {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}
.uniq-flex .uniq-description {
  line-height: 1.7em;
  text-align: center;
}

.align-start {
  align-items: flex-start;
}

html .news-top {
  background: #fff;
  height: auto;
}
html .news-top .news-title {
  display: grid;
  grid-template-columns: 1fr 100px minmax(600px, 1000px) 100px 1fr;
  grid-template-areas: "top top top top top" ". . header . .";
}
html .news-top .news-title .left {
  grid-area: top;
  display: flex;
  align-items: center;
}
html .news-top .news-title .left a.back {
  display: flex;
  align-items: center;
  color: #b0936c;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}
html .news-top .news-title .left a.back span {
  display: inline-block;
  margin-left: 15px;
}
html .news-top .news-title header {
  grid-area: header;
}
html .news-top .news-title header .title {
  color: #b0936c;
  font-family: "Montserrat", serif;
  font-weight: 600;
  font-size: 60px;
  text-align: center;
  padding: 30px 0;
}

.news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(540px, 1fr));
}
.news-container .news {
  margin: 20px;
}
.news-container .news .image {
  text-align: center;
}
.news-container .news .date {
  color: #b0936c;
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
}
.news-container .news .title {
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  padding: 0px 30px 10px 0;
}
.news-container .news .abstract {
  padding: 10px 30px;
  text-align: center;
  line-height: 1.7em;
}
.news-container .news .more {
  text-align: center;
  margin-bottom: 30px;
  transform: scale(80%);
}
.news-container .news .more a {
  padding-right: 30%;
}

.news-pager {
  text-align: center;
}
.news-pager a {
  display: inline-block;
  text-decoration: none;
  color: #b0936c;
  font-weight: 600;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  text-align: center;
  transform: rotate(45deg);
  border: solid 1px #fff;
}
.news-pager a span {
  display: inline-block;
  padding: 5px 0px;
  transform: rotate(-45deg);
}
.news-pager a.active {
  background: #b0936c;
  color: #fff;
}
.news-pager a:hover {
  border: solid 1px #b0936c;
}

.news-show-container .date {
  text-align: center;
  font-size: 20px;
  font-family: "Montserrat", serif;
  font-weight: 600;
  color: #b0936c;
}
.news-show-container .main-image {
  position: relative;
  text-align: center;
  margin: 20px 0 90px 0;
}
.news-show-container .main-image .image {
  max-width: 70%;
  min-width: 50%;
}
.news-show-container .main-image .krzok {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translatex(-50%);
}
.news-show-container .abstract {
  max-width: 900px;
  margin: 60px auto;
  text-align: center;
  line-height: 2em;
}
.news-show-container .news-content {
  max-width: 900px;
  margin: 40px auto;
  text-align: center;
  line-height: 2em;
}
.news-show-container .news-content p {
  line-height: 2em;
}
.news-show-container .news-gallery img {
  max-width: 30%;
  margin: 20px 20px;
}

html .news-back {
  margin-left: 20px;
  transform: rotate(180deg);
}
html .news-back span {
  transform: rotate(180deg) translatex(370px);
  width: 300px;
}

#conf-slider {
  width: 1400px;
  margin: 0 auto;
}
#conf-slider .switcher {
  margin-right: 10%;
}

ul.bm {
  list-style-type: none;
  padding: 0;
}
ul.bm li {
  font-family: "IBM Plex serif", serif;
  line-height: 1.5em;
  font-size: 1.3em;
  padding: 8px 0;
  color: #b0936c;
}

.trans-down {
  margin-top: 30px;
  display: inline-block;
  transform: rotate(90deg);
}
.trans-down span {
  transform: rotate(-90deg) translatex(150px) translatey(-150px);
}

#cookies {
  display: none;
  width: 600px;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px 40px;
  background: rgba(255, 255, 255, 0.9);
}
#cookies .krzok {
  position: absolute;
  right: 50px;
  top: -51px;
}
#cookies h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 25px;
  border-bottom: solid 1px #b0936c;
  padding-bottom: 10px;
}
#cookies .info {
  font-size: 11px;
  line-height: 2em;
}
#cookies .btn {
  padding: 20px 40px;
}
#cookies .button-container {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
#cookies .button-container .pp-link {
  display: inline-block;
  text-transform: uppercase;
  color: #b0936c;
  text-decoration: none;
  font-weight: 500;
}

#scrollup {
  position: fixed;
  bottom: 125px;
  right: 30px;
  transform: rotate(-90deg);
  display: none;
}

.scrolldown-link {
  transform: rotate(90deg);
  margin-top: 40px;
}

#image-zoom {
  z-index: 10001;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
}
#image-zoom a.close {
  position: absolute;
  right: 50px;
  top: 50px;
}
#image-zoom img {
  max-width: 78vw;
  max-height: 78vh;
}
#image-zoom a.image-prev,
#image-zoom a.image-next {
  margin: 0 40px;
}

.imgzoom {
  cursor: pointer;
}

#panorama {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
#panorama a.close {
  position: absolute;
  right: 50px;
  top: 50px;
}

.apartment-types {
  padding-top: 20px;
}
.apartment-types div.header {
  max-width: 1200px;
  display: flex;
  align-items: center;
}
.apartment-types div.header > div {
  padding: 30px;
}
.apartment-types div.header div:nth-child(1) {
  color: #b0936c;
  font-size: 100px;
  font-family: "Tinos", serif;
  font-style: italic;
}
.apartment-types div.header div:nth-child(2) {
  color: #b0936c;
  font-size: 40px;
  font-family: "Tinos", serif;
  font-style: italic;
}
.apartment-types div.header div:nth-child(3) {
  line-height: 2em;
  padding-right: 50px;
}
.apartment-types div.types {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.apartment-types div.types div.type:first-child {
  transition: 1s ease-in-out;
}
.apartment-types div.types div.type {
  width: 50%;
  display: inline-flex;
  align-items: center;
  padding: 20px 0;
}
@media (min-width: 1700px) {
  .apartment-types div.types div.type {
    width: 33%;
  }
}
.apartment-types div.types div.type div.diamond {
  margin: 0 50px;
  color: #b0936c;
  border: solid 1px #b0936c;
  width: 85px;
  height: 85px;
  flex-shrink: 0;
  text-align: center;
  padding-top: 5px;
  transform: rotate(45deg);
}
.apartment-types div.types div.type div.diamond span {
  display: inline-block;
  transform: rotate(-45deg);
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-size: 55px;
}
.apartment-types div.types div.type h1 {
  font-family: "Montserrat";
  text-transform: none;
  font-weight: 600;
  margin: 10px 0;
  padding: 0;
  font-size: 2.2em;
}
.apartment-types div.types div.type div.area {
  font-weight: 600;
  color: #b0936c;
  margin: 10px 0;
}
.apartment-types div.types div.type div.rooms {
  font-weight: 600;
  margin: 10px 0;
}
.apartment-types div.types div.type div.rooms span {
  font-weight: normal;
  color: #b0936c;
}
.apartment-types div.types div.type div.link a {
  text-decoration: none;
  color: #b0936c;
  font-family: "Tinos", serif;
  font-style: italic;
}

body.dark {
  background-color: #081323;
}
body.dark .container-top {
  background: #081323;
  height: auto;
}
body.dark .main-content {
  color: #fff;
}

.search-container {
  display: flex;
  gap: 60px;
}
.search-container .criteria {
  flex: 3;
}
.search-container .criteria .header {
  font-family: "Montserrat", sans-serif;
  font-size: 70px;
  color: #b0936c;
  font-weight: 600;
}
.search-container .criteria .area {
  font-size: 18px;
  text-align: right;
  margin-bottom: 10px;
}
.search-container .criteria .parameter-label {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin: 50px 0 10px 0;
  font-size: 18px;
}
.search-container .criteria .floor-buttons a,
.search-container .criteria .type-buttons a {
  display: inline-block;
  padding: 25px;
  margin: 15px 30px 15px 0;
  border: solid 1px #b0936c;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  font-size: 18px;
}
.search-container .criteria .floor-buttons a.active,
.search-container .criteria .type-buttons a.active {
  background: #fff;
  color: #b0936c;
}
.search-container .results {
  flex: 4;
}
.search-container .results .pager {
  padding-top: 50px;
  text-align: center;
}
.search-container .results .pager a {
  display: inline-block;
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
  margin: 0 5px;
  color: #b0936c;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 6px;
}
.search-container .results .pager a span {
  display: inline-block;
  transform: rotate(-45deg);
}
.search-container .results .pager a.active {
  background: #b0936c;
  color: #fff;
}
.search-container .results .pager a:not(.active):hover {
  color: #fff;
}
.search-container .results .results-container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
}
.search-container .results .results-container .result {
  flex: 1 0 45%;
  background: #fff;
  text-decoration: none;
  display: inline-block;
}
.search-container .results .results-container .floorplan {
  padding: 10px 0;
}
.search-container .results .results-container .floorplan img {
  width: 100%;
  max-height: 700px;
}
.search-container .results .results-container .equipment {
  padding: 40px 40px 0 40px;
}
.search-container .results .results-container .equipment img {
  background: #b0936c;
  border-radius: 40px;
  width: 40px;
  padding: 5px;
  box-shadow: 1px 1px 4px 0px #b0936c;
  margin-right: 15px;
}
.search-container .results .results-container .flex-rl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
  margin: 0 40px;
}
.search-container .results .results-container .name {
  color: #b0936c;
  font-size: 35px;
  font-weight: 600;
}
.search-container .results .results-container .number {
  color: #000;
  font-size: 15px;
}
.search-container .results .results-container .rooms {
  font-size: 15px;
  color: #000;
}
.search-container .results .results-container .area {
  font-size: 31px;
  color: #000;
}
.search-container .results .results-container div.last {
  border-top: solid 2px rgba(112, 112, 112, 0.28);
  margin: 20px 40px;
  padding: 20px 0;
}
.search-container .results .results-container .no-results {
  color: #b0936c;
  line-height: 1.7em;
  font-size: 1.5em;
}
.search-container .results .results-container .no-results big {
  font-size: 1.2em;
}

.range-widget {
  display: flex;
  align-items: center;
}
.range-widget .space {
  height: 2px;
  background-color: #b0936c;
  opacity: 0.3;
}
.range-widget .range {
  flex: 1;
  height: 3px;
  background-color: #b0936c;
}
.range-widget .diamond {
  height: 10px;
  width: 10px;
  background-color: #b0936c;
  transform: rotate(45deg);
  cursor: pointer;
}

div.collage {
  position: relative;
}
div.collage img {
  box-shadow: 0 0 10px #000;
  transition: all ease-in-out 0.8s;
  margin: 10px;
}
div.collage :nth-child(1) {
  width: 60%;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: 0;
}
div.collage :nth-child(2) {
  position: absolute;
  width: 30%;
  bottom: 10%;
  left: 15%;
  transform: rotate(-10deg);
}
div.collage :nth-child(3) {
  position: absolute;
  width: 30%;
  bottom: 10%;
  right: 15%;
  transform: rotate(5deg);
}
div.collage .init:nth-child(1) {
  width: 20%;
  opacity: 0.1;
  position: absolute;
  left: 50%;
  top: 30%;
}
div.collage .init:nth-child(2) {
  position: absolute;
  opacity: 0.1;
  width: 10%;
  bottom: 10%;
  left: 20%;
  transform: rotate(5deg);
}
div.collage .init:nth-child(3) {
  position: absolute;
  opacity: 0.1;
  width: 10%;
  bottom: 10%;
  right: 20%;
  transform: rotate(5deg);
}

div.attractions {
  margin-top: 70px;
}
div.attractions .attractions-container {
  width: 100%;
  overflow: hidden;
}
div.attractions .attractions-container .row {
  transition: all ease-in-out 1s;
  white-space: nowrap;
}
div.attractions .attractions-container .row:first-child .attraction {
  border-bottom: solid 1px #ccc;
}
div.attractions .attractions-container .row .attraction {
  vertical-align: top;
  display: inline-block;
  width: 25%;
  height: 300px;
  padding-top: 30px;
  border-right: solid 1px #ccc;
}
div.attractions .attractions-container .row .attraction > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px 0;
  color: #b0936c;
  font-size: 24px;
}
div.attractions .attractions-container .row .attraction > div .icon {
  display: flex;
  height: 50%;
  align-items: end;
  justify-content: center;
}
div.attractions .attractions-container .row .attraction > div .label {
  height: 50%;
  padding-top: 30px;
}
div.attractions .attractions-container .row .attraction:last-child {
  border-right: none;
}
div.attractions .nav {
  padding: 30px 0;
}
div.attractions .nav a {
  padding: 10px;
}

.features .features-container {
  overflow: hidden;
  position: relative;
}
.features .features-container .row {
  transition: all ease-in-out 1s;
  white-space: nowrap;
}
.features .features-container .feature {
  vertical-align: top;
  white-space: normal;
  display: inline-block;
  width: 25%;
  padding: 0 2%;
}
.features .features-container .feature div.diamond {
  margin: 60px 50px;
  color: #b0936c;
  border: solid 1px #b0936c;
  width: 85px;
  height: 85px;
  text-align: center;
  padding-top: 5px;
  transform: rotate(45deg);
}
.features .features-container .feature div.diamond span {
  display: inline-block;
  transform: rotate(-45deg);
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-size: 55px;
}
.features .features-container .feature .flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 360px;
}
.features .features-container .feature .header {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 22px;
  color: #b0936c;
  height: 3em;
  margin: 30px 0;
}
.features .features-container .feature .description {
  line-height: 1.7em;
}
.features .features-container .feature .more {
  margin: 30px 0;
}
.features .features-container .feature .more a {
  color: #b0936c;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}
.features .nav {
  margin-top: 30px;
  text-align: center;
}
.features .nav a {
  padding: 10px;
}

.feature-modal {
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.feature-modal .modal-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.feature-modal .modal-container div.close .feature-close {
  padding: 30px;
  display: inline-block;
}
.feature-modal .modal-container .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: top;
  padding: 0px 100px 0 100px;
}
.feature-modal .modal-container .content .header {
  font-size: 40px;
  color: #b0936c;
  font-weight: 600;
  margin-bottom: 40px;
}
.feature-modal .modal-container .content .text {
  font-size: 0.9rem;
  line-height: 1.7em;
}

.heart {
  background-color: #0e1a2c;
  background-image: url(../gfx/wilk.png);
  height: 750px;
  background-size: cover;
}
.heart .content > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.heart .content > div > div {
  flex: 1;
  padding: 0 100px;
}
.heart .content > div .header .h1 {
  font-weight: 600;
  color: #b0936c;
  text-transform: uppercase;
}
.heart .content > div .header .h2 {
  font-weight: 600;
  color: #fff;
  font-size: 64px;
}
.heart .content > div .text {
  line-height: 1.7em;
  color: #fff;
}

.sliding-gallery-container {
  overflow: hidden;
}
.sliding-gallery-container .sliding-gallery {
  display: flex;
  gap: 30px;
  transition: all ease-in-out 0.5s;
}
.sliding-gallery-container .sliding-gallery > div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 30px;
}
.sliding-gallery-container .sliding-gallery img {
  max-height: 680px;
}
.sliding-gallery-container .nav {
  margin-top: 30px;
}
.sliding-gallery-container .nav a {
  padding: 10px;
}

.gap-40 {
  gap: 40px;
}

.team {
  overflow: hidden;
}
.team .arrows {
  position: absolute;
  top: 20%;
  left: 10%;
  transform: translateX(-50%);
}
.team .arrows a {
  display: block;
  margin-bottom: 10px;
}
.team .people {
  margin-left: 10%;
  width: 80%;
  overflow: hidden;
}
.team .people .people-container {
  transform: translatex(0px);
  transition: all ease-in-out 0.3s;
  margin: 0 0 75px 0;
  white-space: nowrap;
}
.team .people .people-container .person {
  margin-right: 45px;
  display: inline-block;
}
.team .people .people-container .person .photo {
  width: 383px;
  height: 480px;
  background-image: url(../gfx/person-bg.png);
  background-size: 100%;
  transition: all ease-in-out 0.3s;
  position: relative;
  overflow: hidden;
}
.team .people .people-container .person .photo img {
  transition: all ease-in-out 0.3s;
  width: 100%;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}
.team .people .people-container .person .info {
  padding: 0 15px;
}
.team .people .people-container .person .info .name {
  font-size: 27px;
  color: #000;
  font-weight: 600;
  margin: 30px 0 20px 0;
}
.team .people .people-container .person .info .position {
  font-size: 18px;
}
.team .people .people-container .person:hover .photo {
  background-position: 20 -20px;
  background-size: 110%;
}
.team .people .people-container .person:hover .photo img {
  width: 105%;
}

.modal-person {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 100%;
}
.modal-person div.photo {
  flex: 1;
  background-size: cover;
  background-position: center;
  position: relative;
}
.modal-person div.photo .arrows {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateX(50%);
}
.modal-person div.photo .arrows a {
  display: block;
  margin-bottom: 10px;
}
.modal-person div.info {
  flex: 1;
  background: #0e1a2c;
  align-items: center;
  display: grid;
  grid-template-columns: minmax(50px, 150px) minmax(500px, 1fr) minmax(50px, 150px);
  grid-template-areas: ". center .";
}
.modal-person div.info .close {
  position: absolute;
  top: 40px;
  right: 40px;
}
.modal-person div.info .info-container {
  grid-area: center;
  max-height: 70%;
  overflow: auto;
}
.modal-person div.info .info-container > div {
  margin: 0 20px 40px 20px;
}
.modal-person div.info .info-container .header {
  font-size: 52px;
  color: #fff;
  font-weight: 600;
}
.modal-person div.info .info-container .position {
  font-size: 26px;
  color: #b0936c;
}
.modal-person div.info .info-container .description {
  color: #fff;
  line-height: 1.5em;
}

a.diamond-hover {
  display: inline-block;
  padding: 25px;
  border: solid 1px #b0936c;
  transform: rotate(45deg);
}
a.diamond-hover span {
  display: inline-block;
  width: 10px;
  height: 10px;
}
a.diamond-hover span.right {
  border-top: solid 1px #b0936c;
  border-right: solid 1px #b0936c;
}
a.diamond-hover span.left {
  border-bottom: solid 1px #b0936c;
  border-left: solid 1px #b0936c;
}
a.diamond-hover:hover {
  background: #fff;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1e2a3b;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b0936c;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.dark-white-title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 500 !important;
  text-align: center;
  font-size: 60px !important;
  text-transform: none !important;
  margin-top: 0;
}

div.contact-half-row {
  display: flex;
  margin-top: 70px;
  margin-bottom: 70px;
  align-items: center;
  gap: 50px;
}
div.contact-half-row > div {
  flex: 1;
}
div.contact-half-row.cr-first .header {
  font-weight: 200;
  font-size: 22px;
}
div.contact-half-row.cr-first .mail {
  font-size: 64px;
  margin-top: 30px;
}
div.contact-half-row.cr-first .phone {
  font-size: 64px;
  margin-top: 10px;
}
div.contact-half-row.cr-first .address {
  font-weight: 200;
  line-height: 2em;
  font-size: 16px;
  margin-top: 50px;
}
div.contact-half-row.cr-first .buttons {
  padding: 100px 0 0 30px;
  display: flex;
}
div.contact-half-row.cr-first .buttons .arrow {
  padding-top: 35px;
}
div.contact-half-row.cr-first .buttons .btn {
  margin-left: 300px;
}
div.contact-half-row.cr-first .contact-img-1 {
  background-image: url(../gfx/contact-01.png);
  background-size: cover;
  height: 800px;
}
div.contact-half-row.cr-second .header {
  font-weight: 500;
  font-size: 16px;
  margin-top: 30px;
}
div.contact-half-row.cr-second .description {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 200;
  line-height: 2em;
}
div.contact-half-row.cr-second .buttons {
  padding: 100px 0 0 30px;
}
div.contact-half-row.cr-second .contact-img-2 {
  background-image: url(../gfx/contact-02.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 800px;
}
div.contact-half-row.cr-third .text {
  padding-left: 100px;
}
div.contact-half-row.cr-third .header {
  font-weight: 500;
  font-size: 16px;
  margin-top: 30px;
}
div.contact-half-row.cr-third .description {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 200;
  line-height: 2em;
}
div.contact-half-row.cr-third .buttons {
  padding: 100px 0 0 30px;
}
div.contact-half-row.cr-third .contact-img-2 {
  background-image: url(../gfx/contact-02.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 700px;
}

.qna-container {
  width: 70%;
  min-width: 900px;
  background: #fff;
  margin: 100px auto;
  padding: 70px;
  position: relative;
}
.qna-container .krzok {
  position: absolute;
  top: -51px;
  left: 50%;
  transform: translatex(-50%);
}
.qna-container .header {
  font-size: 18px;
  line-height: 1.5em;
  padding: 10px 0 60px 0;
  color: #0e1a2c;
  font-weight: 600;
}
.qna-container .qna-question {
  padding-bottom: 20px;
}
.qna-container .qna-question .question {
  display: flex;
}
.qna-container .qna-question .question .text {
  font-weight: 500;
  color: #0e1a2c;
  font-size: 26px;
  flex: 1;
}
.qna-container .qna-question .question a.expanded img {
  transform: rotate(180deg);
}
.qna-container .qna-question .answer {
  color: #707070;
  line-height: 1.7em;
  width: 95%;
  padding: 10px 10px;
}
.qna-container .qna-question:not(last-child) {
  border-bottom: solid 1px #707070;
  margin-bottom: 25px;
}

.villa-more {
  margin-top: 50px;
}
.villa-more a span {
  width: 400px;
}
.villa-more.center {
  margin: 75px auto 75px auto;
  width: 400px;
}

.tryptyk {
  display: flex;
  justify-content: space-between;
}
.tryptyk > div {
  flex: 0 1 30%;
}
.tryptyk > div img {
  width: 100%;
}
.tryptyk > div header {
  font-weight: 500;
  font-size: 43px;
  margin: 40px 0 20px 0;
}
.tryptyk > div div:last-child {
  line-height: 2.5em;
  font-size: 16px;
  padding-right: 20px;
}

.gallery-n {
  position: relative;
  height: 100vh;
  overflow: hidden;
  padding-top: 90px;
}
.gallery-n .folder {
  height: 90vh;
  width: 100%;
  position: absolute;
  transition: ease-in-out 500ms;
}
.gallery-n .folder.prev {
  transform: translatex(-100%);
}
.gallery-n .folder.next {
  transform: translatex(100%);
}
.gallery-n .folder a div {
  display: flex;
  justify-content: center;
  position: relative;
}
.gallery-n .folder a div img {
  position: absolute;
  transition: ease-in-out 200ms;
}
.gallery-n .folder a div > span {
  position: absolute;
  top: 250px;
  left: 50%;
  display: inline-block;
  width: 70px;
  height: 70px;
  transform: translatex(-50%) rotate(45deg);
  background-color: #0c1626;
}
.gallery-n .folder a div > span span {
  display: inline-block;
  transform: rotate(-45deg);
  font-size: 70px;
  font-weight: 200;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.gallery-n .folder a div header {
  position: absolute;
  top: 590px;
  color: #fff;
  font-size: 70px;
  width: 900px;
  text-align: center;
  left: 50%;
  transform: translatex(-50%);
}
.gallery-n .folder a div header span {
  font-size: 20px;
  display: block;
}
.gallery-n .folder a:hover div img:first-child {
  transform: rotate(10deg) translatex(50px) translatey(-50px);
}
.gallery-n .folder a:hover div img:nth-child(2) {
  transform: rotate(-10deg) translatex(-50px) translatey(-50px);
}
.gallery-n .folder a:hover div img:nth-child(3) {
  transform: translatey(-20px);
}
.gallery-n .folder a:hover div > span span {
  color: #fff;
}
.gallery-n .nav {
  position: absolute;
  top: 40%;
  transition: ease-in-out 200ms;
  z-index: 99999;
}
.gallery-n .nav.disabled {
  opacity: 0.3;
}
.gallery-n .nav.next {
  right: 100px;
  transform: scale(90%);
}
.gallery-n .nav.next:hover {
  transform: scale(100%);
}
.gallery-n .nav.prev {
  left: 100px;
  transform: rotate(180deg) scale(90%);
}
.gallery-n .nav.prev:hover {
  transform: rotate(180deg) scale(100%);
}

.gallery-n-gallery {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(8, 18, 41, 0.95);
  display: grid;
  grid-template-columns: 150px 1fr 150px;
  grid-template-rows: 150px 1fr 150px;
  grid-template-areas: ". . close" "left center right";
  align-items: center;
}
.gallery-n-gallery .num {
  color: #b0936c;
  padding-top: 15px;
}
.gallery-n-gallery .image {
  grid-area: center;
  justify-self: center;
  transition: ease-in-out 500ms;
}
.gallery-n-gallery .image img {
  max-width: 100%;
  max-height: 100%;
}
.gallery-n-gallery .image.next {
  transform: translatex(120vw);
}
.gallery-n-gallery .image.prev {
  transform: translatex(-120vw);
}
.gallery-n-gallery .close {
  grid-area: close;
  transition: ease-in-out 200ms;
}
.gallery-n-gallery .close:hover {
  transform: scale(105%);
}
.gallery-n-gallery .nav {
  transition: ease-in-out 200ms;
}
.gallery-n-gallery .nav.disabled {
  opacity: 0.3;
}
.gallery-n-gallery .nav.next {
  grid-area: right;
  transform: scale(70%);
}
.gallery-n-gallery .nav.next:hover {
  transform: scale(75%);
}
.gallery-n-gallery .nav.prev {
  grid-area: left;
  transform: rotate(180deg) scale(70%);
}
.gallery-n-gallery .nav.prev:hover {
  transform: rotate(180deg) scale(75%);
}

#intro {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99999;
  background-color: #0c1626;
}
#intro .video {
  width: 100%;
  height: 80%;
  object-fit: cover;
  object-position: top;
}
#intro .under-video {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#intro .under-video .top {
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 80px;
  grid-template-areas: "left center right";
}
#intro .under-video .top .skipintro {
  grid-area: center;
  justify-self: center;
  align-self: baseline;
  transform: translateY(-90%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#intro .under-video .top .skipintro span {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
#intro .under-video .top .skipintro .diamond {
  margin-top: 20px;
  width: 40px;
  height: 40px;
  border: solid 1px #fff;
  transform: rotate(45deg);
  transition: ease-in-out 500ms;
}
#intro .under-video .top .skipintro svg {
  margin-top: -25px;
  margin-left: -35px;
  z-index: 999;
}
#intro .under-video .top .skipintro:hover .diamond {
  transform: rotate(135deg);
  background: #fff;
  border-color: #b0936c;
}
#intro .under-video .top .skipintro:hover svg g path {
  stroke: #b0936c !important;
}
#intro .under-video .top .intro-full-btn {
  grid-area: right;
  justify-self: center;
  align-self: end;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
#intro .under-video .top .intro-full-btn .diamond {
  transition: ease-in-out 200ms;
  width: 40px;
  height: 40px;
  border: solid 1px #b0936c;
  display: inline-block;
  transform: rotate(45deg);
  margin-right: 20px;
}
#intro .under-video .top .intro-full-btn .diamond img {
  transform: rotate(-45deg) translatey(12px);
  width: 50%;
  height: 50%;
}
#intro .under-video .top .intro-full-btn:hover .diamond {
  background: #fff;
}
#intro .under-video .custom-seekbar {
  margin-top: 50px;
  cursor: pointer;
  height: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 90%;
  display: flex;
  align-items: center;
}
#intro .under-video .custom-seekbar span {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
}
#intro .under-video .custom-seekbar .line {
  flex: 1;
  border-bottom: solid 1px #fff;
}
#intro a.sound {
  position: absolute;
  right: 70px;
  top: 70px;
  opacity: 0.6;
}
#intro a.sound:hover {
  opacity: 1;
}
#intro a.sound.muted .unmuted {
  display: none;
}
#intro a.sound.unmuted .muted {
  display: none;
}

.infrastructure {
  background-image: url(../gfx/infra/bg1.png);
  background-position: top right;
  background-repeat: no-repeat;
}
.infrastructure .flex-half {
  gap: 80px;
  align-items: flex-start;
  margin: 80px 100px;
}
.infrastructure .image {
  margin-top: 100px;
}
.infrastructure .description {
  line-height: 3em;
  padding: 0 200px 30px 0;
}
.infrastructure .i-header1 {
  text-align: center;
}
.infrastructure .i-header1 .title {
  margin: 20px 0 15px 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
}
.infrastructure .i-header1 .subtitle {
  font-size: 32px;
  font-family: "Tinos";
  font-style: italic;
  color: #b0936c;
}
.infrastructure .description2 {
  font-size: 36px;
  width: 80%;
  font-weight: 300;
  line-height: 2em;
  margin-top: 70px;
}
.infrastructure .description3 {
  font-size: 24px;
  font-family: "Tinos", serif;
  font-style: italic;
  color: #b0936c;
  width: 80%;
  line-height: 2em;
  margin-top: 70px;
}
.infrastructure .description4 {
  font-size: 24px;
  font-family: "Tinos", serif;
  font-style: italic;
  color: #b0936c;
  width: 80%;
  line-height: 2em;
  margin-bottom: 50px;
}

.i-white13 {
  display: flex;
  height: 800px;
}
.i-white13 > div:nth-child(1) {
  flex: 1;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.i-white13 > div:nth-child(1) .description {
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 100px;
}
.i-white13 > div:nth-child(2) {
  flex: 2;
  background-size: cover;
  position: relative;
}
.i-white13 > div:nth-child(2) img {
  position: absolute;
  top: 100px;
  transform: translatex(-50%);
}

.bg-section-2 {
  background-image: url(../gfx/infra/bas.png);
}

.bg-section-5 {
  background-image: url(../gfx/infra/cr.png);
}

.infrastructure-2 {
  background-image: url(../gfx/infra/bg2.png);
  background-position: top right;
  background-repeat: no-repeat;
}
.infrastructure-2 .flex-half {
  gap: 80px;
  margin: 80px 100px;
  align-items: flex-start;
}
.infrastructure-2 .flex-half > div:nth-child(1) {
  padding: 0 50px 0 0;
}
.infrastructure-2 .flex-half .krzok {
  padding-bottom: 70px;
}
.infrastructure-2 .flex-half .title {
  margin: 20px 0 0px 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
}
.infrastructure-2 .flex-half .subtitle {
  font-size: 32px;
  font-family: "Tinos";
  font-style: italic;
  color: #b0936c;
}
.infrastructure-2 .flex-half .image img {
  width: 80%;
  margin: 50px 0 0 0;
}
.infrastructure-2 .flex-half .coelho {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.5em;
}
.infrastructure-2 .flex-half .info {
  color: #b0936c;
  font-family: "Tinos", sans-serif;
  font-style: italic;
  line-height: 2em;
  margin-top: 70px;
  font-size: 24px;
}

.infrastructure-3 {
  background-image: url(../gfx/infra/bg3.png);
}

.infrastructure-4 {
  background-image: url(../gfx/infra/bg4.png);
}

.infrastructure-white {
  display: flex;
  flex-direction: column;
  background-image: url(../gfx/infra/bg5.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.infrastructure-white .title {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 70px;
}
.infrastructure-white .subtitle {
  color: #b0936c;
  font-family: "Tinos", serif;
  font-size: 32px;
  font-style: italic;
}
.infrastructure-white div a {
  margin: 80px 0;
  display: block;
  position: relative;
  height: 707px;
  width: 554px;
}
.infrastructure-white div a .i1,
.infrastructure-white div a .i2,
.infrastructure-white div a .i3,
.infrastructure-white div a .i4 {
  position: absolute;
  transition: ease-in-out 200ms;
}
.infrastructure-white div a .i1 {
  left: -150px;
  top: 40px;
}
.infrastructure-white div a .i2 {
  left: 0;
  top: 0;
  z-index: 2;
}
.infrastructure-white div a .i3 {
  bottom: 40px;
  right: -180px;
}
.infrastructure-white div a .i4 {
  top: 50%;
  left: 50%;
  z-index: 3;
  opacity: 0;
  transform: translatex(-50%);
}
.infrastructure-white div a:hover .i4 {
  opacity: 1;
}
.infrastructure-white div a:hover .i1 {
  left: -300px;
  transform: rotate(-10deg);
}
.infrastructure-white div a:hover .i3 {
  right: -320px;
  transform: rotate(10deg);
}
.infrastructure-white div a:hover .i2 {
  transform: scale(95%);
}

.full-width {
  width: 100%;
  max-width: 100%;
}

.villa-notes {
  width: 100%;
  display: flex;
  column-gap: 40px;
  margin: 100px 0;
}
.villa-notes > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 30%;
  row-gap: 30px;
  padding: 60px 50px;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
}
.villa-notes > a .desc {
  font-weight: 700;
  color: #000;
  font-size: 24px;
}
.villa-notes > a .like-counter {
  font-size: 60px;
  font-weight: 700;
}
.villa-notes > a .booking {
  padding-bottom: 20px;
}
.villa-notes > a .google {
  font-size: 60px;
  font-weight: bold;
}
.villa-notes > a .google span {
  display: block;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.video-promo {
  position: relative;
  padding: 2% 0;
  max-width: 1400px;
  margin: 0 auto;
}
.video-promo video {
  width: 100%;
}
.video-promo a.sound {
  position: absolute;
  right: 2%;
  top: 10%;
  opacity: 0.6;
}
.video-promo a.sound:hover {
  opacity: 1;
}
.video-promo a.sound.muted .unmuted {
  display: none;
}
.video-promo a.sound.unmuted .muted {
  display: none;
}
.video-promo .fullscreen {
  position: absolute;
  right: 2%;
  bottom: 10%;
  opacity: 0.6;
}
.video-promo .fullscreen img {
  width: 32px;
}
.video-promo .custom-seekbar {
  position: absolute;
  top: 85%;
  left: 15%;
  right: 15%;
  cursor: pointer;
  height: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 70%;
  display: flex;
  align-items: center;
}
.video-promo .custom-seekbar span {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
}
.video-promo .custom-seekbar .line {
  flex: 1;
  border-bottom: solid 1px #fff;
}

#fullpromo {
  width: 0;
  height: 0;
}

.infrastructure-boxes {
  display: flex;
  justify-content: space-evenly;
}
.infrastructure-boxes > div {
  color: #000;
}
.infrastructure-boxes > div .photo {
  width: 601px;
  height: 408px;
  overflow: hidden;
}
.infrastructure-boxes > div .photo img {
  transition: all ease-in-out 200ms;
}
.infrastructure-boxes > div .photo img:hover {
  transform: scale(110%) translatex(2%);
}
.infrastructure-boxes > div .subheader {
  font-size: 18px;
  font-weight: 500;
  color: #b0936c;
  text-align: center;
  padding: 20px 0;
}
.infrastructure-boxes > div .header {
  font-size: 48px;
  text-align: center;
  font-weight: 600;
}
.infrastructure-boxes > div .more {
  margin: 50px;
  text-align: center;
  transform: translatex(-100px);
}

.black {
  color: #000 !important;
}

.infrastructure-object .boxes {
  padding: 70px 200px;
  display: flex;
  justify-content: space-evenly;
  gap: 50px;
}
.infrastructure-object .boxes > div {
  text-align: center;
}
.infrastructure-object .boxes > div .header {
  padding-top: 30px;
  font-weight: 600;
  font-size: 24px;
}
.infrastructure-object .boxes > div .desc {
  font-size: 24px;
}
.infrastructure-object .more .header {
  text-align: center;
  font-weight: 600;
  font-size: 28px;
}
.infrastructure-object .more ul {
  columns: 2;
  width: 900px;
  margin: 70px auto;
  list-style-type: none;
}
.infrastructure-object .more ul li {
  margin: 0;
  margin-bottom: 3em;
  padding-left: 1.5em;
  position: relative;
  font-size: 20px;
}
.infrastructure-object .more ul li:after {
  content: "";
  height: 0.6em;
  width: 0.6em;
  background: #b0936c;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 0.25em;
  left: 0;
}

.infrastructure-floorplan .header {
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 30px;
}
.infrastructure-floorplan .floors {
  align-items: center;
  flex-wrap: wrap;
}
.infrastructure-floorplan .floors .filters {
  flex-basis: 400px;
}
.infrastructure-floorplan .floors .filters .header {
  font-size: 48px;
  font-weight: 600;
}
.infrastructure-floorplan .floors .filters .floorinfo {
  color: #b0936c;
}
.infrastructure-floorplan .floors .filters .cb-container {
  display: block;
  margin: 25px 0;
}
.infrastructure-floorplan .floors .floorplan-container {
  flex: 1 0 60%;
}

.io-description {
  z-index: 15000;
  position: fixed;
  top: 5%;
  bottom: 5%;
  left: 1%;
  right: 1%;
  background: white;
  display: flex;
}
.io-description .close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.io-description .image {
  flex: 1;
  background-size: cover;
}
.io-description .description {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.io-description .description > div {
  padding: 0 60px;
}
.io-description .description .subheader {
  color: #b0936c;
}
.io-description .description .header {
  font-size: 48px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 60px;
}
.io-description .description .info {
  line-height: 1.75em;
}

.infra-triple {
  display: flex;
  justify-content: center;
  gap: 75px;
  margin: 60px 0;
}
.infra-triple > div {
  width: 400px;
}
.infra-triple > div img {
  width: 100%;
}
.infra-triple > div .header {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin: 30px 0;
}
.infra-triple > div .description {
  text-align: center;
  line-height: 1.7em;
}

.container-full-image .content .krzokbottom {
  position: absolute;
  bottom: -51px;
  left: 50%;
  transform: translatex(-50%);
}

.container-megafull .krzok {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translatex(-50%);
}

.columns-centered {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.columns-centered.three-columns > div {
  flex: 0 1 33%;
}
.columns-centered.four-columns > div {
  flex: 0 1 25%;
}
.columns-centered > div {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.7em;
  text-align: center;
  font-size: 16px;
}
.columns-centered > div .uniq-diamond {
  background-color: #b0936c;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  margin: 30px;
}

.container .subheader {
  font-size: 20px;
  font-style: italic;
  font-family: "Tinos", serif;
  color: #b0936c;
  padding-bottom: 60px;
}

.flex-align-top {
  align-items: top;
}

.krzoklewa {
  display: flex;
  gap: 60px;
}
.krzoklewa .img img {
  height: 140px;
}
.krzoklewa .text .header {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 30px;
}
.krzoklewa .text .columns {
  display: flex;
  font-weight: 300;
  gap: 100px;
  line-height: 2em;
}
.krzoklewa .text .columns div:last-child {
  padding-right: 80px;
}

.content > .krzok {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translatex(-50%);
}

.columns-centered > .condo-card {
  max-width: 500px;
}

.condo-card {
  position: relative;
  padding: 80px 50px;
  margin: 40px 0px;
  background-color: #fff;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
.condo-card h3 {
  line-height: 1.4em;
  margin: 0.5em;
}
.condo-card .krzok {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translatex(-50%);
}

.dark-card.slider-b {
  padding: 0;
  overflow: visible;
}
.dark-card.slider-b .krzok {
  position: absolute;
  top: -50px;
  left: 50px;
}
.dark-card.slider-b .slide-b {
  gap: 70px;
}
.dark-card.slider-b .slide-b .text {
  flex: 6;
  padding: 75px 75px 50px 50px;
  position: relative;
  color: #fff;
  background-color: #0e1a2c;
}
.dark-card.slider-b .slide-b .text h3 {
  color: #b0936c;
}
.dark-card.slider-b .slide-b .text p {
  font-size: 16px;
}

#login {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  display: flex;
  z-index: 100000;
}
#login .register {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #111;
}
#login .register div {
  padding: 0 10% 0 30%;
}
#login .register .header {
  font-size: 52px;
  font-weight: 600;
  margin-top: 50px;
}
#login .register .info {
  font-weight: 300;
  line-height: 1.7em;
  margin: 50px 0;
}
#login #reminder-form {
  display: none;
}
#login .login {
  flex: 1;
  background: #081323;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#login .login form {
  color: #fff;
  padding: 0 20% 0 20%;
}
#login .login form .header {
  color: #b0936c;
  font-size: 52px;
  font-weight: 600;
}
#login .login .reminder-area {
  color: #b0936c;
  font-size: 0.9em;
  margin-top: 20px;
  font-weight: 500;
  height: 60px;
}
#login .login .reminder-status {
  display: none;
}
#login .login .error {
  color: red;
  font-weight: 500;
  margin-top: 15px;
}
#login .login .close {
  position: absolute;
  right: 50px;
  top: 50px;
}
#login .login .krzokvertical {
  background: url(../gfx/krzok.png);
  background-size: 50px auto;
  width: 50px;
  height: 100%;
  position: absolute;
  left: -25px;
}
#login .login .btn {
  padding: 15px 30px;
  text-transform: none;
}

#login .login form .widget,
#register-form .widget {
  margin: 25px 0;
}
#login .login form .widget label,
#register-form .widget label {
  display: block;
  font-size: 0.8em;
  font-weight: 600;
  padding-bottom: 5px;
}
#login .login form .widget input,
#register-form .widget input {
  padding: 15px;
  border: solid 1px #b0936c;
  outline: none;
  background: #fff;
  width: 350px;
}
#login .login form .reminder,
#register-form .reminder {
  font-size: 0.8em;
  font-weight: 500;
}

.btn-dark {
  background: #081323;
  color: #fff;
  font-weight: 500;
  padding: 15px 30px;
}

.btn-dark:hover {
  opacity: 0.95;
}

#register {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  color: #111;
  z-index: 100001;
  display: flex;
  justify-content: center;
}
#register .close {
  position: absolute;
  right: 50px;
  top: 50px;
}
#register .krzokvertical {
  background: url(../assets/gfx/krzok.png);
  background-size: 50px auto;
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
}
#register .body {
  padding: 80px 0;
  width: 1200px;
}
#register .body .header {
  font-size: 52px;
  font-weight: 600;
  padding: 20px 0 40px 0;
}
#register .body .steps-nav {
  display: flex;
  align-items: center;
}
#register .body .steps-nav .spacer {
  flex: 1;
  border: dashed 1px #b0936c;
  height: 1px;
  transform: translatey(-25px);
}
#register .body .steps-nav .step {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#register .body .steps-nav .step.active .diamond {
  background: #b0936c;
}
#register .body .steps-nav .step.active .diamond span {
  color: #fff;
}
#register .body .steps-nav .step .diamond {
  border: solid 1px #b0936c;
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
#register .body .steps-nav .step .diamond span {
  transform: rotate(-45deg);
  display: inline-block;
  color: #b0936c;
  font-weight: 500;
}
#register .body .steps-nav .step .name {
  margin-top: 15px;
  height: 30px;
  font-weight: 600;
  font-size: 0.6em;
  color: #b0936c;
}
#register .body .steps .step .text {
  line-height: 1.7em;
  padding: 30px 0;
}
#register .body .steps .step .nav {
  margin-top: 15px;
}
#register .body .steps .step .nav button {
  padding-top: 15px;
  padding-bottom: 15px;
}

#register-form .data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#register-form .data .widget {
  color: #000;
  width: 30%;
  margin-bottom: 0 !important;
}
#register-form .data .widget input:invalid {
  border-color: #d00505;
  background: #ffe8e8;
}
#register-form .agree {
  margin-top: 25px;
}
#register-form .agree .cb-container {
  display: flex;
  font-size: 0.8em;
  gap: 10px;
}
#register-form .agree .cb-container span {
  align-self: flex-start;
}
#register-form .agree .cb-container input:checked ~ .label {
  font-weight: normal;
}
#register-form .agree .cb-container input:invalid ~ .label {
  color: #d00505 !important;
}

#level_tooltip {
  position: absolute;
  padding: 20px 30px;
  background-color: #0e1a2c;
  color: #b0936c;
  font-size: 16px;
  line-height: 1.5em;
  transform: translateX(-48%);
}
#level_tooltip .title {
  font-size: 1.2em;
  line-height: 2.4em;
}
#level_tooltip::before {
  content: "";
  display: block;
  background-color: #0e1a2c;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  right: 45%;
  transform: rotate(45deg);
}

#register .error:not(:empty) {
  color: #d00505;
  font-weight: bold;
  margin-top: 20px;
}

.iz-welcome {
  font-family: "Tinos", serif;
  font-style: italic;
  color: #b0936c;
  font-size: 1.3em;
  margin-bottom: 30px;
  margin-top: 20px;
}

.iz-download-maps a {
  font-weight: bold;
}

.offer-form .info {
  font-size: 1.5em;
  margin-bottom: 2em;
  padding: 0 10em;
}

body.dark-background {
  background-color: #081323;
}

body.light-text {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.columns-location {
  margin-top: 60px;
}
.columns-location > div > div {
  line-height: 2em;
}

.newsletter-confirmation {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.newsletter-confirmation .name {
  font-size: 28px;
  color: #b0936c;
}
.newsletter-confirmation .info {
  margin-top: 1em;
  font-size: 28px;
  font-weight: 500;
}
.newsletter-confirmation .more {
  margin-top: 2em;
  line-height: 1.7em;
}
.newsletter-confirmation .morebtn {
  margin-top: 2em;
}

.news .image img {
  max-width: 496px;
}

.newsletter-agreeerror {
  color: #dd0000;
  font-weight: bold;
  display: none;
}

.pp .header, .rodo .header {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
}
.pp .content, .rodo .content {
  max-width: 850px;
  margin: 90px auto;
}
.pp .content ul li, .rodo .content ul li {
  line-height: 2em;
  font-weight: 300;
}

.min-height {
  min-height: 1000px;
}

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