/* Variables */
/* Mixins */
/* Fonts */
@font-face {
  font-family: 'Gilroy Medium';
  src: url('../fonts/Gilroy-Medium.eot') format("eot"), url('../fonts/Gilroy-Medium.ttf') format("truetype"), url('../fonts/Gilroy-Medium.woff') format("woff");
  font-display: swap; }
@font-face {
  font-family: 'Gilroy ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.eot') format("eot"), url('../fonts/Gilroy-ExtraBold.ttf') format("truetype"), url('../fonts/Gilroy-ExtraBold.woff') format("woff");
  font-display: swap; }
@font-face {
  font-family: 'Gilroy Bold';
  src: url('../fonts/Gilroy-Bold.eot') format("eot"), url('../fonts/Gilroy-Bold.ttf') format("truetype"), url('../fonts/Gilroy-Bold.woff') format("woff");
  font-display: swap; }

div, p {
  color: #ffffff;
  font-family: 'Gilroy Bold';
  font-size: 18px;
  line-height: 32px; }

.gold {
  color: #FBD784; }

a {
  transition: all 0.3s linear;
  text-decoration: none; }
  a:hover {
    transition: all 0.3s linear;
    text-decoration: none; }

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh; }

.slider {
  position: absolute;
  z-index: 0; }

.n2-bullet {
  font-family: 'Gilroy Bold' !important;
  font-size: 18px !important;
  line-height: 22px !important;
  color: #ffffff !important;
  background-color: transparent !important; }
  .n2-bullet:before {
    content: '0' !important;
    display: inline-block !important; }
  .n2-bullet.n2-active {
    color: #FBD784 !important; }

.ba-forms-lightbox-row {
  position: absolute !important;
  width: 24px !important;
  height: 24px;
  right: -15px;
  z-index: 20; }
  .ba-forms-lightbox-row i {
    background: #FBD784 !important;
    padding: 0 !important; }

.ba-form-acceptance-field .ba-form-acceptance-html p a {
  color: #FBD784 !important; }
  .ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
    color: #FBD784 !important; }

/* Header */
header {
  flex: 0 0 auto;
  background: linear-gradient(to bottom, rgba(0, 44, 53, 0.44) 85%, #002C35 100%);
  background: -webkit-linear-gradient(to bottom, rgba(0, 44, 53, 0.44) 85%, #002C35 100%);
  background: -moz-linear-gradient(to bottom, rgba(0, 44, 53, 0.44) 85%, #002C35 100%);
  background: -ms-linear-gradient(to bottom, rgba(0, 44, 53, 0.44) 85%, #002C35 100%);
  background: -o-linear-gradient(to bottom, rgba(0, 44, 53, 0.44) 85%, #002C35 100%);
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.2);
  z-index: 1; }

.logo {
  margin: 30px auto 80px;
  text-align: center; }

.title-website {
  font-family: 'Gilroy Medium';
  font-size: 64px;
  line-height: 73px;
  text-align: center;
  color: #ffffff; }

.map-link {
  font-family: 'Gilroy Bold';
  font-size: 18px;
  line-height: 22px;
  transform: rotate(-90deg);
  display: inline-block;
  position: absolute;
  left: 78px;
  top: 370px; }
  .map-link a {
    display: block;
    padding-left: 32px;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iLTQgMCAyNCAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNCAwIDI0IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00LDE2bDEuNDEtMS40MUwtMC4xNyw5SDIwVjdILTAuMTdsNS41OS01LjU4TDQsMGwtOCw4TDQsMTZ6Ii8+DQo8L3N2Zz4=') no-repeat left center;
    color: #ffffff; }
    .map-link a:hover {
      color: #ffffff; }

.phone-header {
  position: absolute;
  top: 60px;
  right: 85px;
  font-family: 'Gilroy Bold';
  font-size: 23px;
  line-height: 24px; }
  .phone-header a {
    color: #FBD784; }
    .phone-header a:hover {
      color: #FBD784;
      text-decoration: underline; }

.zag-h2 {
  margin-top: 117px;
  text-align: center;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-family: 'Gilroy ExtraBold';
  font-size: 18px;
  line-height: 22px; }
  .zag-h2:before {
    content: '';
    display: inline-block;
    width: 72px;
    height: 2px;
    background: #FBD784;
    margin-right: 24px;
    vertical-align: middle; }
  .zag-h2 a {
    color: #FBD784; }
    .zag-h2 a:hover {
      color: #FBD784; }

.arrow-down {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 220px; }

/* Menu */
/* Content */
.sp-pagebuilder-row, .sppb-row {
  margin-right: calc(var(--bs-gutter-x)/ -2) !important;
  margin-left: calc(var(--bs-gutter-x)/ -2) !important; }

.content {
  flex: 1 0 auto;
  background: #002C35;
  z-index: 1; }

#plan {
  overflow: auto; }
  #plan .sppb-container-inner .sppb-row {
    max-width: 1296px; }

.plan {
  position: relative;
  width: 1279px;
  height: 1356px; }
  .plan img {
    max-width: 100%;
    height: auto; }
  .plan .plan-block-title {
    font-family: 'Georgia';
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center; }
    .plan .plan-block-title.besedka-number {
      line-height: 1; }
      .plan .plan-block-title.besedka-number a {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: block;
        background: rgba(0, 44, 53, 0.65);
        color: #ffffff;
        position: absolute;
        padding: 3px 0; }
      .plan .plan-block-title.besedka-number #besedka-1 {
        left: 600px;
        top: 1170px; }
      .plan .plan-block-title.besedka-number #besedka-2 {
        left: 360px;
        top: 1208px; }
      .plan .plan-block-title.besedka-number #besedka-4 {
        left: 372px;
        top: 855px; }
      .plan .plan-block-title.besedka-number #besedka-5 {
        left: 374px;
        top: 723px; }
      .plan .plan-block-title.besedka-number #besedka-6 {
        left: 374px;
        top: 658px; }
      .plan .plan-block-title.besedka-number #besedka-7 {
        left: 374px;
        top: 580px; }
      .plan .plan-block-title.besedka-number #besedka-8 {
        left: 482px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-9 {
        left: 525px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-10 {
        left: 568px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-11 {
        left: 612px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-12 {
        left: 690px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-13 {
        left: 760px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-14 {
        left: 844px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-15 {
        left: 910px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-17 {
        left: 1000px;
        top: 465px; }
      .plan .plan-block-title.besedka-number #besedka-22 {
        left: 1083px;
        top: 483px; }
      .plan .plan-block-title.besedka-number #besedka-23 {
        left: 1083px;
        top: 663px; }
      .plan .plan-block-title.besedka-number #besedka-24 {
        left: 1005px;
        top: 643px; }
      .plan .plan-block-title.besedka-number #besedka-25 {
        left: 1005px;
        top: 707px; }
      .plan .plan-block-title.besedka-number #besedka-26 {
        left: 1005px;
        top: 877px; }
      .plan .plan-block-title.besedka-number #besedka-27 {
        left: 911px;
        top: 790px; }
      .plan .plan-block-title.besedka-number #besedka-28 {
        left: 836px;
        top: 790px; }
      .plan .plan-block-title.besedka-number #besedka-29 {
        left: 730px;
        top: 790px; }
      .plan .plan-block-title.besedka-number #besedka-30 {
        left: 611px;
        top: 790px; }
      .plan .plan-block-title.besedka-number #besedka-31 {
        left: 840px;
        top: 897px; }
      .plan .plan-block-title.besedka-number #besedka-32 {
        left: 766px;
        top: 897px; }
      .plan .plan-block-title.besedka-number #besedka-33 {
        left: 696px;
        top: 897px; }
      .plan .plan-block-title.besedka-number #besedka-34 {
        left: 618px;
        top: 897px; }
    .plan .plan-block-title a {
      display: block;
      background: rgba(0, 44, 53, 0.65);
      border-radius: 49px;
      color: #ffffff;
      position: absolute; }
    .plan .plan-block-title #canyon {
      width: 211px;
      padding: 5px 28px;
      top: 200px;
      right: 130px; }
    .plan .plan-block-title #pool {
      width: auto;
      padding: 5px 10px;
      top: 370px;
      left: 240px; }
    .plan .plan-block-title #turniki {
      width: auto;
      padding: 5px 10px;
      top: 390px;
      left: 435px; }
    .plan .plan-block-title #banya {
      width: auto;
      padding: 5px 10px;
      top: 526px;
      left: 374px; }
    .plan .plan-block-title #dance {
      width: auto;
      padding: 5px 10px;
      top: 570px;
      left: 450px; }
    .plan .plan-block-title #cafe {
      width: auto;
      padding: 5px 10px;
      top: 650px;
      left: 520px; }
    .plan .plan-block-title #children {
      width: auto;
      padding: 5px 10px;
      top: 540px;
      left: 700px; }
    .plan .plan-block-title #mangal-1 {
      width: auto;
      padding: 5px 10px;
      top: 600px;
      left: 880px; }
    .plan .plan-block-title #mangal-2 {
      width: auto;
      padding: 5px 10px;
      top: 690px;
      left: 245px; }
    .plan .plan-block-title #exit {
      width: auto;
      padding: 5px 10px;
      top: 575px;
      left: 1000px; }
    .plan .plan-block-title #banya-individual {
      width: auto;
      padding: 5px 10px;
      top: 1015px;
      left: 300px; }
    .plan .plan-block-title #shop {
      width: auto;
      padding: 5px 10px;
      top: 1050px;
      left: 700px; }
    .plan .plan-block-title #enter {
      width: auto;
      padding: 5px 10px;
      top: 1250px;
      left: 430px; }

.besedka h3 {
  position: relative; }
  .besedka h3:before {
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    position: absolute;
    z-index: -1;
    left: -130px;
    background: url('../images/icon1.svg') no-repeat center; }

.complex h3 {
  position: relative; }
  .complex h3:before {
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    position: absolute;
    z-index: -1;
    top: -70px;
    left: -100px;
    background: url('../images/icon2.svg') no-repeat center; }

.kitchen h3 {
  position: relative; }
  .kitchen h3:before {
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    position: absolute;
    z-index: -1;
    left: -130px;
    top: -50px;
    background: url('../images/icon3.svg') no-repeat center; }

.zag-h3 h4 {
  color: #FBD784; }
  .zag-h3 h4:before {
    content: '';
    display: inline-block;
    width: 72px;
    height: 2px;
    background: #FBD784;
    margin-right: 24px;
    vertical-align: middle; }

.phone {
  color: #FBD784; }
  .phone:hover {
    color: #FBD784;
    text-decoration: underline; }

.link-gold-arrow {
  color: #FBD784;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IC02Ljk5MzgyZS0wN0wxNC41OSAxLjQxTDIwLjE3IDdMLTMuOTM0MDJlLTA3IDdMLTMuMDU5OGUtMDcgOUwyMC4xNyA5TDE0LjU4IDE0LjU4TDE2IDE2TDI0IDhMMTYgLTYuOTkzODJlLTA3WiIgZmlsbD0iI0ZCRDc4NCIvPgo8L3N2Zz4K') no-repeat right center;
  padding-right: 40px; }
  .link-gold-arrow:hover {
    color: #FBD784;
    text-decoration: underline; }

.menu .menu-link {
  display: block;
  font-family: 'Gilroy Bold';
  font-size: 18px;
  line-height: 66px;
  color: #FBD784;
  text-decoration: underline;
  padding-left: 46px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjY4NzUgMTNIMTUuNDM3NUMxNC45ODg3IDEzIDE0LjYyNSAxMy4zNjM3IDE0LjYyNSAxMy44MTI1VjIwLjMxMjVDMTQuNjI1IDIwLjc2MTMgMTQuOTg4NyAyMS4xMjUgMTUuNDM3NSAyMS4xMjVIMTguNjg3NUMxOS41ODUgMjEuMTI1IDIwLjMxMjUgMjAuMzk3NSAyMC4zMTI1IDE5LjVWMTQuNjI1QzIwLjMxMjUgMTMuNzI3NSAxOS41ODUgMTMgMTguNjg3NSAxM1pNMTguNjg3NSAxOS41SDE2LjI1VjE0LjYyNUgxOC42ODc1VjE5LjVaIiBmaWxsPSIjRkJENzg0Ii8+CjxwYXRoIGQ9Ik0yNiAxNC42MjVWMTNIMjEuOTM3NUMyMS40ODg3IDEzIDIxLjEyNSAxMy4zNjM3IDIxLjEyNSAxMy44MTI1VjIxLjEyNUgyMi43NVYxNy44NzVIMjZWMTYuMjVIMjIuNzVWMTQuNjI1SDI2WiIgZmlsbD0iI0ZCRDc4NCIvPgo8cGF0aCBkPSJNMS42MjUgMjMuNTYyVjIuNDM3MDJDMS42MjUgMS45ODgyNyAxLjk4ODc1IDEuNjI0NTIgMi40Mzc1IDEuNjI0NTJIMTQuNjI1VjQuODc0NTJDMTQuNjI1IDUuNzcxOTggMTUuMzUyNSA2LjQ5OTUzIDE2LjI1IDYuNDk5NTNIMTkuNVY4LjkzNzAzSDIxLjEyNVY1LjY4NzAyQzIxLjEyNjMgNS40NzEwNSAyMS4wNDE1IDUuMjYzNDYgMjAuODg5NCA1LjExMDE1TDE2LjAxNDQgMC4yMzUxNUMxNS44NjExIDAuMDgzMDU5OCAxNS42NTM1IC0wLjAwMTY5NDA3IDE1LjQzNzUgLTAuMDAwNDc1MzE3SDIuNDM3NUMxLjA5MTI5IC0wLjAwMDQ3NTMxNyAwIDEuMDkwODYgMCAyLjQzNzAyVjIzLjU2MkMwIDI0LjkwODIgMS4wOTEyOSAyNS45OTk1IDIuNDM3NSAyNS45OTk1SDguMTI1VjI0LjM3NDVIMi40Mzc1QzEuOTg4OCAyNC4zNzQ1IDEuNjI1IDI0LjAxMDggMS42MjUgMjMuNTYyWiIgZmlsbD0iI0ZCRDc4NCIvPgo8cGF0aCBkPSJNMTIuMTg3NSAxM0g4LjkzNzVDOC40ODg3NSAxMyA4LjEyNSAxMy4zNjM3IDguMTI1IDEzLjgxMjVWMjEuMTI1SDkuNzVWMTguNjg3NUgxMi4xODc1QzEzLjA4NSAxOC42ODc1IDEzLjgxMjUgMTcuOTYgMTMuODEyNSAxNy4wNjI1VjE0LjYyNUMxMy44MTI1IDEzLjcyNzUgMTMuMDg1IDEzIDEyLjE4NzUgMTNaTTEyLjE4NzUgMTcuMDYyNUg5Ljc1VjE0LjYyNUgxMi4xODc1VjE3LjA2MjVaIiBmaWxsPSIjRkJENzg0Ii8+Cjwvc3ZnPgo=') no-repeat left center; }
  .menu .menu-link:hover {
    color: #FBD784;
    text-decoration: none; }

.rules li {
  font-family: 'Gilroy Medium'; }

/* Footer */
footer {
  flex: 0 0 auto;
  background: #002C35; }

.copy {
  font-family: 'Gilroy Medium';
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  opacity: 0.5; }

/* Import SCSS */
@media (max-width: 1920px) {
  .arrow-down {
    margin-bottom: 190px; } }

@media (max-width: 1680px) {
  .arrow-down {
    margin-bottom: 70px; } }

@media (max-width: 1600px) {
  .logo {
    margin: 30px auto 39px; } }

@media (max-width: 1440px) {
  .zag-h2 {
    margin-top: 36px; } }

@media (max-width: 1399.98px) {
  .title-website {
    font-size: 50px;
    line-height: 60px; }
  .zag-h2 {
    font-size: 16px;
    line-height: 20px; }
  .arrow-down {
    margin-bottom: 58px; }
    .logo a img {
      width: 25%; } }

@media (max-width: 1199.98px) {
  .besedka h3:before, .kitchen h3:before {
    content: '';
    left: -70px; } }

@media (max-width: 991.98px) {
  .map-link {
    left: -30px; }
  .phone-header {
    right: 25px;
    font-size: 20px; }
    #plan .sppb-container-inner .sppb-row {
      max-width: 640px; }
  .plan {
    width: 640px;
    height: 679px; }
    .plan .plan-block-title {
      font-size: 10px;
      line-height: 14px; }
      .plan .plan-block-title.besedka-number a {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding: 4px 0; }
      .plan .plan-block-title.besedka-number #besedka-1 {
        left: 297px;
        top: 580px; }
      .plan .plan-block-title.besedka-number #besedka-2 {
        left: 177px;
        top: 603px; }
      .plan .plan-block-title.besedka-number #besedka-4 {
        left: 184px;
        top: 425px; }
      .plan .plan-block-title.besedka-number #besedka-5 {
        left: 185px;
        top: 360px; }
      .plan .plan-block-title.besedka-number #besedka-6 {
        left: 185px;
        top: 327px; }
      .plan .plan-block-title.besedka-number #besedka-7 {
        left: 185px;
        top: 288px; }
      .plan .plan-block-title.besedka-number #besedka-8 {
        left: 239px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-9 {
        left: 261px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-10 {
        left: 283px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-11 {
        left: 305px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-12 {
        left: 342px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-13 {
        left: 378px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-14 {
        left: 420px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-15 {
        left: 453px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-17 {
        left: 497px;
        top: 230px; }
      .plan .plan-block-title.besedka-number #besedka-22 {
        left: 539px;
        top: 240px; }
      .plan .plan-block-title.besedka-number #besedka-23 {
        left: 539px;
        top: 329px; }
      .plan .plan-block-title.besedka-number #besedka-24 {
        left: 499px;
        top: 320px; }
      .plan .plan-block-title.besedka-number #besedka-25 {
        left: 499px;
        top: 352px; }
      .plan .plan-block-title.besedka-number #besedka-26 {
        left: 499px;
        top: 438px; }
      .plan .plan-block-title.besedka-number #besedka-27 {
        left: 453px;
        top: 392px; }
      .plan .plan-block-title.besedka-number #besedka-28 {
        left: 416px;
        top: 392px; }
      .plan .plan-block-title.besedka-number #besedka-29 {
        left: 363px;
        top: 392px; }
      .plan .plan-block-title.besedka-number #besedka-30 {
        left: 303px;
        top: 392px; }
      .plan .plan-block-title.besedka-number #besedka-31 {
        left: 417px;
        top: 447px; }
      .plan .plan-block-title.besedka-number #besedka-32 {
        left: 381px;
        top: 447px; }
      .plan .plan-block-title.besedka-number #besedka-33 {
        left: 345px;
        top: 447px; }
      .plan .plan-block-title.besedka-number #besedka-34 {
        left: 306px;
        top: 447px; }
      .plan .plan-block-title #canyon {
        width: 100px;
        top: 100px;
        right: 100px; }
      .plan .plan-block-title #pool {
        width: auto;
        padding: 5px 10px;
        top: 185px;
        left: 105px; }
      .plan .plan-block-title #turniki {
        width: auto;
        padding: 5px 10px;
        top: 185px;
        left: 209px; }
      .plan .plan-block-title #banya {
        width: auto;
        padding: 5px 10px;
        top: 255px;
        left: 180px; }
      .plan .plan-block-title #dance {
        width: auto;
        padding: 5px 10px;
        top: 280px;
        left: 210px; }
      .plan .plan-block-title #cafe {
        width: auto;
        padding: 5px 10px;
        top: 315px;
        left: 260px; }
      .plan .plan-block-title #children {
        width: auto;
        padding: 5px 10px;
        top: 265px;
        left: 335px; }
      .plan .plan-block-title #mangal-1 {
        width: auto;
        padding: 5px 10px;
        top: 285px;
        left: 435px; }
      .plan .plan-block-title #mangal-2 {
        width: auto;
        padding: 5px 10px;
        top: 335px;
        left: 110px; }
      .plan .plan-block-title #exit {
        width: auto;
        padding: 5px 10px;
        top: 285px;
        left: 510px; }
      .plan .plan-block-title #banya-individual {
        width: auto;
        padding: 5px 10px;
        top: 535px;
        left: 120px; }
      .plan .plan-block-title #shop {
        width: auto;
        padding: 5px 10px;
        top: 520px;
        left: 345px; }
      .plan .plan-block-title #enter {
        width: auto;
        padding: 5px 10px;
        top: 630px;
        left: 215px; } }

@media (max-width: 767.98px) {
  .title-website {
    font-size: 40px;
    line-height: 50px; }
  .sppb-text-right {
    text-align: left; } }

@media (max-width: 575.98px) {
  .n2-ss-slider-controls {
    display: none; } }

@media (max-width: 415px) {
  .logo {
    margin: 60px auto 19px; }
    .logo a img {
      width: 90%; }
  .title-website {
    font-size: 32px;
    line-height: 40px; }
  .map-link {
    left: -55px;
    top: 165px; }
  .zag-h2 {
    font-size: 14px;
    line-height: 18px; }
  .phone-header {
    right: 20px;
    top: 10px;
    font-size: 16px; }
  .sppb-addon-single-image-container {
    text-align: center;
    display: block; } }
