@charset "UTF-8";
:before,:after,html *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/}
.clearfix:after,
.clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
.clearfix:after{content: ''}
input::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;padding: 0;}
a{text-decoration: none;outline: 0 !important;}
a:hover{color: inherit;text-decoration: none;}
img{max-width: 100%;vertical-align: top;}
*:focus ,
textarea,
input,
textarea:focus, input:focus{outline: none;border-radius: 0}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type=number] {-moz-appearance:textfield !important;}
input::placeholder{ 
	color: #cacdc8;
	opacity:1;
}
textarea::placeholder{ 
	color: #cacdc8;
	opacity: 1;
}
::-moz-placeholder {
	opacity: 1;
}
.cvr-bg-bf:before,
.cvr-bg-af:after,
.cvr-bg{
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cvr-bg-bf:before,
.cvr-bg-af:after{
	content: '';
	display: inline-block;
        vertical-align: middle;
}
body{
        background: #fff;
        color: #595a5c;
	font-size: 14px;
	font-family: 'Josefin Sans';
	font-weight:  300;
	position: static;
	overflow-y:auto
}

.wrapper{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.rowflex{
	display: flex;
	flex-wrap: wrap;
}
.rowflex > *{
	flex: 1;
}
.iframe-holder{
        position: relative;
	padding-bottom: 42%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        z-index: 1;
}
.iframe-holder > *{
        position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.format-text{
	line-height: 140%;
	font-size: 22px;
}
.format-text > *{
	margin-top: 25px;
}
.format-text > *:first-child{
	margin-top: 0;
}
.format-text b,
.format-text strong{
	font-weight: 700;
}
.format-text em,
.format-text i:not(.fa){
	font-style: italic;
}
.format-text h1,
.format-text h2,
.format-text h3,
.format-text h4,
.format-text h5,
.format-text h6{
	color: #000;
	font-weight: 600;
	line-height: 140%;
}
.format-text h1{
	font-size: 28px;
}
.format-text h2{
	font-size: 20px;
}
.format-text h3{
	font-size: 16px;
}
.format-text h4{
	font-size: 14px;
}
.format-text h5{
	font-size: 12px;
}
.format-text h6{
	font-size: 10px;
}
.format-text a:not(.button){
	color: #000;
}
.format-text a:not(.button):hover{
	text-decoration: underline;
}
.format-text ul{
	list-style: disc;
	padding-left: 40px;
}
.format-text ul li,
.format-text ol li{
	padding-bottom: 10px;
}
.format-text ol{
	list-style: decimal;
}
.format-text ol{
	padding-left: 60px;
}
.format-text sup{
	color: #d90000;
	position: relative;
	top: 0;
	line-height: 100%;
}
.format-text blockquote{
	font-size: 19px;
	line-height: 180%;
}
.centered{
	text-align: center;
}
.rightned{
	text-align: right;
}
.leftned{
	text-align: left;
}

.button{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: inline-block;
	font-family: 'Josefin Sans';
	text-align: center;
	border: none;
	outline: none !important;
        height: 45px;
        line-height: 49px;
        color: #fff;
        background: #36563c;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0 15px 0 17px;
        font-weight: 400;
        cursor: pointer;
	transition:background 0.2s ease-in;
}

.button:hover{
	color: #fff;
	background: #c19030;
}
/** BANNER **/
.banner{
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.banner .video-holder,
.banner span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}
.banner .video-holder{
	display: grid;
	place-items: center;
}
.video-on-top.banner .video-holder{
	/*z-index: 999;*/
}
.video-on-top.banner .holder,
.video-on-top.banner .hentry{
	display: none;
}
.banner .video-holder > *,
.banner .video-holder video{
	position: absolute;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner .holder{
	position: absolute;
	width: 100%;
	padding: 0 50px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	text-align: right;
	bottom: 0;
	z-index: 3;
}
.banner .holder a{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 13px 6px;
	background: #36563c;
	line-height: 100%;
	transition:background 0.2s ease-in;
	letter-spacing: 1px;
}
.banner .holder a:hover{
	background: #c19030;
}
.banner span.has-video{
	cursor: pointer;
}
.banner span.has-video:after{
	display: block;
	position: absolute;
	width: 90px;
	height: 90px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/play.png);
	left: calc(50% - 45px);
	content: '';
}
.banner .mb{
	display: none;
	width: 100%;
}
.banner .hentry{
	position: absolute;
	z-index: 3;
	color: #34563B;	
}
.page-template-community .banner .hentry{
	top: 24vh;
	right: 4.5vw;
}
.page-template-interior .banner .hentry{
	top: 24.2vh;
	right: 10.3vw;
}
.page-template-interior .banner .hentry strong{
	line-height: 90%;
}
.page-template-team .banner .hentry{
	top: 24.2vh;
	left: 10.4vw;
}
.page-template-neighbourhood  .banner .hentry,
.page-template-amenities .banner .hentry,
.page-template-architecture .banner .hentry{
	top: 24vh;
	left: 3.2vw;
}
.page-template-neighbourhood  .banner .hentry{
	color: #fff;
}
.banner .hentry h2{
	display: block;
	font-weight: 600;
	font-size: 3vw;
	letter-spacing: 1px;
}
.banner .hentry strong{
	display: block;
	font-family: 'Tiempos Fine';
	font-size: 2.5vw;
	line-height: 100%;
}
.banner .hentry figure{
	max-width: 21.8vw;
}
.pluspop{
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/plus.svg);
	transition:opacity 0.2s ease-in;
	opacity: 1;
	position: absolute;
	bottom: -15px;
}
.pluspop:hover{
	opacity: .9;
}
.more{
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	display: inline-block;
}
.more:before{
	width: 30px;
	height: 32px;
	background-image: url(../img/more.svg);
	position: relative;
	margin-right: 8px;
	top: -5px;
	right: 0;
	transition:right 0.2s ease-in;
}
.more:hover:before{
	right: -5px;
}
/** HEADER **/
#top{
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        transition: all 600ms;
        padding: 20px 50px 15px 37px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: rgba(255,255,255,.8);
}
body.is-on-top #top{
        /*background: rgba(0,0,0,0);*/
}
#top .logo{
        float: left;
}
#top .mainmenu{
        float: right;
        position: relative;
        top: 35px;
}
.mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin-left: 45px;
}
.mainmenu li:first-child{
        margin: 0;
}
.mainmenu li a{
        color: #4e4e50;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        display: block;
        letter-spacing: 1px;
}
.mainmenu li.current-menu-item a{
        font-weight: 700;
}
.mainmenu li a:after{
        display: block;
        position: absolute;
        left: 0;
        bottom: -8px;
        background: #4e4e50;
        left: 50%;
        width: 0;
        height: 2px;
        content: '';
        transition:all 0.2s ease-in;
}
.mainmenu li a:hover:after{
        width: 100%;
        left: 0;
}
/** FOOTER **/
#bottom{
        padding: 0 50px 50px 37px;
}
#bottom .logos{
        float: left;
}
#bottom .logos img{
        display: inline-block;
        vertical-align: middle;
}
#bottom .logos img:first-child{
        margin-right: 30px;
        margin-top: 20px;
}
#bottom .logos  p{
        margin-top: 10px;
}
#bottom .logos p a{
        font-size: 13px;
        line-height: 1.25;
        color: #59595B;
        text-decoration: none;
        font-weight: 400;
}
#bottom .util{
        float: right;
        text-align: right;
        position: relative;
        top: 48px;
        font-size: 13px;
}
#bottom .util .social a{
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
#bottom .util .social a:hover{
        opacity: .5;
}
/** INNER COMMUNITY **/
.inner-block{
        padding: 60px 0;
}
.inner-block .copy .wrapper > h2{
        color: #35563b;
        font-size: 70px;
        font-weight: 300;
        margin-bottom: 20px;
        line-height: 130%;
        text-align: center;
}
.inner-block .copy + *{
        margin-top: 50px;
}
.inner-block .coimg1 figure{
        display: block;
        position: relative;
        margin-bottom: 40px;
}
.inner-block .coimg2{
        padding-top: 50px;
}
.inner-amen .section .caption,
.inner-block .coimg3 .caption,
.inner-block .coimg2 .caption{
        float: left;
        width: calc(40% + 20px);
        position: relative;
        z-index: 2;
        margin-left: -20px;
        background: #36563c;
        padding: 30px 20px 80px 25px;
        color: #fff;
}
.inner-block .coimg2 .caption:after{
        display: block;
        width: 20px;
        height: 100%;
        content: '';
        background: #36563c;
        right: -20px;
        top: 0;
        position: absolute;
}
.inner-block .coimg2 figure{
        float: right;
        width: calc(60% + 40px);
        position: relative;
        z-index: 1;
        margin-right: -40px;
        margin-top: 270px;
}
.inner-block .coimg3{
        margin-top: 40px;
}
.inner-block .coimg5 figure,
.inner-block .coimg3 figure{
        position: relative;
}
.inner-block .coimg3 .caption{
        max-width: 500px;
        margin: 0 auto;
        float: none;
        width: 100%;
        padding: 30px 30px 50px 30px;
        min-height: 400px;
        top: -25px;
        right: -100px;
}
.inner-block .coimg5 {
        margin-bottom: 40px;
}
.inner-block .coimg5 + *{
        margin-top: 0;
}
/*.inner-block .coimg5 .pluspop{
        width: 50px;
        height: 50px;
        bottom: -25px;
}*/
.inner-block .map{
        margin-bottom: 50px;
}
/** HOMEPAGE **/
.inner-home{
        overflow: hidden;
}
.inner-home .copy .format-text{
        padding: 0 50px;
}
.inner-home > *:not(.copy){
        margin-top: 40px;
}
.inner-home .blocky .caption{
        max-width: 500px;
        color: #fff;
        background: #36563c;
        padding: 30px 30px 140px;
        position: relative;
}
.inner-home .blocky .caption h3{
        font-family: 'Tiempos Fine';
        font-size: 28px;
        line-height: 130%;
        margin-bottom: 30px;
        letter-spacing: 1px;
}
.inner-home .blocky .format-text + .more{
        margin-top: 30px;
}
.inner-home .anim1{
        text-align: right;
}
.inner-home .anim1 .caption{
        display: inline-block;
        text-align: left;
        right: 60px;
        margin-top: -110px;
}
.inner-home .anim2 .rowflex{
        align-items: flex-end;
}
.inner-home .anim2 figure{
        order: 2;
        margin-left: -80px;
        margin-bottom: 300px;
}
.inner-home .anim2 .caption{
        order: 1;
        margin-left: -50px;
}
.inner-home .anim3 figure{
        padding-right: 30px;
}
.inner-home .anim5,
.inner-home .anim3 {
        text-align: right;
}
.inner-home .anim5 .caption,
.inner-home .anim3 .caption{
        display: inline-block;
        text-align: left;
        right: -50px;
        margin-top: -50px;
}
.inner-home .anim4 figure{
        position: relative;
        left: -50px;
}
.inner-home .anim4 .caption{
        left: 60px;
        margin-top: -50px;
}
.inner-home .anim5 figure{
        padding-right: 50px;
}
.inner-home .anim5 .caption{
        margin-top: -110px;
}
/** INNER INTERIOR **/
.inner-inter .hideme{
        display: none;
}
.inner-inter .gal1,
.inner-inter .gal2{
        margin-bottom: 100px;
}
.inner-inter .gal2 figure,
.inner-inter .gal1 figure{
        display: block;
        position: relative;
}
.inner-amen .section .item a b,
.inner-inter .gal2 figure span,
.inner-inter .gal1 figure span{
        display: inline-block;
        height: 45px;
        line-height: 49px;
        color: #fff;
        background: #36563c;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0 15px 0 17px;
        font-weight: 400;
        cursor: pointer;
        position: absolute;
        bottom: -20px;
        z-index: 2;
}
.inner-amen .section .item a b:after,
.inner-inter .gal2 figure span:after,
.inner-inter .gal1 figure span:after{
        width: 19px;
        height: 24px;
        background-image: url(../img/plus-white.svg);
        position: relative;
        margin-left: 9px;
        top: -4px;
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.inner-amen .section .item a b:hover:after,
.inner-inter .gal2 figure span:hover:after,
.inner-inter .gal1 figure span:hover:after{
        transform: rotate(45deg);
}
.inner-inter .gal1 figure{
        padding-right: 15px;
}
.inner-inter .gal1 figure span{
        right: 0;
}
.inner-inter .gal2{
        text-align: right;
}
.inner-inter .gal2 figure {
        display: inline-block;
        max-width: 600px;
        position: relative;
        right: 100px;
}
.inner-inter .gal2 figure span{
        left: -50px;
}
.inner-team .list .item,
.inner-inter .list .item{
        margin-right: 100px;
        margin-bottom: 30px;
}
.inner-team .list .item h3,
.inner-inter .list .item h3{
        color: #595a5c;
        font-size: 20px;
        font-family: 'Tiempos Fine';
        padding-bottom: 13px;
        margin-bottom: 15px;
        position: relative;
        border-bottom: 2px solid #9d9a9a;
        letter-spacing: 0.5px;
}
.inner-team .list .item h3 b,
.inner-inter .list .item h3 b{
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        width: 19px;
        height: 24px;
        background-image: url(../img/plus-grey.svg);
        transform: rotate(0deg);
        transition:transform 0.2s ease-in;
        cursor: pointer;
}
.inner-team .list .item.active h3 b,
.inner-inter .list .item.active h3 b{
        transform: rotate(45deg);
}
.inner-inter .list .item ul{
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
}
.inner-team .list .item .holder,
.inner-inter .list .item .holder{
        display: none;
}
.inner-inter .list .item li{
        display: block;
        position: relative;
        position: relative;
        font-size: 18px;
        line-height: 140%;
        margin-bottom: 5px;
        max-width: 80%;
        padding-left: 12px;
        color: #595a5c;
}
.inner-inter .list .item li:before{
        width: 4px;
        height: 4px;
        background: #595a5c;
        content: '';
        position: absolute;
        left: 0;
        top: 9px;
        border-radius: 50%;
}
.inner-inter .list .centered{
        margin-right: 100px;
        padding-top: 10px;
}
/** INNER TEAM **/
.inner-team .gallery {
        margin-bottom: 40px;
}
.inner-team .gallery .rowflex{
        margin: 0 -15px;
        align-items: center;
}

.inner-team .gallery .col-1-3 figure,
.inner-team .gallery .col-3-1 figure{
        max-width: calc(33.4% - 30px);
        flex: calc(33.4% - 30px);
        margin: 0 15px 30px;
}
.inner-team .gallery .col-1-3 figure:last-child,
.inner-team .gallery .col-3-1 figure:first-child{
        max-width: calc(66.6% - 30px);
        flex: calc(66.6% - 30px);

}
.inner-team .gallery .col-3 figure{
        max-width: calc(33.3333333333333333333333333333333333% - 30px);
        flex: calc(33.3333333333333333333333333333333333% - 30px);
        margin: 0 15px 30px;
}
.inner-team .list .item{
        margin-right: 0;
}
.inner-team .list .format-text{
        padding-top: 10px;
}
.inner-team .list{
        padding-bottom: 50px;
}
/** INNER AMNEITIES **/
.inner-amen .section .hentry{
        margin-bottom: 15px;
        text-align: left;
}
.inner-amen .section .hentry h2{
        font-family: 'Tiempos Fine';
        font-size: 20px;
        text-transform: uppercase;
        line-height: 110%;
        margin-bottom: 9px;
        color: #708876;
}
.inner-amen .section .hentry span{
        display: block;
        line-height: 100%;
        font-size: 11px;
        color: #6d6e71;
        font-weight: 500;
        letter-spacing: 0.3px;
}
.inner-amen .section .slider{
        position: relative;
}
.inner-amen .section .slidenav{
        position: absolute;
        left: 0;
        width: calc(100% + 70px);
        left: -35px;
        top: 46%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
}
.inner-amen .section .slidenav a{
        font-weight: 300;
        font-size: 34px;
        color: #36563c;
}
.inner-amen .section .slidenav a.prev{
        float: left;
}
.inner-amen .section .slidenav a.next{
        float: right;
}
.inner-amen .section .item a{
        display: block;
        position: relative;
}
.inner-amen .section .item{
        padding-bottom: 25px;
}
.inner-amen .section .item a b{
        left: 60px;
}
.inner-amen .section{
        text-align: right;
}
.inner-amen .section .caption{
        float: none;
        margin: 0;
        width: 100%;
        max-width: 500px;
        display: inline-block;
        text-align: left;
        right: -50px;
}
#bottom .back-totop {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 15px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/arrow-up.svg);
        width: 17px;
        height: 29px;
        transition: all 0.2s ease-in;
        opacity: 0;
        visibility: hidden;
        z-index: 99999;
}
#bottom .back-totop.show {
        opacity: 1;
        visibility: visible;
}
.inner-page{
	padding-top: 150px;
}
.banner + .inner-page{
	padding-top: 50px;
}
.inner-regis{
	padding-top: 150px;
}
.plyr--video{
	background: #fff !important;
}
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){
        
}
@charset "UTF-8";
/* CSS Document */
.mobile-trigger{
	display: none;
}
@media (max-width: 1800px) {

}
@media (min-width: 1499px) {
	.inner-home .anim2 .caption{
		margin-left: -100px;
	}
	.inner-amen .section .caption,
	.inner-home .anim5 .caption,
	.inner-home .anim3 .caption{
		right: -100px;
	}
	.inner-home .anim4 figure{
		left: -120px;
	}
}
@media (max-width: 1259px) {
	.wrapper{
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.inner-home .anim2 .caption{
		margin-left: 0;
	}
	.inner-amen .section .caption,
	.inner-home .anim5 .caption,
	.inner-home .anim3 .caption{
		right: 0;
	}
	#top,
	#bottom{
		padding-left: 30px;
		padding-right: 30px;
	}
	.banner .mb{
		display: block;
		position: relative;
		z-index: 3;
		transition:opacity 0.2s ease-in;
		opacity: 1;
	}
	.banner .mb.video-play{
		opacity: 0;
		z-index: -1;
		visibility: hidden;
	}
	.banner span.cvr-bg:not(.has-video){
		display: none;
	}
	.banner span.cvr-bg.has-video{
		background: none !important;
		z-index: 4;
	}
	.banner:not(.is-video){
		height: auto;
	}
	.mainmenu li a{
		font-size: 14px;
	}
	.mainmenu li{
		margin-left: 30px;
	}
	.banner .holder{
		padding: 0 20px 20px 0;
	}
	.inner-block .coimg2 figure{
		margin-right: 0;
		width: 60%;
	}
	.inner-amen .section .caption,
	.inner-block .coimg2 .caption {
		width: 40%;
		margin-left: 0;
	}
	.inner-block .coimg3 .caption{
		width: 50%;
		right: auto;
	}
	.inner-amen .section .slidenav{
		width: 100%;
		left: 0;
		padding: 0 20px;
	}
	.inner-home .anim4 figure{
		left: 0;
	}
}

@media (max-width: 991px) {
	body.open-menu{
		height: 100vh;
		overflow: hidden;
	}
	#top  .logo{
		position: relative;
		z-index: 10;
	}
	#top .mainmenu{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		background: rgba(255,255,255,.8);
		padding-top: 100px;
		float: none;
	}
	#top .mainmenu li:first-child,
	#top .mainmenu li{
		display: block;
		text-align: center;
		margin: 30px 0 0;
	}
	#top .mainmenu li a{
		font-size: 20px;
		display: inline-block;
	}
	.mobile-trigger{
		display: block;
		float: right;
		position: relative;
		top: 17px;
	}
	.menu-mobile{
		width: 20px;
		height: 15px;
		position: relative;
		display: inline-block;
		top: 3px;
		z-index: 10;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before,
	.menu-mobile .menu-bar b{
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 6px;
		background: #4e4e50;
		display: block;
	}
	.menu-mobile .menu-bar b{
		-webkit-transition:background 300ms ;
		-moz-transition:background 300ms ;
		-o-transition:background 300ms ;
		-ms-transition:background 300ms ;
		transition:background 300ms ;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before{
		content: '';
		-webkit-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-moz-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-o-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-ms-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
	}
	
	.menu-mobile .menu-bar b:after{
		top: 6px;
	}
	.menu-mobile .menu-bar b:before{
		top: -6px;
	}
	.open-menu .menu-mobile  .menu-bar b:after,
	.open-menu .menu-mobile  .menu-bar b:before{
		top:0;
		-webkit-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-moz-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-o-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-ms-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		left: 0;
	}
	.open-menu .menu-mobile  .menu-bar b{
		background: rgba(0,0,0,0);
	}
	.open-menu .menu-mobile  .menu-bar b:after{
	    -ms-transform: rotate(45deg); /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	    transform: rotate(45deg);
	}
	.open-menu .menu-mobile  .menu-bar b:before{
	    -ms-transform: rotate(-45deg); /* IE 9 */
	    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	    transform: rotate(-45deg);
	}
	#bottom .util,
	#bottom .logos{
		float: none;
		top: auto;
		text-align: center;
	}
	#bottom .util{
		margin-top: 20px;
	}
	#bottom .util p{
		line-height: 160%;
	}
	.inner-inter .gal2 figure span{
		left: -30px;
	}
	.inner-inter .gal2{
		text-align: center;
	}
	.inner-inter .gal2 figure{
		right: auto;
	}
	.inner-inter .list .centered,
	.inner-inter .list .item{
		margin-right: 0;	
	}
	.inner-amen .section .caption{
		width: 60%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 991px)  {

}
@media (max-width: 768px) {
	.wrapper{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#top{
		padding:  10px 15px;
	}
	#top .logo{
		max-width: 60px;
	}
	.mobile-trigger{
		top: 7px;
	}
	.banner .holder{
		padding: 0 15px 15px 0;
	}
	.banner .holder a{
		font-size: 12px;
		padding: 8px 8px 6px;
	}
	#bottom{
		padding: 0 15px 15px;
	}
	.inner-block{
		padding: 40px 0;
	}
	.inner-block.inner-regis{
		padding-top: 80px
	}
	.pluspop{
		width: 20px !important;
		height: 20px !important;
		right: 20px !important;
		left: auto !important;
		bottom: -8px !important;
	}
	.inner-amen .section .caption,
	.inner-block .coimg3 .caption,
	.inner-block .coimg2 .caption,
	.inner-block .coimg2 figure{
		float: none;
		width: 100%;
		margin: 0;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		min-height: 1px;
	}
	.inner-block .coimg2 .caption:after{
		display: none;
	}
	
	.inner-block .coimg5 figure,
	.inner-block .coimg3 figure,
	.inner-block .coimg2 figure,
	.inner-block .coimg1 figure{
		margin-bottom: 30px;
	}
	.inner-amen .section .caption,
	.inner-block .coimg3 .caption,
	.inner-block .coimg2 .caption{
		padding: 20px;
		max-width: none;
	}
	.inner-block .copy + *{
		margin-top: 40px;
	}
	.inner-inter .gal1,
	.inner-inter .gal2{
		margin-bottom: 40px;
	}
	
	#bottom .back-totop{
		width: 10px;
		height: 17px;
		right: 10px;
		bottom: 20px;
	}
	.inner-inter .gal1 figure{
		padding-right: 0;
	}
	.button,
	.inner-amen .section .item a b,
	.inner-inter .gal2 figure span,
	.inner-inter .gal1 figure span{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		right: 10px !important;
		left: auto !important;
		bottom: 10px !important;
		padding: 0 10px;
	}
	.button{
		right: auto !important;
		bottom: auto !important;
		padding: 0 12px;
	}
	.inner-amen .section .item a b:after,
	.inner-inter .gal2 figure span:after,
	.inner-inter .gal1 figure span:after{
		width: 10px;
		height: 13px;
		margin-left: 5px;
		top: -3px;
	}
	.inner-inter .list .item ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	.inner-inter .list .item li{
		max-width: none;
	}
	.inner-team .list .item h3 b, .inner-inter .list .item h3 b{
		top: -1px;
		right: 5px;
	}
	.inner-team .gallery img{
		width: 100%;
	}
	.inner-team .gallery .rowflex{
		margin: 0;
	}
	.inner-team .gallery .rowflex > *{
		max-width: 100% !important;
		flex: 100% !important;
		margin: 0 0 20px !important;
	}
	.inner-team .list{
		padding-bottom: 0;
	}
	.iframe-holder{
		padding-bottom: 50%;
	}
	.banner span.has-video:after {
		width: 50px;
		height: 50px;
		left: calc(50% - 25px);
	}
	.inner-amen .section{
		margin-top: 30px;
	}
	.inner-amen .section:first-child{
		margin: 0;
	}
	.inner-home .copy .format-text{
		padding: 0;
	}
	.inner-home{
		padding-bottom: 40px;
	}
	.inner-amen .section .slidenav{
		padding: 0 10px;
		top: 41%;
	}
	.inner-amen .section .slidenav a{
		font-size: 20px;
	}
	#register .holder{
		padding: 0 10px !important;
	}
	.inner-home .anim1 figure,
	.inner-home .anim2 figure,
	.inner-home .anim3 figure,
	.inner-home .anim4 figure,
	.inner-home .anim5 figure,
	.inner-home .anim5 .caption,
	.inner-home .anim4 .caption,
	.inner-home .anim3 .caption,
	.inner-home .anim2 .caption,
	.inner-home .anim1 .caption{
		display: block;
		margin: 0;
		right: auto;
		left: auto;
		top: auto;
		bottom: auto;
		padding: 20px;
		width: 100%;
		order: 1;
		flex: 100%;
		max-width: 100%;
	}
	.inner-home .anim1 figure,
	.inner-home .anim2 figure,
	.inner-home .anim3 figure,
	.inner-home .anim4 figure,
	.inner-home .anim5 figure{
		padding: 0;
		margin-bottom: 20px;
	}
	.inner-home .blocky .caption h3{
		margin-bottom: 10px;
	}
	.inner-home .blocky .format-text + .more{
		margin-top: 15px;
	}
	.more:before{
		width: 20px;
		height: 21px;
		top: -4px;
	}
	.inner-page{
		padding-top: 80px;
	}
	.banner + .inner-page{
		padding-top: 40px;
	}
	.page-template-interior .banner .hentry{
		top: 80px;
		right: 30px;
	}
	.page-template-community .banner .hentry{
		top: 100px;
		right: 20px;
	}
	.page-template-team .banner .hentry,
	.page-template-neighbourhood  .banner .hentry,
	.page-template-amenities .banner .hentry,
	.page-template-architecture .banner .hentry{
		top: 100px;
		left: 20px;
	}
	.banner .hentry figure{
		max-width: 35vw;
	}
	
	
	/** FONT SIZE **/
	
	.inner-block .copy .wrapper > h2{
		font-size: 30px;
	}
	.banner .hentry h2,
	.inner-home .blocky .caption h3{
		font-size: 20px;
	}
	.banner .hentry strong,
	.inner-team .list .item h3, .inner-inter .list .item h3{
		font-size: 18px;	
	}
	.inner-home .blocky .format-text + .more,
	.format-text{
		font-size: 14px;
	}
}
/* Custom mobile */
@media (max-width: 480px) {
	
}

@media (max-width: 360px) {
	
}
@media (min-width: 1230px) {

}

#responsive{
	display:block;
	width:5px;
	height: 5px;
	position: fixed;
	bottom:5px;
	left: 5px;
	z-index: 9999;
}
/** RESPONSIVE VIEWER **/
@media (max-width: 1259px) {  #responsive{background: blueViolet !important;}}
@media (max-width: 991px) {  #responsive{background: red !important;}}
@media (max-width: 768px) {  #responsive{background: blue !important;}}
@media (max-width: 480px) {  #responsive{background: cyan !important;}}
@media (max-width: 360px) {  #responsive{background: green !important;}}

.inner-home .anim2 .caption {
	z-index: 9;
}
.page-template-interior .banner .hentry{
	padding: 20px;
}
.page-template-interior .banner .hentry:before {
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}
.page-template-community .banner .hentry{
	padding: 20px;
}
.page-template-community .banner .hentry:before{
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}
#bottom {
	padding-top: 4em;
	padding-bottom: 4em;
	background-color: #36563C;
	color: #fff;
}
.footer-mainmenu{
	margin-bottom: 4em;
}
.footer-mainmenu ul li a{
	display: block;
	padding: 13px 20px;
	text-transform: capitalize;
	color: #fff;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0.5px;
}
#bottom .util{
	top: 0 !important;
}
#bottom .logos img:first-child {
	margin-right: 0;
}

.mod-form{
	padding: 2em;
	color: #fff;
}
.mod-form .form-row{
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	margin-bottom: 20px;
}
.mod-form label{
	display: block;
	color: #fff;
	max-width: 100%;
	margin-bottom: 6px;
	font-weight: 300;
	font-size: 16px;
}
.mod-form .wpcf7-not-valid-tip{
	color: rgba(255, 221, 0, 1.00);
	font-weight: 300;
	font-size: .75em;
	text-transform: uppercase;
	padding: 6px 0 0 0;
}
.mod-form .wpcf7-text,
.mod-form .wpcf7-select{
	font-size: 1em;
	font-weight: 400;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #fff;
	padding: 0 5px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #425740;
}
.wpcf7-submit{
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 250ms ease-in-out;
	background-color: #fff;
	color: #425740;
	border: none;
	height: auto;
	padding: 0.5em 0.65em;
	cursor: pointer;
	font-size: 1.5em;
	width: fit-content;
}
.mod-form .wpcf7-submit:hover {
	background-color: #ad8d3e;
	color: #000;
}
.mb-form-control{
	margin-bottom: 15px;
}
[data-id="are_you_realtor_yes"]{
	margin-top: 15px;
}
[data-id="are_you_realtor_yes"],
[data-id="are_you_realtor_no"],
[data-id="working_with_agent_yes"] {
	margin-top: 15px;
}

.mod-form-notice{
	padding-top: 2.5em;
	text-align: center;
}

#bottom .util p {
	line-height: 1.5 !important;
}
.banner .holder {
	position: fixed;
	width: fit-content;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
	bottom: 30px;
	z-index: 3;
	right: 50px;
	left: auto;
	padding: 0;
}
[data-name="interested_in_ready_to_move_in"] .wpcf7-list-item-label{
	display: none;
}
.mod-form .wpcf7-list-item{
	margin-left: 0;
	margin-right: 1em;
}
@media(min-width: 992px){
	.mod-form .form-row{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media(min-width: 1024px){
	.footer-mainmenu{
		margin-left: -20px;
	}
	.footer-mainmenu ul{
		display: flex;
		flex-flow: row wrap;
	}
}

@media(max-width: 1040px){
	#top .mainmenu{
		display: none;
	}
	.mobile-trigger{
		display: block !important;
		float: right;
		position: relative;
		top: 17px;
	}
	.menu-mobile{
		width: 20px;
		height: 15px;
		position: relative;
		display: inline-block;
		top: 3px;
		z-index: 10;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before,
	.menu-mobile .menu-bar b{
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 6px;
		background: #4e4e50;
		display: block;
	}
	.menu-mobile .menu-bar b{
		-webkit-transition:background 300ms ;
		-moz-transition:background 300ms ;
		-o-transition:background 300ms ;
		-ms-transition:background 300ms ;
		transition:background 300ms ;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before{
		content: '';
		-webkit-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-moz-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-o-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-ms-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
	}

	.menu-mobile .menu-bar b:after{
		top: 6px;
	}
	.menu-mobile .menu-bar b:before{
		top: -6px;
	}
	.open-menu .menu-mobile  .menu-bar b:after,
	.open-menu .menu-mobile  .menu-bar b:before{
		top:0;
		-webkit-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-moz-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-o-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		-ms-transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		transition:top 300ms 0ms, transform 300ms 300ms, -webkit-transform 300ms 300ms, background 300ms;
		left: 0;
	}
	.open-menu .menu-mobile  .menu-bar b{
		background: rgba(0,0,0,0);
	}
	.open-menu .menu-mobile  .menu-bar b:after{
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}
	.open-menu .menu-mobile  .menu-bar b:before{
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
	}
	#top .mainmenu{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		background: rgba(255,255,255,.8);
		padding-top: 100px;
		float: none;
	}
	#top .mainmenu li:first-child,
	#top .mainmenu li{
		display: block;
		text-align: center;
		margin: 30px 0 0;
	}
	#top .mainmenu li a{
		font-size: 20px;
		display: inline-block;
	}
}
@media (max-width: 768px) {
	.mobile-trigger {
		top: 7px;
	}
}
@media(min-width: 1041px){
	#top .mainmenu{
		display: block !important;
	}
}