.header{

    position: relative;

    background: #000;

}



.ip-banner {

    display: none;

}



div#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



p#breadcrumbs {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    padding-left: 7%;

    padding-top: 3px;

}



p#breadcrumbs span {

    color: #000;

}



span.breadcrumb_last {

    font-weight: 500;

}



.cd-body {

    position: relative;

    margin: 57px 0 0;

}



.custom-title h2{

    font-size: 18px !important;

}



.custom-title h2 em{

    font-style: normal !important;

    font-weight: 500 !important;

}



.custom-title.center {

    display: inline-block;

    vertical-align: middle;

    left: 50%;

    transform: translateX(-50%);

}



.global-relative {

    position: relative;

}



.global-canvas {

    width: 100%;

    display: block;

}



.global-img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.cd-banner-holder {

    max-width: 1485px;

    margin: 52px auto 0;

    position: relative;

}



a.site-bttn.center {

    left: 50%;

    transform: translateX(-50%);

}



.cd-banner-descrip {

    max-width: 1340px;

    text-align: center;

    margin: 65px auto 55px;

}





.cd-banner-descrip p {

    font-size: 14px;

    line-height: 24px !important;

}



.cd-future-homes {

    font-size: 0;

    position: relative;

    padding: 140px 0 0;

}



.fh-holder {

    display: flex;

    flex-wrap: wrap;

    max-width: 1500px;

    margin: 44px auto 0;

}



.fh-list {

    padding: 5px;

}



.fh-list.md {

    width: 33.33%;

}



.fh-list.lg {

    width: 50%;

}



.fh-wrap {

    cursor: pointer;

    position: relative;

}



.fh-inner {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: column wrap;

    width: 100%;

    height: 100%;

    z-index: 1;

    text-align: center;

    top: 0;

    left: 0;

}



.fh-inner::after {

    content: '';

    position: absolute;

    width: 292px;

    height: 80px;

    border: 1px solid #fff;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    pointer-events: none;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fh-wrap.clicked_once .fh-inner::after,
.fh-wrap:hover .fh-inner::after{

    width: calc(100% - 60px);

    height: calc(100% - 60px);

}

/*.fl-wrap .fl-single a .fl-info{
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.fl-wrap .fl-single a .fl-feat{
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}*/

.fh-inner-box {

    position: relative;

    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;

}



.fh-img::before,

.fh-img::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0,0,0,.1);

    z-index: 1;

    pointer-events: none;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fh-wrap.clicked_once .fh-img::before,
.fh-wrap:hover .fh-img::before{

    background: rgba(15,15,15,.80);

}



.fh-img::after{

    background: url(../../images/fh-hover.png) no-repeat;

    background-size: cover;

    background-position: center;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(.6);

    width: 88%;

    height: 17%;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fh-wrap.clicked_once .fh-img::after,
.fh-wrap:hover .fh-img::after{

    opacity: .08;

    transform: translate(-50%, -50%) scale(1);

}



.fh-title {

    font-family: var(--font-family-title);

    font-size: 35px;

    color: #fff;

    letter-spacing: 0.02em;

    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.75);

    line-height: 1;

}



.fh-btn {

    display: flex;

    justify-content: center;

    height: 0;

    opacity: 0;

    margin: 0 0 0;

    pointer-events: none;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

.fh-btn.clicked_once{
    /*pointer-events: none;*/
}

.fh-wrap.clicked_once .fh-btn,
.fh-wrap:hover .fh-btn{

    /*padding: 44px 0 0;*/

    /*height: 24px;*/
    height: auto;

    opacity: 1;

    margin: 64px 0 0;

    pointer-events: auto;

}



.fh-btn a:last-child {

    margin-left: 11px;

}



.fh-btn a{

    width: 177px;

    height: 68px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    border: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    color: #fff;

    font-weight: 500;

    position: relative;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fh-btn a:hover{

    background: #fff;

    color: #000;

}



.fh-btn a::after {

    content: '';

    position: absolute;

    width: 0;

    height: 2px;

    background: #000;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.fh-btn a:hover::after{

    opacity: 1;

    width: 30px;

}
.fl-wrap .fl-single a .fl-info{
    display: block;
}
.fl-wrap .fl-single a:hover .fl-vd{
    padding: 0;
}

.fl-wrap .fl-single a:hover .fl-feat{
    margin: 0;
}

.fl-wrap .fl-single a:hover .fl-add{
    margin: 0 0 15%;
}
.fl-wrap .fl-single a:hover .fl-info{
    padding: 0 5px;
    bottom: 50%;
    transform: translateY(50%);
    min-height: unset;
}

.cd-cta {

    position: relative;

    margin: 89px 0 118px;

}



.cd-cta-left {

    margin-left: -110px;

}



.cd-cta-right {

    margin-right: -110px;

    margin-left: 37px;

    position: relative;

}



.cd-cta-right::after {

    content: '';

    position: absolute;

    height: 287px;

    width: 1px;

    background: #ccc;

    top: -7px;

    left: -52px;

    pointer-events: none;

}



.cd-cta-title {

    font-size: 36px;

    color: #000000;

    font-family: var(--font-family-title);

    padding: 0 0 30px;

}



.cd-cta-btn {

    display: flex;

}



.cd-cta-btn a:last-child {

    margin-left: 20px;

}



.cd-cta-btn a{

    width: 308px;

    height: 108px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.22);

    border: 5px solid #fff;

    background: #000;

    text-align: center;

    position: relative;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.cd-cta-btn a:hover{

    border: 5px solid #000;

    background: #fff;

}



.cd-cta-btn a::after{

    content: '';

    position: absolute;

    width: 52px;

    height: 2px;

    background: #000;

    top: 50%;

    left: 0;

    opacity: 0;

    transform: translateY(-50%);

    pointer-events: none;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.cd-cta-btn a:hover::after{

    opacity: 1;

}



.cd-cta-btn a span{

    font-size: 22px;

    color: #fff;

    letter-spacing: 0.1em;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.cd-cta-btn a:hover span{

    color: #000;

}



.cd-cta-btn a img {

    margin-right: 14px;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.cd-cta-btn a:hover img {

    filter: invert(1);

}



.cd-listings {

    position: relative;

    font-size: 0;

    padding: 91px 0;

}



.cd-listings::before{

    content: '';

    position: absolute;

    width: 100%;

    height: 560px;

    top: 0;

    left: 0;

    background: url(../../images/bg-fade-03.jpg) center bottom no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.safari-true .cd-listings::before{

    background-attachment: scroll;

}



.cd-listings .container-fluid{

    position: relative;

    z-index: 1;

}



.cd-listings .fh-list {

    padding: 2.5px;

}



a.fh-trigger {

    position: relative;

    display: block;

}



.sne-sp-info {

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 0;

    width: 100%;

    display: flex;

    flex-flow: column wrap;

    align-items: center;

    justify-content: center;

    font-family: var(--font-family-title);

    letter-spacing: 0.020em;

    font-size: 30px;

    color: #fff;

    text-align: center;

    min-height: 0;

    padding: 0 5px 0;

    transition: all ease .4s;

    -moz-transition: all ease .4s;

    -webkit-transition: all ease .4s;

}



.sne-sp-price{

    margin: 0 0 14px;

    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.75);

}



.sne-sp-add{

    line-height: 1.1;

    margin: 0 0 20px;

    transition: all ease .4s;

    -moz-transition: all ease .4s;

    -webkit-transition: all ease .4s;

    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.75);

}



.sne-sp-add span {

    font-size: 20px;

    display: block;

    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.75);

}



.sne-sp-feat{

    font-size: 14px;

    margin: auto 0 0;

    transition: all ease .4s;

    -moz-transition: all ease .4s;

    -webkit-transition: all ease .4s;

    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.75);

}



.sne-sp-vd {

    font-family: var(--font-family-default);

    padding: 0 0 0;

    opacity: 0;

    transition: all ease .4s;

    -moz-transition: all ease .4s;

    -webkit-transition: all ease .4s;

}



a:hover .sne-sp-vd{

    padding: 0 0 60px;

    opacity: 1;

}



.sne-sp-vd span{

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 0.200em;

    text-transform: uppercase;

    position: relative;

}



.sne-sp-vd span:after{

    display: block;

    content: '';

    position: absolute;

    left: 0;

    bottom: -18px;

    width: 100%;

    height: 3px;

    background: #fff;

    transition: all ease .4s;

    -moz-transition: all ease .4s;

    -webkit-transition: all ease .4s;

}



.ip-listing-pagi {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 62px 0 0;

}



.ip-listing-pagi span{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 77px;

    height: 72px;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    cursor: pointer;

    margin: 0 3px;

}



.ip-listing-pagi span.active{

    background: #000;

    color: #fff;

    cursor: default;
}

.ip-listing-pagi span.active a {
    
    pointer-events: none;
}

.ip-listing-pagi em {

    font-style: normal !important;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    letter-spacing: 0.6em;

    text-transform: uppercase;

    position: relative;

    cursor: pointer;

    margin-left: 25px;

}

span .ip-properties-prev.prev{
    display: none!important;
}


.ip-listing-pagi em::after{

    content: '';

    position: absolute;

    width: 77px;

    height: 72px;

    background: #c5c5c5;

    top: -25px;

    right: -25px;

    pointer-events: none;

    z-index: -1;

}



#ftr-git{

	/*background: url(../../images/sports-entertainment/sne-git.jpg) center center no-repeat;

    background-size: cover;

    background-attachment: fixed;

    padding: 95px 0;*/

}

#ftr-git .sec-title h2 em.sec-num{

	display: none;

}

.git-wrap{

	background: rgba(255,255,255,0.88);

	margin: 0 0 0 auto;

	max-width:777px;

	padding: 74px 78px;

}

.git-wrap .git-title{

	margin: 0 0 25px;

}

.git-wrap .git-row.submit{

	margin: 30px 0 0;

}



/* Media */

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

    .fh-wrap.clicked_once .fh-inner::after,
    .fh-wrap:hover .fh-inner::after{

        width: calc(100% - 30px);

        height: calc(100% - 30px);

    }



    .cd-cta-left {

        margin-left: -86px;

    }



    .cd-cta-right {

        margin-right: -86px;

    }



    .cd-cta-right::after {

        left: -39px;

    }

    .fh-title{
        font-size: 28px;

    }

    .fl-wrap .fl-single a .fl-info{
        font-size: 20px;
    }
    .fl-wrap .fl-single a .fl-img{
        padding: 25.5vw 0 0;
    }
    .fl-wrap .fl-single a .fl-add span{
        font-size: 15px;
    }
    .fl-wrap .fl-single a:hover .fl-add{
        margin: 0 0 7%;
    }
}



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

    .fh-wrap.clicked_once .fh-inner::after,
    .fh-wrap:hover .fh-inner::after {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }

    .fh-btn a{

        width: 149px;

        height: 57px;

    }



    .fh-btn a:hover::after{

        width: 22px;

    }



    .cd-cta-left {

        margin-left: 0;

    }



    .cd-cta-right {

        margin-right: 0;

    }



    a:hover .sne-sp-vd{

        padding: 0 0 30px;

    }

    .cd-cta-btn a span{
        font-size: 17px;
        letter-spacing: 0.020em;
    }
    .cd-cta-btn a::after{
        width: 33px;
    }
    .cd-cta-btn a img{
        max-width: 35px;
        margin-right: 7px;
    }

}



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

    .fh-wrap.clicked_once .fh-inner::after,
    .fh-wrap:hover .fh-inner::after{

        width: calc(100% - 10px);

        height: calc(100% - 10px);

    }



    .fh-wrap.clicked_once .fh-btn,
    .fh-wrap:hover .fh-btn{

        padding: 19px 0 0;

    }



    .fh-btn a{

        width: 131px;

    }



    .fh-btn a:hover::after{

        width: 15px;

    }

    .fh-wrap.clicked_once .fh-btn,
    .fh-wrap:hover .fh-btn{
        margin: 4px 0 0;
    }

    .sne-sp-add{

        margin: 0 0 9px;

    }



    .sne-sp-price{

        margin: 0;

    }



    a:hover .sne-sp-vd{

        padding: 0 0 18px;

    }

}



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

    .fh-holder {

        flex-direction: column;

        align-items: center;

    }



    .fh-list {

        width: 100% !important;

        max-width: 490px;

        margin: 0 auto 30px !important;

    }



    .cd-cta {

        text-align: center;

    }



    .cd-cta-btn {

        flex-direction: column;

        align-items: center;

    }



    .cd-cta-btn a:last-child,

    .cd-cta-right{

        margin: 0;

    }



    .cd-cta-right::after{

        display: none;

    }



    .fh-img canvas {

        min-height: 341px;

    }

    .fh-title{
        font-size: 25px;
    }

    .fl-wrap .fl-single a:hover .fl-info{
        transform: translateY(0%);
        bottom: 0;
        padding: 40px 10px;
    }
    .fl-wrap .fl-single a:hover .fl-add {
        margin: 0 0 20px;
    }
    .fl-wrap .fl-single a:hover .fl-vd,
    .fl-wrap .fl-single a .fl-vd {
        padding: 0 0 40px;
        opacity: 1;
    }
    .fl-wrap .fl-single a:hover .fl-feat {
        margin: 0 0 15px;
    }
}



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

    .git-wrap{

        padding: 74px 28px;

    }

}



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

    .fh-inner::after {

        width: 230px;

    }



    .fh-btn {
        width: 100%;
        flex-flow: column wrap;

        align-items: center;

    }



    .fh-btn a{

        width: 184px;

        margin: 0 0 10px;

        min-height: 48px ;

    }

    .fh-btn a:last-child {
        margin-left: 0;
    }

    .fh-title {

        font-size: 24px;

    }



    

    .ip-listing-pagi span{

        width: 34px;

    }



    .git-wrap .git-row.dual > div{

        margin: 0;

        width: 100% !important;

    }

    

}