/* Slideshow START */
#hp_slideshow_wrap {
  position: relative;
  z-index: 0;
}
  #hp_slideshow_wrap::before,
  #hp_slideshow_wrap::after {
    width: 21.4375%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    opacity: 0.2;
  }
  #hp_slideshow_wrap::before {
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  }
  #hp_slideshow_wrap::after {
    right: 0;
    background: rgb(0,0,0);
    background: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  }
  .hp_slideshow::before,
  .hp_slideshow::after {
    width: 100%;
    height: 30%;
    max-height: 163px;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
  }
    .hp_slideshow::before {
      top: 0;
      background: rgb(0,0,0);
      background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
      opacity: 0.2;
    }
    .hp_slideshow::after {
      bottom: 0;
      background: rgb(0,0,0);
      background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
      opacity: 0.5;
    }
  .hp_slideshow .aios-slider-img::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: var(--main-bg);
    opacity: 0.05;
  }
  .scroll_btn {
    position: absolute;
    z-index: 5;
    bottom: 68px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
    .scroll_btn a {
      display: inline-block;
      padding-bottom: 18px;
      color: #ffffff;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      position: relative;
      transition: var(--default-transition);
    }
      .scroll_btn a:hover {
        opacity: 0.7;
      }
      .scroll_btn a::after {
        width: 1px;
        height: 44px;
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #ffffff;
      }
/* Slideshow END */


/* Featured Properties START */
#hp_featprop_wrap {
  padding: 120px 0 105px;
} 
  .hp_featprop_bg.parallax_bg:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 10%;
      z-index: 1;
      background: rgb(0, 0, 0);
      background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  .hp_featprop_bg canvas {
    opacity: 0.2;
  }
  .hp_featprop {
    padding-left: 8%;
    padding-right: 8%;
  }
    .featprop_title {
      margin-bottom: 75px;
    }
    .fp_slider_wrap {
      font-size: 0;
      text-align: center;
    }
      #fp_slider {
        margin-left: -3.5px;
        margin-right: -3.5px;
      }
        #fp_slider::after {
          width: 16%;
          max-width: 205px;
          height: 267px;
          content: '';
          position: absolute;
          z-index: -1;
          bottom: -27px;
          right: -27.5px;
          background-color: var(--primary);
        }
          #fp_slider:not(.slick-initialized) .fp_item ~ .fp_item {
            display: none;
          }
        .fp_item {
          padding: 0 3.5px 8px;
        }
          .fp_item a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            overflow: hidden;
          }
            .fp_item a::before {
              width: 100%;
              height: 40%;
              max-height: 116px;
              content: '';
              position: absolute;
              z-index: 1;
              bottom: 0;
              left: 0;
              background: rgb(0,0,0);
              background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.71) 43%, rgba(0,0,0,0) 100%);
              opacity: 0.8;
              transition: var(--default-transition);
            }
              .fp_item a:hover::before {
                opacity: 0;
              }
            .fp_photo {

            }
              .fp_photo::before {
                width: 100%;
                height: 100%;
                content: '';
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                background-color: var(--main-bg);
                opacity: 0;
                transition: var(--default-transition);
              }
                .fp_item a:hover .fp_photo::before {
                  opacity: 0.8;
                }
              .fp_photo::after {
                width: calc(100% - 36px);
                height: calc(100% - 36px);
                content: '';
                position: absolute;
                z-index: 2;
                top: 18px;
                left: 18px;
                border: 2px solid var(--primary);
                opacity: 0;
                transition: var(--default-transition);
              }
                .fp_item a:hover .fp_photo::after {
                  opacity: 1;
                }
                .fp_photo canvas {
                  min-height: 300px;
                }
            .fp_text {
              width: 100%;
              height: auto;
              position: absolute;
              z-index: 3;
              bottom: -100px;
              left: 0;
              color: #ffffff;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-flow: column;
              text-transform: uppercase;
              transition: var(--default-transition);
            }
              .fp_item a:hover .fp_text {
                height: 100%;
                bottom: 0;
              }
            .fp_price {
              margin-bottom: 8px;
              font-size: 28px;
              font-family: var(--font-family-title);
              letter-spacing: 0.05em;
            }
            .fp_address {
              margin-bottom: 20px;
              font-size: 13px;
              line-height: 1.8;
              letter-spacing: 0.1em;
              opacity: 0.7;
              transition: var(--default-transition);
            }
              .fp_item a:hover .fp_address {
                opacity: 1;
              }
              .fp_address span {
                display: block;
                opacity: 0;
              }
            .fp_info {
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 13px;
              opacity: 0;
            }
              .fp_info span {
                padding: 0 25px;
                letter-spacing: 0.04em;
                opacity: 0.7;
                position: relative;
              }
                .fp_info span::before {
                  width: 1px;
                  height: 14px;
                  content: '';
                  position: absolute;
                  bottom: 0;
                  left: -1px;
                  background-color: #ffffff;
                  opacity: 1;
                }
                  .fp_info span:first-child::before {
                    display: none;
                  }
              .fp_info span i {
                display: block;
                font-size: 12px;
                margin-bottom: 15px;
                opacity: 0.8;
              }
            .fp_btn {
              display: flex;
              align-items: center;
              justify-content: center;
              margin-top: 34px;
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0.2em;
              opacity: 0;
            }
              .fp_btn i {
                display: inline-block;
                vertical-align: middle;
                margin-left: 12px;
                font-size: 15px;
              }
              /* Hover */
              .fp_item a:hover .fp_address span,
              .fp_item a:hover .fp_info,
              .fp_item a:hover .fp_btn {
                opacity: 1;
              }
          .fp_btns_arrows {
            margin-top: 72px;
            text-align: center;
          }
            .fp_arrows {
              width: 116px;
              height: 16px;
              position: relative;
              display: inline-block;
              vertical-align: middle;
            }
              .fp_arrows .slick-arrow {
                width: 36px;
                height: 16px;
                position: absolute;
                top: 0;
                cursor: pointer;
                background-image: url(../images/icon-arrow.png);
                background-size: 100% auto;
                background-repeat: no-repeat;
              }
                .fp_arrows .slick-arrow:hover {
                  opacity: 0.7;
                }
                .fp_arrows .slick-arrow.fp_prev {
                  transform: rotate(-180deg);
                  left: 0;
                }
                .fp_arrows .slick-arrow.fp_next {
                  right: 0;
                }
            .featprop_btn {
              margin-left: 75px;
              display: inline-block;
              vertical-align: middle;
            }

/* Site Map START */
#hp_sitemap_wrap {
  background-color: #000000;
}
  .hp_sitemap {

  }
    .sitemap_title {
      position: absolute;
      z-index: 2;
      top: 238px;
      left: 7.375%;
    }
      .sitemap_title h2 span::after {
        display: none;
      }
      .sitemap_title h2::after {
        width: 123px;
        height: 2px;
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-top: 18px;
        background-color: var(--primary);
      }
      .sitemap_title h2 strong {
        font-size: 80px;
        font-size: var(--font-size-title-big);
      }
    .sitemap_photo {
      font-size: 0;
    }


/* Developers START */
#hp_dev_stats_wrap {
  padding: 134px 0 115px;
}
  .hp_devstats_bg {
    background-color: var(--main-bg);
  }
    .hp_devstats_bg canvas {
      filter: grayscale(1);
      opacity: 0.25;
    }
  #hp_dev_stats_wrap .site_inner_container {
    padding-left: 10.4375%;
    padding-right: 10.4375%;
  }
  .hp_developers {
    position: relative;
  }
    .hp_developers > div {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .dev_photo {
      width: 66.51%;
      position: relative;
    }
      .dev_photo::after {
        width: 25%;
        max-width: 205px;
        height: 267px;
        content: '';
        position: absolute;
        z-index: -1;
        bottom: -30px;
        left: -35px;
        background-color: var(--primary);
      }
    .dev_content {
      width: 50.08%;
      margin-left: -210px;
      padding: 68px 69px 52px;
      background-color: #ffffff;
      color: #000000;
      position: relative;
      z-index: 2;
    }
      .dev_text {
        margin-top: 25px;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.04em;
      }
      .dev_btn {
        margin-top: 38px;
      }
/* Developers END */


/* Statistics START */
.hp_statistics {
  padding: 120px 60px 0 5px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
  .hp_statistics ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .hp_statistics li {
    position: relative;
  }
    .stats_small_text {
      display: block;
      font-size: 18px;
      letter-spacing: 0.2em;
      opacity: 0.5;
      position: absolute;
      top: 5px;
      left: 90%;
    }
      .hp_statistics li:nth-child(2) .stats_small_text,
      .hp_statistics li:nth-child(3) .stats_small_text {
        left: 80%;
      }
    .stats_number {
      display: block;
      font-size: var(--font-size-title-big);
      font-family: var(--font-family-title);
      letter-spacing: 0.08em;
    }
    .stats_text {
      display: block;
      font-size: 24px;
      font-family: var(--font-family-title);
      line-height: 1.2;
      letter-spacing: 0.1em;
    }
/* Statistics END */



@media only screen and (min-width: 992px) {
  #hp_slideshow_wrap{
    min-height: 100vh;
  }
  .hp_slideshow{
    min-height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
  }
  .hp_slideshow #aios-slider-hp-slideshow .aios-slider-splide .aios-slider-img canvas,
  .hp_slideshow #aios-slider-hp-slideshow .aios-slider-splide .aios-slider-custom-video canvas{
    min-height: 100vh;
  }
  #hp_featprop_wrap{
    background: rgba(0,0,0,0.8);
  }
  .hp_featprop_bg canvas{
    opacity: 0;
  }
  #hp_dev_stats_wrap {
    backdrop-filter: grayscale(1);
    -webkit-backdrop-filter: grayscale(1);
    background: rgba(0, 0, 0, 0.75);
  }
  .hp_devstats_bg {
    opacity: 0;
  }
}
@media only screen and (max-width: 1280px) {
  #hp_dev_stats_wrap .site_inner_container {
    padding-left: 5.4375%;
    padding-right: 5.4375%;
  }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
  .hp_featprop {
    padding-left: 5%;
    padding-right: 5%;
  }
  .fp_info span {
    padding: 0 15px;
  }

  #hp_dev_stats_wrap .site_inner_container {
    padding-left: 3.4375%;
    padding-right: 3.4375%;
  }
  .dev_content {
    padding-left: 50px;
    padding-right: 50px;
  }

  .stats_small_text {
    font-size: 15px;
  }
  .stats_text {
    font-size: 18px;
  }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
  #hp_featprop_wrap,
  #hp_dev_stats_wrap {
    padding: 60px 0;
  }
  .hp_featprop,
  #hp_dev_stats_wrap .site_inner_container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .featprop_title {
    margin-bottom: 40px;
    text-align: center;
  }
  #fp_slider::after,
  .dev_photo::after {
    display: none;
  }
  .fp_item {
    max-width: 443px;
    margin: 0 auto;
  }
  .fp_btns_arrows {
    margin-top: 30px;
  }
  .fp_arrows {
    display: block;
    margin: 0 auto;
  }
  .featprop_btn {
    margin: 30px 0 0;
  }
  .featprop_btn a {
    padding: 0 25px;
  }

  .sitemap_title {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
  }
  .sitemap_photo_mobile {
    width: 90%;
    margin: 40px auto 60px;
  }

  .hp_developers > div {
    flex-flow: column;
  }
  .dev_photo {
    width: 100%;
  }
  .dev_content {
    width: 100%;
    margin: 30px 0 0;
    padding: 50px 20px;
    text-align: center;
  }

  .hp_statistics {
    padding: 30px 0 0;
  }
  .hp_statistics ul {
    flex-flow: column;
  }
  .hp_statistics li {
    margin: 40px 0 0;
  }
  .stats_small_text {
    position: relative;
    top: auto;
    left: auto !important;
  }
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
  
}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */