/*** Slideshow ***/

#hp-slideshow-tagline {
    position: relative;
    z-index: 1;
}

.hp-slideshow {}

.hp-slideshow-inner {
    position: relative;
}

.hp-slideshow-inner::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 41%, rgba(0, 0, 0, 0.84) 49%, rgba(0, 0, 0, 0.36) 68%, rgba(0, 0, 0, 0.17) 77%, rgba(0, 0, 0, 0.09) 83%, rgba(0, 0, 0, 0.02) 89%, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hp-slideshow-inner > canvas {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100vh;
}

.hp-slideshow-inner .aios-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-slideshow-inner .aios-slider .aios-slider-img {}

.hp-slideshow-inner .aios-slider .aios-slider-img canvas {
    min-height: auto !important;
    max-height: 100vh;
}

.hp-slideshow-inner .aios-slider .aios-slider-img img {}


/*** Tagline ***/

.hp-tagline {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-tagline-inner {
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
}

.hp-tagline-inner h2 {
    font-size: 60px;
    font-size: 3.75vw;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}


/*** Quick Search ***/

#hp-qs {
    position: relative;
    z-index: 2;
}

.hp-qs {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-qs-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    max-width: 1266px;
    max-width: 79.125vw;
    margin: auto;
    padding: 96px 0 88px;
    padding: 6vw 0 5.5vw;
}

.qs-title {
    margin: 0 0 7px;
    margin: 0 0 0.438vw;
}

.qs-title > div::before {
    top: -25px;
    top: -1.563vw;
}

.qs-title h2 {
    font-size: 30px;
    font-size: 1.875vw;
    font-weight: 400;
}

.qs-title h2 span {
    letter-spacing: 0;
    color: #000;
    margin: 0;
}

.qs-form {
    flex-grow: 1;
}

.qs-form-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.qs-form-inputs {
    display: flex;
    flex-grow: 1;
    flex-flow: row wrap;
    justify-content: center;
}

.qs-form-input {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.qs-form-input:not(:last-child)::after {
    content: '';
    width: 1px;
    width: 0.063vw;
    height: 41px;
    height: 2.563vw;
    background: #000;
    opacity: 0.5;
    margin: 0 30px;
    margin: 0 1.875vw;
}

.qs-form-input input,
.qs-form-input select {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0 30px 0 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75vw;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #000;
    text-transform: uppercase;
}

.qs-form-input button.btn.dropdown-toggle {
    display: block;
    width: 70px;
    background: transparent;
    border: none;
    padding: 0 30px 0 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75vw;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #000;
    text-transform: uppercase;

    height: 100%;
    border-radius: 0;
}
.qs-form-input button.btn.dropdown-toggle span.filter-option {
    font-size: 0.75vw;
    height: 100%;
    text-overflow: ellipsis;
}
.qs-form-input .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 205px !important;
}

.qs-form-input i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-size: 0.625vw;
    color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.qs-form-button {}

.qs-form-button button {
    display: block;
    background: transparent;
    border: none;
    padding: 0;
    color: #000;
}

.qs-form-button button:hover {
    color: var(--primary);
}

.qs-form-button button i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-size: 1.625vw;
}


/*** Call To Actions ***/

#hp-cta {
    position: relative;
    z-index: 1;
}

.hp-cta {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-cta-inner {
    max-width: 1384px;
    max-width: 86.5vw;
    margin: auto;
    padding: 0 0 101px;
    padding: 0 0 6.313vw;
}

.cta-items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
    margin: 0 -0.938vw;
}

.cta-item {
    width: 25%;
    padding: 0 15px;
    padding: 0 0.938vw;
}

.cta-item a {
    display: block;
}

.cta-item-inner {
    background: #fff;
    padding: 0 0 0 16px;
    padding: 0 0 0 1vw;
    position: relative;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.08);
    transition: var(--default-transition);
}

.cta-item a:hover .cta-item-inner {
    background: var(--primary);
}

.cta-item-inner::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(99, 17, 11, 1) 0%, rgba(99, 17, 11, 0) 90%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cta-item-photo {
    position: relative;
    z-index: 1;
}

.cta-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 24px 28px 0;
    padding: 1.563vw 1.5vw 1.75vw 0;
    position: relative;
    z-index: 1;
}

.cta-item-title h2 {
    font-size: 18px;
    font-size: 1.125vw;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    transition: var(--default-transition);
}

.cta-item a:hover .cta-item-title h2 {
    color: #fff;
}

.cta-item-title i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 700;
    color: var(--primary);
    transition: var(--default-transition);
}

.cta-item a:hover .cta-item-title i {
    color: #fff;
}


/*** About ***/

#hp-about {
    position: relative;
    z-index: 1;
}

.hp-about {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-about-inner {
    max-width: 1480px;
    max-width: 92.5vw;
    margin: auto;
    padding: 92px 0 0;
    padding: 5.75vw 0 0;
    position: relative;
}

.about-bg-01 {
    width: calc(56.622% + calc(calc(100vw - 100%) / 2));
    left: calc(calc(-100vw + 100%) / 2);
}

.about-bg-01::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/about-bg-01-overlay.png');
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.about-bg-01 canvas {
    filter: grayscale(1);
}

.about-title {
    margin: 0 0 39px 270px;
    margin: 0 0 2.438vw 16.875vw;
    position: relative;
    z-index: 1;
}

.about-photo-text-button-logos {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 0 0 0 94px;
    padding: 0 0 0 5.875vw;
    position: relative;
    z-index: 1;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 100%);
}

.about-bg-02 {
    width: calc(75.946% + calc(calc(100vw - 100%) / 2));
    left: auto;
    right: calc(calc(-100vw + 100%) / 2);
}

.about-bg-02::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.about-photo {
    width: 40.405%;
    margin: -10px 0 0;
    margin: -0.625vw 0 0;
}

.about-text-button-logos {
    width: 59.595%;
    padding: 75px 0 83px;
    padding: 4.688vw 0 5.188vw;
    position: relative;
    z-index: 1;
}

.about-text {
    max-width: 650px;
    max-width: 40.625vw;
}

.about-text p {
    font-size: 16px;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.875;
    color: #fff;
}

.about-button {
    margin: 36px 0 0;
    margin: 2.25vw 0 0;
}

.about-logos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin: 29px 0 0;
    margin: 1.813vw 0 0;
}

.about-logos img:nth-child(1) {
    width: 57px;
    width: 3.563vw;
}

.about-logos img:nth-child(2) {
    width: 73px;
    width: 4.563vw;
}

.about-logos img:nth-child(3) {
    width: 51px;
    width: 3.188vw;
}

.about-logos img:nth-child(4) {
    width: 114px;
    width: 7.125vw;
}

.about-logos img:nth-child(5) {
    width: 85px;
    width: 5.313vw;
}

.about-logos img:nth-child(6) {
    width: 86px;
    width: 5.375vw;
}

.about-logos img:nth-child(7) {
    width: 85px;
    width: 5.313vw;
}

.about-logos img:nth-child(8) {
    width: 98px;
    width: 6.125vw;
}


/*** Featured Properties ***/

#hp-fp {
    position: relative;
    z-index: 1;
}

.hp-fp {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-fp-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1290px;
    max-width: 80.625vw;
    margin: auto;
    padding: 150px 0 105px;
    padding: 9.375vw 0 6.563vw;
}

.fp-bg {
    width: calc(44.625% + calc(calc(100vw - 100%) / 2));
    height: 45.592%;
    left: auto;
    right: calc(calc(-100vw + 100%) / 2);
}

.fp-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/fp-bg-overlay.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.fp-title {
    margin: 0 0 40px 75px;
    margin: 0 0 2.5vw 4.688vw;
    position: relative;
    z-index: 1;
}

.fp-button {
    margin: 70px 75px 0 0;
    margin: 4.375vw 4.688vw 0 0;
    position: relative;
    z-index: 1;
}

.fp-slider {
    width: 100%;
    position: relative;
    z-index: 1;
}

.fp-slides {
    margin: 0 -7.5px;
    margin: 0 -0.469vw;
}

.fp-slides:not(.slick-initialized),
.fp-slides .slick-slide > div {
    display: flex;
    flex-flow: row wrap;
}

.fp-slides .slick-list {
    overflow: visible;
}

.fp-slide {
    width: 33.33% !important;
    padding: 0 7.5px;
    padding: 0 0.469vw;
    margin: 0 0 15px;
    margin: 0 0 0.938vw;
}

.fp-slide:nth-child(5) {
    margin: -55px 0 0;
    margin: -3.438vw 0 0;
}

.fp-slide a {
    display: block;
}

.fp-slide-inner {
    position: relative;
}

.fp-slide-photo {
    transition: var(--default-transition);
}

.fp-slide a:hover .fp-slide-photo {
    box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 0.188vw 1.688vw 0 rgba(0, 0, 0, 0.42);
}

.fp-slide-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.05) 57%, rgba(0, 0, 0, 0.14) 68%, rgba(0, 0, 0, 0.28) 78%, rgba(0, 0, 0, 0.42) 86%, rgba(0, 0, 0, 0.69) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.fp-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border: 0.25vw solid #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: var(--default-transition);
}

.fp-slide a:hover .fp-slide-photo::after {
    opacity: 1;
}

.fp-slide a:hover .fp-slide-photo img {
    transform: scale(1.1);
}

.fp-slide-photo canvas {
    display: none;
}

.fp-slide:nth-child(1) .fp-slide-photo .canvas-01,
.fp-slide:nth-child(3) .fp-slide-photo .canvas-01,
.fp-slide:nth-child(5) .fp-slide-photo .canvas-01 {
    display: block;
}

.fp-slide:nth-child(2) .fp-slide-photo .canvas-02,
.fp-slide:nth-child(4) .fp-slide-photo .canvas-02,
.fp-slide:nth-child(6) .fp-slide-photo .canvas-02 {
    display: block;
}

.fp-slide-info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 21px;
    padding: 1.313vw;
}

.fp-slide-info h2 {
    font-size: 20px;
    font-size: 1.25vw;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #fff;
}

.fp-slide-info span {
    display: block;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 400;
    letter-spacing: 0.025em;
    color: #fff;
    text-transform: uppercase;
    margin: 4px 0 0;
    margin: 0.25vw 0 0;
}


/*** Featured Communities ***/

#hp-fc {
    position: relative;
    z-index: 1;
    background: #000;
}

.hp-fc {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-fc-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1428px;
    max-width: 89.25vw;
    margin: auto;
    padding: 146px 0 120px;
    padding: 9.125vw 0 7.5vw;
}

.fc-bg {
    width: calc(100% + calc(100vw - 100%));
    left: calc(calc(-100vw + 100%) / 2);
}

.fc-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.fc-bg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(99, 17, 11, 1) 0%, rgba(99, 17, 11, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.fc-bg canvas {
    filter: grayscale(1);
}

.fc-title {
    margin: 0 0 44px 145px;
    margin: 0 0 2.75vw 9.063vw;
    position: relative;
    z-index: 1;
}

.fc-button {
    margin: 73px 145px 0 0;
    margin: 4.563vw 9.063vw 0 0;
    position: relative;
    z-index: 1;
}

.fc-slider {
    width: 100%;
    position: relative;
    z-index: 1;
}

.fc-slides {
    margin: 0 -3px;
    margin: 0 -0.188vw;
}

.fc-slides:not(.slick-initialized) {
    display: flex;
    flex-flow: row wrap;
}

.fc-slide {
    width: 16.66%;
    padding: 0 3px;
    padding: 0 0.188vw;
}

.fc-slide a {
    display: block;
}

.fc-slide-inner {
    position: relative;
}

.fc-slide-photo {
    transition: var(--default-transition);
}

.fc-slide a:hover .fc-slide-photo {
    box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 0.188vw 1.688vw 0 rgba(0, 0, 0, 0.42);
}

.fc-slide-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.14) 43%, rgba(0, 0, 0, 0.27) 59%, rgba(0, 0, 0, 0.55) 86%, rgba(0, 0, 0, 0.72) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.fc-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border: 0.25vw solid #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: var(--default-transition);
}

.fc-slide a:hover .fc-slide-photo::after {
    opacity: 1;
}

.fc-slide a:hover .fc-slide-photo img {
    transform: scale(1.1);
}

.fc-slide-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.fc-slide-title h2 {
    font-size: 20px;
    font-size: 1.25vw;
    font-weight: 600;
    left: 0.025em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 0 0.025em;
}


/*** What Our Clients Say ***/

#hp-wocs {
    position: relative;
    z-index: 1;
    background: #000;
}

.hp-wocs {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-wocs-inner {
    max-width: 1480px;
    max-width: 92.5vw;
    margin: auto;
    padding: 0 0 60px;
    padding: 0 0 3.75vw;
}

.wocs-bg-01 {
    width: calc(100% + calc(100vw - 100%));
    left: calc(calc(-100vw + 100%) / 2);
}

.wocs-bg-01::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wocs-bg-01 canvas {
    background-position: top center;
}

.wocs-bg-title-button-slider-arrows {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 136px 170px 127px;
    padding: 8.5vw 10.625vw 7.938vw;
    position: relative;
}

.wocs-bg-02 {}

.wocs-bg-02::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-mask-image: url(../images/wocs-bg-02-mask.png);
    -webkit-mask-size: cover;
    -webkit-mask-position: top left;
    -webkit-mask-repeat: no-repeat;
}

.wocs-bg-02 canvas {
    width: calc(100% + calc(100vw - 100%));
    margin: 0 0 0 calc(calc(-100vw + 100%) / 2);
    background-position: top center;
    filter: grayscale(1);
    -webkit-mask-image: url(../images/wocs-bg-02-mask.png);
    -webkit-mask-size: cover;
    -webkit-mask-position: top left;
    -webkit-mask-repeat: no-repeat;
}

.wocs-title {
    margin: 50px 0 113px;
    margin: 3.125vw 0 7.063vw;
    position: relative;
    z-index: 1;
}

.wocs-button {
    margin: 0 0 0 30px;
    margin: 0 0 0 1.875vw;
    position: relative;
    z-index: 1;
}

.wocs-slider {
    flex-grow: 1;
    max-width: 605px;
    max-width: 37.813vw;
    padding: 61px 0 0 48px;
    padding: 3.813vw 0 0 3vw;
    position: relative;
    z-index: 1;
}

.wocs-slider::before {
    content: '';
    width: 171px;
    width: 10.688vw;
    height: 139px;
    height: 8.688vw;
    background-image: url('../images/wocs-quote.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wocs-slides {}

.wocs-slide {}

.wocs-slide-inner {}

.wocs-slide-inner p {
    font-size: 16px;
    font-size: 1vw;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.05em;
    line-height: 1.625;
    color: #fff;
}

.wocs-slide-inner span {
    display: block;
    font-size: 16px;
    font-size: 1vw;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    margin: 26px 0 0;
    margin: 1.625vw 0 0;
}

.wocs-arrows {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 1140px;
    max-width: 71.25vw;
    position: absolute;
    bottom: -15px;
    bottom: -0.938vw;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
}

.wocs-arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    width: 4.5vw;
    height: 72px;
    height: 4.5vw;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: var(--primary);
}

.wocs-arrows a:not(:last-child) {
    margin: 0 15px 0 0;
    margin: 0 0.938vw 0 0;
}

.wocs-arrows a:hover {
    transform: scale(1.1);
}

.wocs-arrows a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 700;
}


/*** Latest News ***/

#hp-ln {
    position: relative;
    z-index: 1;
}

.hp-ln {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-ln-inner {
    max-width: 1296px;
    max-width: 81vw;
    margin: auto;
    padding: 162px 0 111px;
    padding: 10.125vw 0 6.938vw;
}

.ln-title {
    margin: 0 0 50px;
    margin: 0 0 3.125vw;
}

.ln-slider {}

.ln-slides {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -9px;
    margin: 0 -0.563vw;
}

.ln-slide {
    width: 33.33%;
    padding: 0 9px;
    padding: 0 0.563vw;
}

.ln-slide a {
    display: block;
}

.ln-slide-inner {}

.ln-slide-photo {
    transition: var(--default-transition);
}

.ln-slide a:hover .ln-slide-photo {
    box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 0.188vw 1.688vw 0 rgba(0, 0, 0, 0.42);
}

.ln-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    border: 0.25vw solid #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: var(--default-transition);
}

.ln-slide a:hover .ln-slide-photo::after {
    opacity: 1;
}

.ln-slide a:hover .ln-slide-photo img {
    transform: scale(1.1);
}

.ln-slide-info {
    margin: 26px 0 0;
    margin: 1.625vw 0 0;
}

.ln-slide-info h2 {
    font-size: 25px;
    font-size: 1.563vw;
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 15px;
    margin: 0 0 0.938vw;
}

.ln-slide-info p {
    font-size: 16px;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.875;
    color: #474747;
}

.ln-slide-button {
    margin: 26px 0 0;
    margin: 1.625vw 0 0;
}

.ln-button {
    margin: 50px 0 0;
    margin: 3.125vw 0 0;
}


/*** Blog ***/

#hp-blog {
    position: relative;
    z-index: 1;
}

.hp-blog {
    padding: 0 15px;
    padding: 0 0.938vw;
}

.hp-blog-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 0 0 119px;
    padding: 0 0 7.438vw;
    position: relative;
}

.blog-bg {
    width: calc(58.597% + calc(calc(100vw - 100%) / 2));
    height: 91.255%;
    top: auto;
    bottom: 0;
    left: calc(calc(-100vw + 100%) / 2);
}

.blog-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/blog-bg-overlay.png');
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.blog-title-info-button {
    width: 48.771%;
    margin: 63px 0 0;
    margin: 3.938vw 0 0;
    position: relative;
    z-index: 1;
}

.blog-title {
    margin: 0 0 38px;
    margin: 0 0 2.375vw;
}

.blog-info {
    max-width: 425px;
    max-width: 26.563vw;
    margin: 0 0 0 30px;
    margin: 0 0 0 1.875vw;
}

.blog-info h2 {
    font-size: 24px;
    font-size: 1.5vw;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #000;
}

.blog-info span {
    display: block;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #000;
    margin: 1px 0 25px;
    margin: 0.063vw 0 1.563vw;
}

.blog-info p {
    font-size: 16px;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.875;
    color: #474747;
}

.blog-button {
    margin: 24px 0 0 30px;
    margin: 1.5vw 0 0 1.875vw;
}

.blog-photo {
    width: 51.229%;
    position: relative;
    z-index: 1;
}


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

@media only screen and (max-width: 1199px) {}


/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {
    /*** Slideshow ***/
    #hp-slideshow-tagline {}
    .hp-slideshow {}
    .hp-slideshow-inner {}
    .hp-slideshow-inner::before {}
    .hp-slideshow-inner > canvas {}
    .hp-slideshow-inner .aios-slider {}
    .hp-slideshow-inner .aios-slider .aios-slider-img {}
    .hp-slideshow-inner .aios-slider .aios-slider-img canvas {}
    .hp-slideshow-inner .aios-slider .aios-slider-img img {}
    /*** Tagline ***/
    .hp-tagline {
        padding: 0 15px;
    }
    .hp-tagline-inner {
        max-width: 720px;
    }
    .hp-tagline-inner h2 {
        font-size: 60px;
    }
    /*** Quick Search ***/
    #hp-qs {}
    .hp-qs {
        padding: 0 15px;
    }
    .hp-qs-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .qs-title {
        width: 100%;
        margin: 0 0 40px;
    }
    .qs-title > div::before {
        top: -52px;
    }
    .qs-title h2 {
        font-size: 60px;
        font-weight: 600;
    }
    .qs-title h2 span {
        letter-spacing: 0.5em;
        color: var(--primary);
        margin: 0 0 5px;
    }
    .qs-form {}
    .qs-form-inner {
        justify-content: center;
    }
    .qs-form-inputs {
        margin: 0 -15px;
    }
    .qs-form-input {
        width: 25%;
        padding: 11px 15px;
        margin: 0 0 15px
    }
    .qs-form-input:nth-child(1),
    .qs-form-input:nth-child(2) {
        width: 50%;
    }
    .qs-form-input button.btn.dropdown-toggle {
        width: 100%;
    }
    .qs-form-input button.btn.dropdown-toggle span.filter-option {
        font-size: 12px;
    }
    .qs-form-input:not(:last-child)::after {
        width: 1px;
        height: 41px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .qs-form-input:nth-child(2)::after {
        display: none;
    }
    .qs-form-input input,
    .qs-form-input select {
        padding: 0 30px 0 0;
        font-size: 12px;
    }
    .qs-form-input i {
        font-size: 10px;
    }
    .qs-form-button {
        margin: 25px 0 0;
    }
    .qs-form-button button {}
    .qs-form-button button:hover {}
    .qs-form-button button i {
        font-size: 26px;
    }
    /*** Call To Actions ***/
    #hp-cta {}
    .hp-cta {
        padding: 0 15px;
    }
    .hp-cta-inner {
        max-width: 720px;
        padding: 0 0 60px;
    }
    .cta-items {
        margin: 0 -15px;
    }
    .cta-item {
        width: 50%;
        padding: 0 15px;
        margin: 0 0 30px;
    }
    .cta-item a {}
    .cta-item-inner {
        padding: 0 0 0 16px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08);
    }
    .cta-item a:hover .cta-item-inner {}
    .cta-item-inner::before {}
    .cta-item-photo {}
    .cta-item-title {
        padding: 25px 24px 28px 0;
    }
    .cta-item-title h2 {
        font-size: 18px;
    }
    .cta-item a:hover .cta-item-title h2 {}
    .cta-item-title i {
        font-size: 14px;
    }
    .cta-item a:hover .cta-item-title i {}
    /*** About ***/
    #hp-about {}
    .hp-about {
        padding: 0 15px;
    }
    .hp-about-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .about-bg-01 {
        width: calc(100% + calc(100vw - 100%));
    }
    .about-bg-01::before {}
    .about-bg-01 canvas {}
    .about-title {
        margin: 0 0 40px;
    }
    .about-photo-text-button-logos {
        padding: 0;
    }
    .about-bg-02 {
        width: 100%;
        right: auto;
    }
    .about-bg-02::before {}
    .about-photo {
        width: 100%;
        margin: 0;
    }
    .about-text-button-logos {
        width: 100%;
        padding: 90px 30px 60px;
    }
    .about-text {
        max-width: none;
    }
    .about-text p {
        font-size: 16px;
        text-align: center;
    }
    .about-button {
        margin: 40px 0 0;
    }
    .about-logos {
        justify-content: center;
        margin: 40px 0 0;
    }
    .about-logos img {
        margin: 0 15px 30px;
    }
    .about-logos img:nth-child(1) {
        width: 57px;
    }
    .about-logos img:nth-child(2) {
        width: 73px;
    }
    .about-logos img:nth-child(3) {
        width: 51px;
    }
    .about-logos img:nth-child(4) {
        width: 114px;
    }
    .about-logos img:nth-child(5) {
        width: 85px;
    }
    .about-logos img:nth-child(6) {
        width: 86px;
    }
    .about-logos img:nth-child(7) {
        width: 85px;
    }
    .about-logos img:nth-child(8) {
        width: 98px;
    }
    /*** Featured Properties ***/
    #hp-fp {}
    .hp-fp {
        padding: 0 15px;
    }
    .hp-fp-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .fp-bg {
        width: calc(100% + calc(100vw - 100%));
        height: 100%;
    }
    .fp-bg::before {}
    .fp-title {
        width: 100%;
        margin: 0 0 40px;
    }
    .fp-button {
        width: 100%;
        margin: 40px 0 0;
        order: 1;
    }
    .fp-slider {}
    .fp-slides {
        margin: 0 -7.5px;
    }
    .fp-slides:not(.slick-initialized),
    .fp-slides .slick-slide > div {}
    .fp-slides .slick-list {}
    .fp-slide {
        width: 100% !important;
        padding: 0 7.5px;
        margin: 0;
    }
    .fp-slide:nth-child(5) {
        margin: -55px 0 0;
    }
    .fp-slide a {}
    .fp-slide-inner {}
    .fp-slide-photo {}
    .fp-slide a:hover .fp-slide-photo {
        box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    }
    .fp-slide-photo::before {}
    .fp-slide-photo::after {
        border: 4px solid #fff;
    }
    .fp-slide a:hover .fp-slide-photo::after {}
    .fp-slide a:hover .fp-slide-photo img {}
    .fp-slide-photo .canvas-01 {
        display: none !important;
    }
    .fp-slide-photo .canvas-02 {
        display: block !important;
    }
    .fp-slide:nth-child(1) .fp-slide-photo .canvas-01,
    .fp-slide:nth-child(3) .fp-slide-photo .canvas-01,
    .fp-slide:nth-child(5) .fp-slide-photo .canvas-01 {}
    .fp-slide:nth-child(2) .fp-slide-photo .canvas-02,
    .fp-slide:nth-child(4) .fp-slide-photo .canvas-02,
    .fp-slide:nth-child(6) .fp-slide-photo .canvas-02 {}
    .fp-slide-info {
        padding: 21px;
    }
    .fp-slide-info h2 {
        font-size: 20px;
        text-align: center;
    }
    .fp-slide-info span {
        font-size: 14px;
        text-align: center;
        margin: 4px 0 0;
    }
    /*** Featured Communities ***/
    #hp-fc {}
    .hp-fc {
        padding: 0 15px;
    }
    .hp-fc-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .fc-bg {}
    .fc-bg::before {}
    .fc-bg::after {}
    .fc-bg canvas {}
    .fc-title {
        width: 100%;
        margin: 0 0 40px;
    }
    .fc-button {
        width: 100%;
        margin: 24px 0 0;
        order: 1;
    }
    .fc-button.light a {
        color: #000;
    }
    .fc-slider {}
    .fc-slides {
        margin: 0 -3px;
    }
    .fc-slides:not(.slick-initialized) {}
    .fc-slide {
        width: 33.33%;
        padding: 0 3px;
        margin: 0 0 6px;
    }
    .fc-slide a {}
    .fc-slide-inner {}
    .fc-slide-photo {}
    .fc-slide a:hover .fc-slide-photo {
        box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    }
    .fc-slide-photo::before {}
    .fc-slide-photo::after {
        border: 4px solid #fff;
    }
    .fc-slide a:hover .fc-slide-photo::after {}
    .fc-slide a:hover .fc-slide-photo img {}
    .fc-slide-title {}
    .fc-slide-title h2 {
        font-size: 20px;
    }
    /*** What Our Clients Say ***/
    #hp-wocs {}
    .hp-wocs {
        padding: 0 15px;
    }
    .hp-wocs-inner {
        max-width: 720px;
        padding: 0 0 60px;
    }
    .wocs-bg-01 {}
    .wocs-bg-01::before {}
    .wocs-bg-01 canvas {}
    .wocs-bg-title-button-slider-arrows {
        padding: 90px 30px;
    }
    .wocs-bg-02 {}
    .wocs-bg-02::before {}
    .wocs-bg-02 canvas {}
    .wocs-title {
        width: 100%;
        margin: 0 0 40px;
    }
    .wocs-button {
        width: 100%;
        margin: 40px 0 0;
    }
    .wocs-slider {
        width: 100%;
        max-width: none;
        padding: 61px 0 0;
    }
    .wocs-slider::before {
        width: 171px;
        height: 139px;
        right: 0;
        margin: auto;
    }
    .wocs-slides {}
    .wocs-slide {}
    .wocs-slide-inner {}
    .wocs-slide-inner p {
        font-size: 16px;
        text-align: center;
    }
    .wocs-slide-inner span {
        font-size: 16px;
        margin: 26px 0 0;
        text-align: center;
    }
    .wocs-arrows {
        justify-content: center;
        max-width: 1140px;
        bottom: -15px;
    }
    .wocs-arrows a {
        width: 72px;
        height: 72px;
    }
    .wocs-arrows a:not(:last-child) {
        margin: 0 15px 0 0;
    }
    .wocs-arrows a:hover {}
    .wocs-arrows a i {
        font-size: 14px;
    }
    /*** Latest News ***/
    #hp-ln {}
    .hp-ln {
        padding: 0 15px;
    }
    .hp-ln-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .ln-title {
        margin: 0 0 40px;
    }
    .ln-slider {}
    .ln-slides {
        margin: 0 -9px;
    }
    .ln-slide {
        width: 100%;
        padding: 0 9px;
        margin: 0 0 30px;
    }
    .ln-slide a {}
    .ln-slide-inner {}
    .ln-slide-photo {}
    .ln-slide a:hover .ln-slide-photo {
        box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.42);
    }
    .ln-slide-photo::after {
        border: 4px solid #fff;
    }
    .ln-slide a:hover .ln-slide-photo::after {}
    .ln-slide a:hover .ln-slide-photo img {}
    .ln-slide-info {
        margin: 26px 0 0;
    }
    .ln-slide-info h2 {
        font-size: 25px;
        margin: 0 0 15px;
        text-align: center;
    }
    .ln-slide-info p {
        font-size: 16px;
        text-align: center;
    }
    .ln-slide-button {
        margin: 26px 0 0;
    }
    .ln-button {
        margin: 10px 0 0;
    }
    /*** Blog ***/
    #hp-blog {}
    .hp-blog {
        padding: 0 15px;
    }
    .hp-blog-inner {
        max-width: 720px;
        padding: 0 0 90px;
    }
    .blog-bg {
        width: calc(100% + calc(100vw - 100%));
        height: 100%;
    }
    .blog-bg::before {}
    .blog-title-info-button {
        width: 100%;
        margin: 0;
    }
    .blog-title {
        margin: 0 0 38px;
    }
    .blog-info {
        max-width: none;
        margin: 0;
    }
    .blog-info h2 {
        font-size: 24px;
        text-align: center;
    }
    .blog-info span {
        font-size: 14px;
        margin: 1px 0 25px;
        text-align: center;
    }
    .blog-info p {
        font-size: 16px;
        text-align: center;
    }
    .blog-button {
        margin: 24px 0 0 30px;
    }
    .blog-photo {
        width: 100%;
        margin: 40px 0 0;
    }
}


/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

@media only screen and (max-width: 767px) {
    .hp-tagline-inner h2 {
        font-size: 40px;
    }
    .qs-form-input {
        width: 50%;
    }
    .qs-form-input:nth-child(1),
    .qs-form-input:nth-child(2) {
        width: 100%;
    }
    .qs-form-input:nth-child(1)::after,
    .qs-form-input:nth-child(4)::after {
        display: none;
    }
    .cta-item {
        width: 100%;
    }
    .fc-slide {
        width: 100%;
    }
}


/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {}