/* Floating Contact - SMIs : START */

.floating-contact-smis {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 10
}

.floating-contact-smis::after {
    content: '';
    display: block;
    width: 1px;
    height: 100px;
    background: #fff;
    margin: 30px auto 0
}

body[sidebar-active-section=hp-overview] .floating-contact-smis a,
body[sidebar-active-section=hp-properties] .floating-contact-smis a,
body[sidebar-active-section=hp-buttons] .floating-contact-smis a,
body[sidebar-active-section=hp-welcome] .floating-contact-smis a,
body[sidebar-active-section=hp-cta] .floating-contact-smis a,
body[sidebar-active-section=hp-testimonials] .floating-contact-smis a,
body[sidebar-active-section=hp-videos] .floating-contact-smis a {
    /* color: var(--font-color-title); */
    color: #000000;
}

.floating-contact-smis a:hover,
body[sidebar-active-section=hp-overview] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-properties] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-buttons] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-welcome] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-cta] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-testimonials] .floating-contact-smis a:hover,
body[sidebar-active-section=hp-videos] .floating-contact-smis a:hover {
    /* color: rgba(var(--primary-color), 1) */
    color: #636363;
}

body[sidebar-active-section=hp-overview] .floating-contact-smis::after,
body[sidebar-active-section=hp-properties] .floating-contact-smis::after,
body[sidebar-active-section=hp-buttons] .floating-contact-smis::after,
body[sidebar-active-section=hp-welcome] .floating-contact-smis::after,
body[sidebar-active-section=hp-cta] .floating-contact-smis::after,
body[sidebar-active-section=hp-testimonials] .floating-contact-smis::after,
body[sidebar-active-section=hp-videos] .floating-contact-smis::after {
    background: #000000;
}

.floating-contact-smis a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    margin: 8px 0;
    /* width: 30px;
    height: 30px; */
    /* background-color: rgba(0,0,0,.60); */
    border-radius: 50%;
    transition: all var(--default-transition);
}

.floating-contact-smis a::before,
.floating-contact-smis a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 50%;
    transition: all var(--default-transition);
    display: none;
}

.floating-contact-smis a::before {
    border: 1px solid #fff
}

.floating-contact-smis a::after {
    background: var(--gradient-color);
    opacity: 0
}

.floating-contact-smis a i {
    display: block;
    position: relative;
    z-index: 3
}

.floating-contact-smis a i.ai-font-envelope-f {
    font-size: 9px;
}

.floating-contact-smis a:hover::before {
    opacity: 0
}

.floating-contact-smis a:hover::after {
    opacity: 1
}

.floating-contact {
    margin-bottom: 15px
}

body:not([sidebar-active-section=hero]) .floating-contact-smis {}


/* Floating Contact - SMIs : END */


/* Hero : START */

.hero {
    position: relative;
    font-size: 0
}

.slider-holder {
    position: relative;
    z-index: 1
}

.slider-holder::before,
.slider-holder::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.slider-holder::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 5;
    opacity: 0.4;
}

.slider-holder::after {
    background: rgba(0, 0, 0, .1)
}

.tagline-holder {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.tagline-container {
    position: relative;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto
}

.tagline-logo {
    margin-bottom: 80px
}

.tagline-logo img {
    margin: 0 auto
}

.tagline-buttons {
    max-width: 470px;
    margin: 0 auto
}

.tagline-buttons-list {
    margin: 0 -18px
}

.tagline-buttons-item {
    width: 50%;
    padding: 10px 18px
}

.tagline-buttons-item a.gsite-button {
    width: 100%;
    font-size: 16px;
}


/* Hero : END */


/* Overview : START */

.hp-overview {
    position: relative;
    padding: 0;
    z-index: 2;
    font-size: 0
}

.overview-container {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.overview-inner {
    position: relative;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 142px;
    padding-left: 7.5vw;
    padding-right: 30.313vw;
    background: #fff;
    box-shadow: 0 3px 65px 0 rgba(0, 0, 0, .04)
}

.overview-accent-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .04;
    width: 100%;
    pointer-events: none;
}

.overview-accent-logo canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 53.477% auto;
    background-attachment: fixed;
}

.is-mobile .overview-accent-logo canvas {
    background-attachment: scroll;
}

.overview-inner .heading-title {
    font-size: 41px;
    font-weight: 300;
    /* color: rgba(var(--primary-color), 1); */
    color: #333;
    line-height: 1.1;
    letter-spacing: .2em;
    text-transform: uppercase
}

.overview-inner .heading-title span {
    display: block;
    font-size: 40px;
    color: var(--font-color-title);
    letter-spacing: .4em
}

.overview-inner p {
    font-size: var(--font-size-default);
    font-weight: 300;
    color: var(--font-color-default);
    line-height: 1.9;
    letter-spacing: .05em;
    max-width: 415px;
    margin-top: 40px
}

.overview-logo {
    position: absolute;
    width: 30%;
    height: calc(100% - 120px);
    right: 0;
    bottom: 0;
}

.overview-logo::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    background: var(--gradient-color-alt);
    opacity: 0;
    display: none;
}

.overview-logo img {
    margin: 0 25px
}


/* Overview : END */


/* Properties : START */

.hp-properties {
    position: relative;
    padding: 115px 0 0;
    z-index: 1;
    font-size: 0
}

.hp-properties .gsite-bg {
    height: 960px;
    top: -70px;
    z-index: 1
}

.hp-properties .gsite-bg::before,
.hp-properties .gsite-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hp-properties .gsite-bg::before {
    /* background: linear-gradient(to bottom, rgb(126, 118, 109) 0%, rgba(126, 118, 109, 0) 50%, rgb(126, 118, 109) 100%); */
    /* z-index: 5 */
}

.hp-properties .gsite-bg::after {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    z-index: 6;
}

.hp-properties .gsite-bg canvas {
    filter: grayscale(1)
}

.properties-container {
    position: relative;
    max-width: 1600px;
    padding: 0 30px;
    margin: 0 auto;
    z-index: 2
}

.properties-holder {
    margin: 0 -0.5px
}

.properties-box.properties-title {
    justify-content: center;
}

.properties-box {
    padding: 0.5px
}

.properties-box:nth-child(1) {
    width: 34.76%
}

.properties-box:nth-child(2) {
    width: 30.49%
}

.properties-box:nth-child(3) {
    width: 34.75%
}

.properties-box:nth-child(4) {
    width: 30.49%
}

.properties-box:nth-child(5) {
    width: 38.95%
}

.properties-box:nth-child(6) {
    width: 30.49%
}

.properties-box:nth-child(7) {
    width: 33.33%
}

.properties-box:nth-child(8) {
    width: 33.33%
}

.properties-box:nth-child(9) {
    width: 33.33%
}

.properties-title {
    padding-left: 4.063vw;
    padding-top: 3px
}

.properties-title a.gsite-button {
    margin-top: 36px;
    margin-left: 35px
}

.properties-item a {
    display: block;
    position: relative;
    overflow: hidden
}

.properties-image {
    z-index: 1
}

.properties-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%)
}

.properties-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 2;
    transform: translateY(37px);
    transition: all var(--default-transition)
}

.properties-address {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 1.2;
    letter-spacing: .1em
}

.properties-address span {
    display: block;
    margin-top: 9px
}

.properties-specs {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    letter-spacing: .05em;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    opacity: 0;
    transition: all var(--default-transition)
}

.properties-specs span {
    padding: 0 15px;
    border-left: 1px solid #fff
}

.properties-specs span:first-child {
    border-left: 0;
    padding-left: 0
}

.properties-specs span:last-child {
    border-right: 0;
    padding-right: 0
}

.properties-text-right {
    transform: translateY(18px);
    transition: all var(--default-transition)
}

.properties-price {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    letter-spacing: -.04em;
    text-align: right
}

.properties-view {
    width: 158px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: var(--gradient-color-alt); */
    background: rgba(var(--secondary-color), 0.85);
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 24px;
    opacity: 0;
    transition: all var(--default-transition)
}

.properties-item a:hover .properties-text {
    transform: translateY(0)
}

.properties-item a:hover .properties-text .properties-address,
.properties-item a:hover .properties-text .properties-price {
    opacity: 0
}

.properties-item a:hover .properties-text .properties-specs {
    opacity: 1
}

.properties-item a:hover .properties-text .properties-text-right {
    transform: translateY(-7px)
}

.properties-item a:hover .properties-text .properties-view {
    opacity: 1
}


/* Properties : END */


/* Buttons : START */

.hp-buttons {
    position: relative;
    padding: 52px 0 42px;
    font-size: 0
}

.buttons-container {
    position: relative;
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto
}

.buttons-list {
    margin: 0 -20px
}

.buttons-item {
    width: 33.33%;
    padding: 15px 20px
}

.buttons-item a {
    display: block;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #454545;
    line-height: 1;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    transition: all var(--default-transition);
    /* border: 2px solid;
    border-image-slice: 2;
    border-image-source: var(--gradient-color); */
    background: none;
    border: 2px solid #333333;
}

.buttons-item a::before,
.buttons-item a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all var(--default-transition)
}

.buttons-item a::before {
    /*border: 1px solid #6f6f6f*/
    /*background: linear-gradient(#fff, #fff),
          linear-gradient(to right, #454545, #ca9d3a);
  border: 2px solid transparent;
  background-repeat: no-repeat;
  background-origin: padding-box, border-box;*/
}

.buttons-item a::after {
    /* background: var(--gradient-color-alt); */
    background: #333;
    opacity: 0
}

.buttons-item a span {
    height: 75px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.buttons-item a:hover {
    color: #fff
}

.buttons-item a:hover::before {
    /*opacity: 0*/
}

.buttons-item a:hover::after {
    opacity: 1;
    /*margin: 2px;*/
}


/* Buttons : END */


/* Welcome : START */

.hp-welcome {
    position: relative;
    background: #fff;
    font-size: 0
}

.welcome-container {
    position: relative
}

.welcome-column {
    position: relative;
    z-index: 1
}

.welcome-column:nth-child(1) {
    width: 42.5%;
    padding-left: 7.188vw;
    padding-right: 3.125vw;
    padding-bottom: 115px
}

.welcome-column:nth-child(1) .heading-title {
    max-width: 385px
}

.welcome-column:nth-child(1) p {
    max-width: 385px
}

.welcome-column:nth-child(2) {
    width: 19.67%;
    z-index: 2
}

.welcome-column:nth-child(3) {
    width: 37.83%;
    padding-left: 4.225vw;
    padding-right: 6.25vw;
    padding-bottom: 170px
}

.welcome-text {
    position: relative;
    padding: 60px 0 65px
}

.welcome-text::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 12vw);
    height: 1px;
    top: 0;
    left: -12vw;
    background: #d9d9d9;
    opacity: 0
}

.welcome-text+.welcome-text::before {
    opacity: 1
}

.welcome-text .heading-title {
    font-size: 24px;
    color: #454545;
    line-height: 1.3;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 18px
}

.welcome-text .heading-title.is-text-lg {
    font-size: 48px;
    margin-bottom: 25px
}

.welcome-text p {
    font-size: var(--font-size-default);
    font-weight: 300;
    color: var(--font-color-default);
    line-height: 1.9;
    letter-spacing: .05em;
    max-width: 415px
}

.welcome-title {
    margin-bottom: 45px
}

.welcome-buttons {
    margin-top: 95px
}

.welcome-buttons a.gsite-button {
    margin-right: 20px;
    margin-bottom: 20px
}

.welcome-buttons a.gsite-button+a.gsite-button {
    width: 225px
}

.welcome-image {
    margin-left: -28.73%;
    margin-right: -28.73%;
    transform: translateX(-16.5%)
}

.welcome-image canvas {
    opacity: 0
}

.welc-container {
    display: block;
    position: relative;
    padding: 0
}

.welc-container .custom-container {
    display: block;
    width: 100%;
    padding: 0 15px;
    max-width: 1422px;
    margin: 0 auto;
}

.welc-row {
    display: block;
    position: relative
}

.welc-col {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 50%
}

.welc-col:first-child {
    /*width: 31.393%;*/
    width: 29.393%
}

.welc-col:last-child {
    width: 68.607%
}

.welc-accent-logo {
    position: absolute;
    top: 50.5%;
    left: 0;
    transform: translateY(-50%);
    opacity: .04;
    width: 69.45%;
}

.welc-accent-logo canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.welc-agent-photo {
    display: block;
    position: relative
}

.welc-agent-photo img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.welc-content-container {
    display: block;
    position: relative;
    padding: 0 70px 98px 60px;
}

.welc-content-container .gsite-title {
    margin-left: -45px
}

.welc-content-list {
    display: block;
    position: relative;
    margin-top: 74px;
}

.welc-content-item {
    display: block;
    position: relative
}

.welc-content-item:not(:last-child) {
    margin-bottom: 47px;
    padding-bottom: 38px;
    border-bottom: 1px solid #d9d9d9;
}

.welc-content-item h2 {
    font-size: 22px;
    line-height: 1;
    letter-spacing: .1em;
    color: #454545;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px
}

.welc-content-item p {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: .05em;
    color: #545454;
    display: block
}

.welc-btns {
    margin-top: 68px;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 447px;
}

.welc-btns a {
    width: calc(50% - 10px)
}


/* Welcome : END */


/* Stats : START */

.hp-stats {
    position: relative;
    /*padding: 97px 0 142px;*/
    padding: 77px 0 57px;
    font-size: 0
}

.hp-stats .gsite-bg {
    z-index: 1;
    background: #7E766D;
}

.hp-stats .gsite-bg canvas {
    filter: grayscale(1);
}

.hp-stats .gsite-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(126, 118, 109, .8)
}

.stats-container {
    position: relative;
    /*max-width: 1305px;*/
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto;
    z-index: 2
}

.stats-holder {
    margin-top: 120px
}

.stats-list {
    /*margin-right: -1.175vw;*/
    justify-content: space-evenly;
}

.stats-item {
    /*width: 25%;*/
    /*width: 19%;*/
    /*padding: 0 3.775vw;*/
    padding: 0 2.775vw;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
}

.stats-item:first-child {
    /*width: 24%;*/
}

.stats-label {
    font-size: 14px;
    font-weight: 300;
    color: #fffefe;
    line-height: 1.3;
    letter-spacing: .2em;
    text-align: right;
    text-transform: uppercase
}

.stats-number {
    font-size: 70px;
    /* color: #fffefe; */
    /* color: rgba(var(--quaternary-color),1); */
    color: #ffffff;
    line-height: 1;
    margin-top: 20px
}


/* Stats : END */


/* CTA : START */

.hp-cta {
    position: relative;
    padding: 90px 0;
    font-size: 0
}

.hp-cta .gsite-bg {
    height: calc(100% - 100px);
    z-index: 1
}

.hp-cta .gsite-bg::before,
.hp-cta .gsite-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hp-cta .gsite-bg::before {
    background: linear-gradient(to bottom, rgba(126, 118, 109, 0.4) 0%, rgba(126, 118, 109, 0) 50%, rgb(126, 118, 109) 100%);
    z-index: 5
}

.hp-cta .gsite-bg::after {
    background: rgba(126, 118, 109, .88)
}

.hp-cta .gsite-bg canvas {
    filter: grayscale(1)
}

.cta-container {
    position: relative;
    max-width: 1600px;
    padding: 0 40px;
    margin: 0 auto;
    z-index: 2
}

.cta-list {
    margin: 0 -10px;
    display: flex;
    flex-flow: row wrap;
}

.cta-item {
    width: 33.33%;
    padding: 10px
}

.cta-item:nth-child(5) {
    margin-top: -7.65%;
}

.cta-item a {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.cta-item a::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 3px solid #333;
    /* border-image: var(--gradient-color) 2; */
    z-index: 10;
    transition: all var(--default-transition);
    opacity: 0;
}

.cta-item:nth-child(odd) a::after {
    border-color: #fff;
}

.cta-item a:hover::after {
    width: calc( 100% - 62px);
    height: calc( 100% - 62px);
    opacity: 1;
}

.cta-image {
    z-index: 1
}

.cta-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: .7;
    transition: all var(--default-transition);
}

.cta-image img {
    filter: grayscale(1);
    transition: all var(--default-transition);
}

.cta-item:nth-child(even) .cta-image::after {
    background: #7E766D;
    /* opacity: .8; */
}

.cta-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all var(--default-transition);
}

.cta-name {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    transition: all var(--default-transition);
}

.cta-view {
    width: 200px;
    height: 55px;
    max-width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(var(--primary-color), 1);
    line-height: 1;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    transition: all var(--default-transition);
    display: none !important;
}

.cta-item:nth-child(even) .cta-text .cta-name,
.cta-item:nth-child(even) a:hover .cta-text .cta-name {
    color: #fff;
}

.cta-item a:hover .cta-text .cta-name {
    color: #ffffff;
}


/* CTA : END */


/* Testimonials : START */

.hp-testimonials {
    position: relative;
    /*padding: 25px 0 365px;*/
    padding: 25px 0 165px;
    font-size: 0;
    padding-top: 0px;
}

.hp-testimonials .gsite-bg {
    height: 445px;
    top: inherit;
    bottom: 0;
    background: #7E766D;
}

.hp-testimonials .gsite-bg canvas {
    filter: grayscale(1);
    opacity: 0.2;
}

.hp-testimonials .gsite-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
}

.testimonials-container {
    position: relative;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto
}

.testimonials-heading a.gsite-button {
    width: 320px;
    margin-bottom: 38px
}


/* .testimonials-holder {
    margin-top: 48px
} */

.testimonials-list:not(.slick-initialized) .testimonials-item:nth-child(1)~div {
    display: none
}

.testimonials-list .slick-list {
    overflow: visible
}

.testimonials-item .testimonials-item-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.testimonials-position {
    font-size: 14px;
    font-weight: 500;
    color: #454545;
    line-height: 1;
    letter-spacing: .03em;
    text-align: center;
    text-transform: uppercase;
    width: 43.85%;
    padding: 0 15px
}

.testimonials-image {
    width: 128px;
    height: 128px;
    border: 8px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 38px 0 rgba(0, 0, 0, .2)
}

.testimonials-image .canvas-img {
    border-radius: 50%;
    overflow: hidden
}

.testimonials-name {
    font-size: 26px;
    font-weight: 300;
    /* color: rgba(var(--primary-color), 1); */
    color: #333;
    line-height: 1.2;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-left: 30px;
    max-width: 200px
}

.testimonials-content {
    font-size: 16px;
    font-weight: 300;
    color: #454545;
    line-height: 1.8;
    width: 56.15%;
    margin-left: 43.85%;
    margin-top: 30px;
    margin-bottom: 50px;
}

.testimonials-view-all {
    margin-left: 43.85%;
    margin-top: 32px;
}

.testimonials-view-all a {
    width: 300px;
}

.testimonials-holder ul.slick-dots {
    margin-left: 43.85%;
    display: flex !important;
}

.testimonials-holder ul.slick-dots li button {
    width: 11px;
    height: 11px;
    border: 0;
    border-radius: 50%;
    background: #fff;
}

.testimonials-holder ul.slick-dots li.slick-active button {
    background: #333;
}

.testimonials-holder ul.slick-dots li {
    margin-right: 14px;
}


/* Testimonials : END */


/* Videos : START */

.hp-videos {
    position: relative;
    padding: 100px 0 30px;
    font-size: 0
}

.videos-container {
    position: relative
}

.videos-left {
    width: 49.31%;
    padding-left: 9.688vw;
    padding-right: 5vw;
    padding-top: 25px;
    align-items: start;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 6%;
}

.videos-title {
    margin-bottom: 75px
}

.videos-name {
    font-size: 20px;
    font-weight: 300;
    color: var(--font-color-title);
    line-height: 1.3;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 35px
}

.videos-title .gsite-title {
    padding-left: 0;
}

.videos-name::after {
    content: "";
    display: block;
    width: 212px;
    height: 3px;
    margin-top: 20px;
    /* background: rgba(var(--primary-color), 1) */
    background: #333;
}

.videos-address {
    font-size: 18px;
    font-weight: 300;
    color: var(--font-color-title);
    line-height: 1.4;
    letter-spacing: .05em;
    margin-bottom: 50px
}

.videos-left a.gsite-button {
    width: 230px
}

.videos-right {
    width: 50.69%
}

.videos-right a {
    display: block;
    position: relative;
    margin-left: -1.438vw;
    /*margin-right: -11.188vw*/
}

.videos-right a>canvas {
    display: block;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.videos-right a .canvas-img {
    position: absolute;
    width: 89.33%;
    height: 78.21%;
    top: 5.5%;
    left: 5.5%
}

.videos-right a i {
    position: absolute;
    width: 140px;
    height: 140px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--default-transition);
}

.videos-right a i:hover {
    color: rgba(var(--primary-color), 1);
}

.videos-right a i::before {
    position: relative;
    z-index: 5
}

.videos-right a i::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    transition: all var(--default-transition);
}


/* .videos-right a:hover i::after {
    background: rgba(var(--primary-color),1)
} */


/* Videos : END */


/* Blogs : START */

.hp-blogs {
    position: relative;
    padding: 135px 0 80px;
    font-size: 0
}

.hp-blogs .gsite-bg {
    z-index: 1
}

.hp-blogs .gsite-bg canvas {
    filter: grayscale(1);
}

.hp-blogs .gsite-bg::before,
.hp-blogs .gsite-bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hp-blogs .gsite-bg::before {
    background: linear-gradient(to bottom, rgba(126, 118, 109, .65) 0%, rgba(126, 118, 109, 0) 100%);
    z-index: 5
}

.hp-blogs .gsite-bg::after {
    background: rgba(126, 118, 109, .7)
}

.blogs-container {
    position: relative;
    z-index: 2
}

.blogs-holder {
    margin: -108px 0 0
}

.blogs-item {
    width: 48.06%;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.blogs-item:nth-child(even) {
    width: 51.94%
}

.blogs-item:nth-child(even) .blogs-image {
    width: 60.28%
}

.blogs-item:nth-child(even) .blogs-text {
    width: 39.72%
}

.blogs-image {
    width: 57.34%
}

.blogs-text {
    width: 42.66%;
    padding-left: 1.875vw;
    padding-right: 5vw
}

.blogs-name {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    line-height: 1.2;
    letter-spacing: .05em;
    text-transform: uppercase;
    /* border-bottom: 3px solid rgba(var(--primary-color), 1); */
    border-bottom: 3px solid #fff;
    padding: 20px 0
}

.blogs-name a {
    transition: all var(--default-transition)
}

.blogs-name a:hover {
    /* color: rgba(var(--primary-color), 1) */
    color: #ddd;
}

.blogs-content {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .05em;
    margin: 40px 0 60px
}

.blogs-container .gsite-title small {
    color: #fff;
}

a.blogs-more {
    display: block;
    margin: 0 auto;
}


/* Blogs : END */

.hp-overview,
.hp-properties,
.hp-buttons,
.hp-welcome,
.hp-stats,
.hp-cta,
.hp-testimonials,
.hp-videos,
.hp-blogs,
.footer {
    opacity: 0;
}

.properties-item .canvas-img canvas {
    background: none !important;
}

.properties-title .gsite-title.is-text-white small {
    color: #fff;
}

@media only screen and (max-width: 1560px) {
    /* Welcome : START */
    .welc-accent-logo {
        top: 50%
    }
    .welc-content-item h2 {
        font-size: 20px
    }
    /* Welcome : END */
}

@media only screen and (max-width: 1440px) {
    /* Welcome : START */
    .welc-content-item p {
        font-size: 15px
    }
    .welc-content-item:not(:last-child) {
        margin-bottom: 45px;
        padding-bottom: 40px
    }
    /* Welcome : END */
    /* Overview : START */
    .overview-inner {
        padding-left: 4.5vw
    }
    /* Overview : END */
    /* Properties : START */
    .properties-specs span {
        padding: 0 5px
    }
    .properties-view {
        width: 120px
    }
    /* Properties : END */
    /* Blogs : START */
    .blogs-name {
        font-size: 30px
    }
    .blogs-content {
        margin: 20px 0
    }
    /* Blogs : END */
    .stats-number {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1366px) {
    /* Overview : START */
    .overview-inner .heading-title span {
        font-size: 33px;
    }
    .overview-logo {
        width: 36%;
    }
    .overview-accent-logo {
        width: 55%;
    }
    .overview-container {
        padding-left: 5%;
        padding-right: 5%;
    }
    /* Overview : END */
    /* Properties : START */
    .properties-container {
        padding: 0 15px
    }
    .properties-text {
        padding: 15px 10px
    }
    /* Properties : END */
    /* Welcome : START */
    .welcome-column:nth-child(1) {
        padding-left: 4.188vw
    }
    .welc-content-container {
        padding: 0 75px 80px 40px
    }
    .welc-btns {
        margin-top: 45px
    }
    .welc-content-item h2 {
        font-size: 18px
    }
    .welc-content-item:not(:last-child) {
        margin-bottom: 35px;
        padding-bottom: 35px
    }
    .welc-content-item p {
        font-size: 14px
    }
    /* Welcome : END */
    /* CTA : START */
    .cta-name {
        font-size: 20px
    }
    /* CTA : END */
    /* Blogs : START */
    .blogs-holder {
        margin: -58px 0 0
    }
    /* Blogs : END */
    .stats-number {
        font-size: 55px;
    }
    .stats-container {
        max-width: 1150px;
    }
    .stats-item:last-child {
        padding-left: 3.575vw;
    }
}

@media only screen and (max-width: 1199px) {
    /* Overview : START */
    .overview-container {
        padding-left: 3.188vw
    }
    .overview-inner .heading-title {
        font-size: 40px
    }
    .overview-inner .heading-title span {
        font-size: 30px
    }
    .overview-logo {
        padding: 0 1.125vw
    }
    .overview-logo img {
        margin: 0 10px
    }
    /* Overview : END */
    /* Properties : START */
    .properties-title a.gsite-button {
        margin-top: 20px
    }
    .properties-address {
        font-size: 12px
    }
    .properties-specs {
        font-size: 12px
    }
    .properties-specs span {
        padding: 0 3px
    }
    .properties-price {
        font-size: 18px
    }
    .properties-view {
        width: 100px;
        height: 38px
    }
    /* Properties : END */
    /* Welcome : START */
    .welcome-column:nth-child(3) {
        padding-left: 3.225vw;
        padding-right: 3.25vw;
        padding-bottom: 70px
    }
    .welcome-text {
        padding: 30px 0 35px
    }
    .welcome-text .heading-title.is-text-lg {
        font-size: 35px
    }
    .welc-content-container {
        padding: 0 55px 50px 30px
    }
    .welc-btns {
        margin-top: 30px
    }
    .welc-content-item h2 {
        font-size: 16px;
        letter-spacing: .05em;
        margin-bottom: 15px
    }
    .welc-content-item p {
        line-height: 1.6;
        font-size: 13px
    }
    .welc-content-item:not(:last-child) {
        margin-bottom: 25px;
        padding-bottom: 25px
    }
    .welc-content-list {
        margin-top: 30px
    }
    .welc-content-container .gsite-title {
        margin-left: -30px
    }
    .welc-container .custom-container {
        max-width: 1024px
    }
    /* Welcome : END */
    /* CTA : START */
    /* .cta-text {
        transform: translateY(15%)
    } */
    .cta-name {
        font-size: 20px
    }
    /* CTA : END */
    /* Videos : START */
    .videos-left {
        padding-left: 5.688vw;
        padding-right: 3vw
    }
    .videos-name {
        font-size: 20px
    }
    /* Videos : END */
    /* Blogs : START */
    .blogs-holder {
        margin: -38px 0 0
    }
    .blogs-text {
        padding-left: 10px;
        padding-right: 10px
    }
    /* Blogs : END */
    /* Stats */
    .stats-number {
        font-size: 45px;
    }
    .stats-label {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    /* Hero : START */
    .tagline-buttons-list {
        margin: 0 -5px;
    }
    .tagline-buttons-item {
        padding: 0 5px;
        width: 50%;
    }
    .tagline-logo img {
        max-width: 550px;
        width: 100%;
    }
    /* Hero : END */
    /* Overview : START */
    .overview-container {
        padding-left: 0;
        padding-right: 0
    }
    .overview-inner {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        text-align: center
    }
    .overview-inner p {
        margin-left: auto;
        margin-right: auto
    }
    .overview-logo {
        position: relative;
        justify-content: center;
        padding: 0 15px;
        width: calc(100% + 30px);
        right: inherit;
        margin-left: -15px;
        /* margin-top: 30px; */
    }
    .overview-accent-logo {
        width: calc(100% - 20px);
        right: 0;
        margin: 0 auto;
        display: block;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    /* Overview : END */
    /* Properties : START */
    .properties-container {
        max-width: 630px
    }
    .properties-box {
        width: 100%!important
    }
    .properties-box:nth-child(4) ~ div {
        display: none;
    }
    .properties-title {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 30px
    }
    .properties-title a.gsite-button {
        margin-left: 0;
    }
    /* Properties : END */
    /* Buttons : START */
    .buttons-container {
        max-width: 630px
    }
    .buttons-item {
        width: 100%
    }
    /* Buttons : END */
    /* Welcome : START */
    .welcome-container {
        max-width: 630px;
        padding: 0 15px;
        margin: 0 auto
    }
    .welcome-column {
        width: 100%!important
    }
    .welcome-column:nth-child(1) {
        width: 100%;
        padding-bottom: 0;
        order: 1
    }
    .welcome-column:nth-child(2) {
        width: 100%;
        order: 3
    }
    .welcome-column:nth-child(3) {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        order: 2
    }
    .welcome-column:nth-child(1) p {
        max-width: 100%
    }
    .welcome-text::before {
        left: 0;
        width: 100%
    }
    .welcome-text .heading-title {
        text-align: center
    }
    .welcome-text .heading-title.is-text-lg {
        font-size: 35px;
        margin-left: auto;
        margin-right: auto
    }
    .welcome-text p {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .welcome-buttons {
        align-items: center
    }
    .welcome-buttons a.gsite-button {
        margin-right: 0
    }
    .welcome-buttons a.gsite-button+a.gsite-button {
        width: 200px
    }
    .welcome-image {
        margin-left: 0;
        margin-right: 0;
        transform: none
    }
    .welc-row {
        display: flex;
        flex-direction: column-reverse
    }
    .welc-col {
        width: 100%!important;
        display: block
    }
    .welc-agent-photo {
        width: 100%;
        max-width: 310px;
        margin: 0 auto
    }
    .welc-agent-photo img {
        padding-right: 30px
    }
    .welc-accent-logo {
        right: 0;
        width: 90%;
        left: 0;
        margin: 0 auto
    }
    .welc-content-item {
        text-align: center
    }
    .welc-btns {
        margin: 30px auto
    }
    .welc-content-container .gsite-title {
        margin: 0 auto;
        display: inline-block;
        text-align: left
    }
    .welc-content-container {
        text-align: center;
        padding: 0 20px
    }
    /* Welcome : END */
    /* Stats : START */
    /* .stats-container {
        max-width: 330px
    } */
    .stats-title {
        text-align: center
    }
    .stats-title .gsite-title {
        max-width: 400px;
    }
    .stats-item {
        width: 50%;
        flex-flow: column;
    }
    .stats-item:first-child {
        width: 50%;
    }
    .stats-label {
        text-align: center
    }
    .stats-number {
        text-align: center
    }
    /* Stats : END */
    /* CTA : START */
    .cta-container {
        max-width: 630px;
        padding: 0 15px
    }
    .cta-item {
        width: 50%
    }
    .cta-item:nth-child(5) {
        margin-top: 0;
    }
    /* CTA : END */
    /* Testimonials : START */
    .testimonials-item {
        text-align: center
    }
    .testimonials-position {
        width: 100%
    }
    .testimonials-image {
        display: block;
        margin: 20px auto
    }
    .testimonials-name {
        width: 100%;
        max-width: 100%;
        margin-left: 0
    }
    .testimonials-content {
        width: 100%;
        margin-left: 0
    }
    .testimonials-view-all {
        margin-left: 0;
    }
    .testimonials-view-all a {
        margin: 0px auto;
        display: block !important;
    }
    /* Testimonials : END */
    /* Videos : START */
    .videos-container {
        max-width: 630px;
        padding: 0 15px;
        margin: 0 auto
    }
    .videos-left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        align-items: center;
        order: 2;
    }
    .videos-name::after {
        margin-left: auto;
        margin-right: auto
    }
    .videos-right {
        width: 100%;
        margin-top: 30px;
        order: 1;
    }
    .videos-right a {
        margin-left: 0;
        margin-right: 0
    }
    /* Videos : END */
    /* Blogs : START */
    .blogs-container {
        max-width: 630px;
        padding: 0 15px;
        margin: 0 auto
    }
    .blogs-holder {
        margin: 20px 0 0
    }
    .blogs-item {
        width: 100%!important;
        margin-bottom: 20px;
    }
    .blogs-item:first-child ~ .blogs-item {
        display: none;
    }
    .blogs-image {
        width: 100%!important
    }
    .blogs-image a img {
        width: 100%
    }
    .blogs-text {
        width: 100%!important;
        padding: 0
    }
    /* Blogs : END */
    .stats-list {
        margin-right: 0;
        flex-flow: row wrap;
    }
}

@media only screen and (max-width: 575px) {
    /* Hero : START */
    .tagline-buttons-item a.gsite-button {
        font-size: 12px;
    }
    /* Hero : END */
    /* Overview : START */
    .overview-inner {
        font-size: 32px;
        padding-bottom: 0
    }
    .overview-inner .heading-title {
        font-size: 30px
    }
    .overview-logo {
        height: auto;
        min-height: 200px;
        padding: 20px 15px;
        flex-wrap: wrap
    }
    .overview-logo img {
        width: 100px;
    }
    /* Overview : END */
    /* Properties : START */
    .hp-properties {
        padding: 50px 0 0
    }
    /* Properties : END */
    /* Buttons : START */
    .buttons-item {
        padding: 5px 20px;
    }
    .buttons-item a {
        font-size: 15px;
    }
    /* Buttons : END */
    /* Welcome : START */
    .welcome-text .heading-title {
        font-size: 20px
    }
    .welcome-text .heading-title.is-text-lg {
        font-size: 25px
    }
    .welcome-buttons {
        margin-top: 50px
    }
    .welc-content-container {
        padding: 0
    }
    .welc-btns {
        display: block;
        max-width: 200px
    }
    .welc-btns a {
        width: 100%
    }
    .welc-btns a:not(:last-child) {
        margin-bottom: 15px
    }
    .welc-content-container .gsite-title {
        padding-left: 15px;
        font-size: 55px
    }
    .welc-content-container .gsite-title small {
        font-size: 16px
    }
    .welc-content-item h2 {
        line-height: 1.3
    }
    /* Welcome : END */
    /* Stats : START */
    .hp-stats {
        padding: 50px 0
    }
    .stats-title .gsite-title {
        max-width: 300px;
    }
    .stats-holder {
        margin-top: 50px
    }
    .stats-item {
        margin-bottom: 20px;
    }
    .stats-label {
        font-size: 10px;
    }
    .stats-number {
        font-size: 35px;
    }
    /* Stats : END */
    /* CTA : START */
    .hp-cta {
        padding: 50px 0;
    }
    .cta-list {
        margin: 0 -5px
    }
    .cta-item {
        padding: 5px;
    }
    .cta-name {
        font-size: 12px;
    }
    /* CTA : END */
    /* Testimonials : START */
    .hp-testimonials {
        padding: 25px 0 200px;
    }
    .testimonials-content {
        font-size: 15px;
    }
    /* Testimonials : END */
    /* Videos : START */
    .hp-videos {
        padding: 25px 0 30px
    }
    .videos-title {
        margin-bottom: 50px;
    }
    .videos-name {
        font-size: 20px
    }
    .videos-address {
        font-size: 18px
    }
    .videos-right a i {
        width: 100px;
        height: 100px;
        font-size: 25px
    }
    /* Videos : END */
    /* Blogs : START */
    .hp-blogs {
        padding: 50px 0
    }
    /* Blogs : END */
}