/* 
-------As Per Page Format Order----------
 hero-banner,manor-communities-footer,manor-communities-header,introduction-section */ 

.hero-banner-widget {
    position: relative;
    width: 100%;
    display: block;
    background: var(--primary-color);
}
.hero-banner-widget__media {
    position: relative;
    width: 100%;
    display: block;
    height: 640px;
}
.hero-banner-widget__media>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media (max-width: 1023.98px) {
	.hero-banner-widget__media {
        height: 500px;
    }
}
@media (max-width: 767.98px) {
	.hero-banner-widget__media {
        height: 420px;
    }
}
footer.footer {
	position: relative;
	width: 100%;
	display: block;
	background: var(--bg-footer);
	color: var(--footer-color);
	font: var(--footer-fonts);
	padding: 0 0 50px;
}
.property-page footer.footer {
    background: #E4E7EB;
}
footer.footer .uk-container {
    max-width: 1243px;
}
.footer__main {
    position: relative;
    width: 100%;
    border-top: 1px solid var(--highlight-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
}
.property-page .footer__main {
    border: none;
}
.footer__logo-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  	margin-bottom: 45px;
}
.footer__logo-wrapper a, .footer__logo-wrapper img {
    width: 100%;
    max-width: 150px;
    max-height: 100px;
    display: inline-block;
    object-fit: contain;
    margin: 0 auto;
}
.footer__logo-wrapper a:focus-visible {
	outline: 1px solid var(--primary-color);
}
.footer__contact {
    position: relative;
  	max-width: 570px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  	margin-bottom: 25px;
}
.footer__contact a {
    color: var(--footer-color);
}
.footer__contact a:hover, .footer__contact a:focus-visible {
    color: var(--primary-color);
  	text-decoration: underline;
}
.footer .social__media {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.footer .social__media-item {
    position: relative;
    width: auto;
    display: inline-block;
}
.footer .social__media-item a {
    position: relative;
    width: 29px;
    height: 29px;
  	color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  	transition: all 0.3s ease;
  	transform: scale(1);
}
.footer .social__media-item a .template-icon {
    font-size: 13px;
}
.footer .social__media-item a:hover, .footer .social__media-item a:focus-visible {
    color: var(--footer-color);
    border-color: var(--footer-color);
  	transform: scale(1.2);
}
.footer__nav {
    position: relative;
    width: 100%;
    display: block;
    border-top: 1px solid var(--highlight-color);
    border-bottom: 1px solid var(--highlight-color);
    padding: 25px 0;
}
nav.footer__nav-links {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 80px;
}
nav.footer__nav-links a.footer__nav-link {
    color: var(--footer-color);
  	font-size: 16px;
  	transition: all 0.3s ease;
}
nav.footer__nav-links a.footer__nav-link:hover, nav.footer__nav-links a.footer__nav-link:focus-visible, nav.footer__nav-links a.navON {
    color: var(--primary-color);
  	text-decoration: underline;
}
.footer__copyright {
    position: relative;
    width: 100%;
    padding: 30px 0 0;
}
body:not(.milestone) .footer__copyright {
	justify-content: center;
}
.footer__text {
    position: relative;
    width: auto;
    display: inline-flex;
    color: var(--footer-color);
    font-size: 14px;
    gap: 5px;
}
.footer__text p {
  	width: auto;
  	display: inline-block;
}
.footer__text.powered a {
	color: var(--footer-color);
}
.footer__text.powered a:hover, .footer__text.powered a:focus-visible {
	color: var(--primary-color);
  	text-decoration: underline;
}
.footer__text.powered {
	display: none;
}
.milestone .footer__text.powered {
	display: inline-flex;
}
@media (max-width: 959.98px) {
	nav.footer__nav-links {
    	flex-direction: column;
    	gap: 30px;
	}
  	.footer__copyright {
    	flex-direction: column;
    	gap: 10px;
	}
  	.footer__text {
    	width: 100%;
    	justify-content: center;
	}
  	footer.footer {
    	padding-bottom: 100px;
	}
    .milestone .footer__text.powered{
      text-align: center;
    }
}
/* Header Starts */ 

:root {
    --header-height: 80px;
}
body {
    padding-top: var(--header-height);
}
.header {
    position: fixed;
    width: 100%;
    min-height: var(--header-height);
    color: var(--header-color);
    background: var(--inverse-font-color);
    padding: 0;
    z-index: 99;
    left: 0;
    top: 0;
}
body.property-page {
    padding-top: 126px;
}
.property-page .header {
  	min-height: 126px;
}
.header.is-fixed {
    background: var(--bg-header);
}
.header .header__container {
    max-width: 1345px;
}
.header__main {
    position: relative;
    width: 100%;
    display: block;
    padding: 10px;
}
.header__grid {
    align-items: center;
    margin-left: -40px;
}
.header__grid > * {
    padding-left: 40px;
}
.header__col--center {
    text-align: center;
}
.header__logo {
    width: var(--logo-width);
    height: var(--logo-height);
    display: inline-block;
    align-items: center;
}
.header__logo > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
a.header__logo:focus, a.header__logo:focus-visible {
    outline: 1px solid var(--primary-color);
}
.header-collapsible {}
.header__phone {
    display: inline-flex;
    align-items: center;
    font: var(--header-fonts);
    color: var(--header-color);
    text-transform: uppercase;
    text-align: right;
}
.header__phone > .template-icon {
    margin-right: 13px;
    font-size: 112.5%;
}
.header__phone-label {
    display: block;
    margin-right: 5px;
}
.header__phone-text > .template-icon {
    display: none;
}
.header__phone-text {
    display: block;
    color: var(--primary-color);
}

.header__bookstay {
    color: var(--inverse-font-color);
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.header__bookstay:hover, .header__bookstay:focus, .header__bookstay:focus-visible {
    color: var(--inverse-font-color);
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.header__bookstay .template-icon {
    color: var(--inverse-font-color);
}
.header__bookstay:hover .template-icon, .header__bookstay:focus .template-icon, .header__bookstay:focus-visible .template-icon {
    color: var(--inverse-font-color);
}

.navmenu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navmenu__list-item {
    margin-right: 5px;
    position: relative;
}
.navmenu__list-item:last-child {
    margin-right: 0;
}
.navmenu__list-link {
    position: relative;
    display: inline-flex;
    color: var(--header-color);
    font: var(--header-fonts);
    text-transform: var(--header-fonts-text-transform);
    letter-spacing: 5%;
    padding: 15px 8px;
}
.navmenu__list-link:hover, .navmenu__list-link:focus-visible, .navmenu__list-link.navON, .navmenu-dropmenu__link:hover, .navmenu-dropmenu__link:focus-visible, .navmenu-dropmenu__link.navON {
    color: var(--primary-color);
}
.navmenu__dropdown > a {
    position: relative;
    padding: 10px 25px 10px 10px;
}
.navmenu__dropdown > a:before {
    content: '\ed38';
    font-family: var(--icon-fonts);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    transition: all .4s ease;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
}
.navmenu__dropdown > a[aria-expanded="true"]:before {
    transform: translateY(-50%) rotate(180deg);
}

.navmenu-dropmenu {
    padding: 20px 0px;
    margin: 0;
    min-width: 265px;
    background: var(--bg-header);
    overflow: auto;
    max-height: 70vh;
    --uk-position-offset: 15px;
    text-align: left;
}

.navmenu-dropmenu__link {
    display: block;
    padding: 5px 20px;
    text-transform: var(--header-fonts-text-transform);
    font: var(--header-fonts);
    color: var(--header-color);
}

.navmenu-dropmenu__link.uk-disabled {
    opacity: .2;
}

.navmenu__list-link:hover:after, 
.navmenu__list-link[aria-expanded="true"]:after,
.navmenu__list-link.navON:after {
    opacity: 1;
}

.header__top {
    position: relative;
    width: 100%;
    display: block;
    color: var(--inverse-font-color);
    background: var(--primary-color);
}
.header__top__grid {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 0;
}
.header__top__col {
    position: relative;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header__top a {
    position: relative;
    width: auto;
    display: inline-flex;
    color: var(--inverse-font-color);
    font: var(--body-text-fonts);
    font-size: 13px;
    line-height: normal;
    text-transform: var(--body-fonts-text-transform);
    letter-spacing: 3%;
  	align-items: center;
    justify-content: center;
    gap: 8px;
}
.header__top-left .back-button {
    position: relative;
    width: auto;
    display: inline-flex;
}
.header__top-left .back-button span.template-icon {
	font-size: 13px;
	line-height: normal;
	transform: rotate(180deg);
}
.header__top-right .call-button {
    position: relative;
    width: auto;
    display: inline-flex;
}
.header__top-right .call-button span.template-icon {
	font-size: 13px;
	line-height: normal;
}
.header__top-left .back-button a, .header__top-right .call-button a {
    padding-bottom: 5px;
}
.header__top-left .back-button a:after, .header__top-right .call-button a:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--inverse-font-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease
}
.header__top-left .back-button a:hover:after, .header__top-left .back-button a:focus-visible:after, .header__top-right .call-button a:hover:after, .header__top-right .call-button a:focus-visible:after {
    transform: scaleX(1);
    transform-origin: left
}
.header__top-right {
    gap: 15px;
}
.header__top__nav, .header__top__nav-links {
    position: relative;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header__top__nav-links a {
    text-transform: uppercase;
    padding: 3px 15px;
}
.header__top__nav-links a:before {
    content: '';
    width: 1px;
    height: 75%;
    display: block;
    background: var(--inverse-font-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header__top__nav-links a:last-child {
    padding-right: 0;
}
.header__top__nav-links a:hover, .header__top__nav-links a:focus-visible {
	text-decoration: underline;
}

.header .social__media {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.header .social__media-item {
    position: relative;
    width: auto;
    display: inline-block;
}
.header .social__media-item a {
    position: relative;
    width: 29px;
    height: 29px;
  	color: var(--inverse-font-color);
    border: 1px solid var(--inverse-font-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  	transition: all 0.3s ease;
  	transform: scale(1);
}
.header .social__media-item a .template-icon {
    font-size: 13px;
}
.header .social__media-item a:hover, .header .social__media-item a:focus-visible {
    color: var(--footer-color);
    border-color: var(--footer-color);
  	transform: scale(1.2);
}
.header .social__media {
    display: none;
}
.header__col-button {
    position: relative;
    width: auto;
    display: block;
}

#iframe-widget-modal .uk-modal-dialog {
    width: 900px;
    height: 90vh;
    top: 50%;
    transform: translateY(-50%);
}
#iframe-widget-modal .modal__body {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px;
}
#iframe-widget-modal .iframe--col {
    position: relative;
    width: 100%;
    display: block;
}
#iframe-widget-modal .iframe--col iframe {
    width: 100%;
    height: calc(90vh - 60px);
}

@media(min-width: 959.98px) {
    .header__toggler,
    .navmenu__list-item--onlymob,
    .navmenu__list-link--btn,
    .header__phone {
        display:none!important
    }
    .navmenu__list-item:last-child:not(.navmenu__dropdown) .navmenu__list-link {
        padding-right: 0;
    }
}

@media (max-width: 1399.98px) {
    .navmenu__list-item {
        margin-right: 0;
        position: relative;
    }
    .navmenu__list-link {
        padding: 10px 10px;
    }
    .header__logo {
        width: var(--mob-logo-width);
        height: var(--mob-logo-height);
    }
    .header__phone, .navmenu__list-link, .navmenu-dropmenu__link {
        font-size: 12px;
    }
    .header__bookstay {
        font-size: 12px;
    }
}
@media (max-width: 1199.98px) {
  	.header__phone, .navmenu__list-link, .navmenu-dropmenu__link {
        font-size: 11px;
    }
    .header__bookstay {
        font-size: 11px;
    }
    .header__grid {
        margin-left: -20px;
    }
    .header__grid > * {
        padding-left: 20px;
    }
    .navmenu__list-link {
        padding: 10px 5px;
    }
    .navmenu__dropdown > a {
        padding: 10px 30px 10px 10px;
    }
    .navmenu__dropdown > a:before {
        right: 5px;
    }
}

@media (max-width: 1023.98px) {
    .header__phone, .navmenu__list-link, .header__bookstay, .navmenu-dropmenu__link {
        font-size: 10px;
    }
}

@media (max-width: 959.98px) {
    :root {
        --header-height: 65px;
    }

    body {
        padding-top: var(--header-height);
    }

    .header {
        min-height: var(--header-height);
        z-index: 101;
        padding: 0;
        display: flex;
      	flex-direction: column;
        align-items: center;
      	box-shadow: 0px 93px 56px rgba(0, 0, 0, 0.05), 0px 41px 41px rgba(0, 0, 0, 0.09), 0px 10px 23px rgba(0, 0, 0, 0.1);
    }

    .header__container {
        width: 100%;
    }

    .header__col--right {
        padding: 0;
    }
	.header__col-button {
        background: var(--inverse-font-color);
        padding: 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .header__bookstay {
        position: relative;
        width: 100%;
        height: 55px;
        min-height: 55px;
        font: var(--primary-cta-fonts);
        line-height: 55px;
        border-radius: 0;
        z-index: 10;
    }

    .is-bookstay-active .header__bookstay {
        display: none;
    }

    .header__toggler-btn {
        position: relative;
        min-width: auto;
        color: var(--tagline-font-color);
        font: var(--tagline-fonts);
        line-height: 150%;
        text-transform: uppercase;
        letter-spacing: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0;
        padding: 3px 0;
        margin: 0;
        cursor: pointer;
    }

    .header__toggler-btn .is-togglemenu-active {
        display: none;
    }

    .header__toggler-btn .is-togglemenu-close {
        display: block;
    }

    .is-header-active {
        overflow: hidden;
    }

    .is-header-active .header__toggler-btn .is-togglemenu-active {
        display: block;
        font-size: 24px;
    }

    .is-header-active .header__toggler-btn .is-togglemenu-close {
        display: none;
    }

    .header__phone {
        min-width: 18px;
        line-height: 1;
        display: block;
    }

    .header__phone-text {
        font-size: 0;
        line-height: 0;
        padding: 3px 0;
    }

    .header__phone-label {
        display: none;
    }

    .header__phone-text > .template-icon {
        display: block;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
    }

    .header__grid {
        margin-left: 0;
    }
    .header__grid > * {
        padding-left: 0;
    }
    .header-collapsible {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 110vh;
        z-index: 9;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background-color: var(--primary-color);
        transition: right .4s ease;
        padding: 70px 0;
    }
  	.manorcommunities .header-collapsible {
  		    background: url(https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/manor-communities/website-assets/pattern/manor-communities-mobilemenu-background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  	}
  	.header__toggler {
        position: relative;
        width: auto;
        display: inline-block;
        text-align: right;
    }
  	.header-collapsible .header__toggler {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
    }
    .header__grid .header__col--left {
    	width: 99%;
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
    .header__phone-text:hover, .header__phone-text:focus {
        color: var(--primary-color);
	}
	body.property-page {
    	padding-top: 100px;
	}
  	.property-page .header {
    	min-height: 100px;
	}
  	.property-page .header .header-collapsible {
    	top: 0;
    	height: 100vh;
      	padding-top: 70px;
	}
     .is-header-active .header-collapsible {
        right: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 100px;
    }

    .navmenu__list {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 10;
        padding: 0 10px;
    }

    .navmenu__list-item + .navmenu__list-item {
        margin-top: 5px;
    }

    .navmenu__list-link {
        display: inline-flex;
        padding: 10px 30px;
        color: var(--inverse-font-color);
        font: 400 25px / 150% 'Lato', sans-serif;
        text-transform: var(--header-fonts-text-transform);
        letter-spacing: 5%;
        text-align: center;
        justify-content: center;
    }

    .navmenu__list-link:hover,
    .navmenu__list-link:focus-visible,
    .navmenu-dropmenu__link:hover,
    .navmenu-dropmenu__link:focus-visible {
        color: var(--inverse-font-color);
    }

    .navmenu-dropmenu {
        position: relative !important;
        box-shadow: none !important;
        background: transparent;
        padding: 0 40px 10px;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        max-width: 100% !important;
        list-style: none;
        text-align: center;
    }

    .navmenu-dropmenu__link {
        color: var(--inverse-font-color);
        font: var(--body-text-fonts);
        padding: 7px 10px;
        text-transform: uppercase;
    }

    .navmenu__list-link.navON, .navmenu__more-link.navON {
        color: var(--inverse-font-color) !important; text-decoration: underline;
    }

    .header__top-center {
        width: calc(100% - 60px * 2);
        width: -webkit-calc(100% - 60px * 2);
        max-width: calc(100% - 60px * 2);
        max-width: -webkit-calc(100% - 60px * 2);
    }

    .navmenu__dropdown > a {
        padding: 15px 30px;
    }

    .navmenu__dropdown > a:before {
        right: 0;
        font-size: 20px;
    }

    .is-header-active .header__phone, .is-header-active .header__phone-text, .is-header-active .header__toggler-btn {
        position: relative;
        color: var(--inverse-font-color) !important;
        display: inline-block;
    }
  	.header .social__media {
    	display: flex;
	}
  	.header .social__media-item a {
      	color: var(--inverse-font-color);
    	border: 1px solid var(--inverse-font-color);
  	}
}

@media (max-width: 639.98px) {
}

@media (max-width: 575px) {
}

/* Header Ends */

/* Transparent Header Starts */

.has-transparent-header {
    padding-top: 0;
}

.has-transparent-header .header:not(.is-fixed) {
    background: transparent;
}

.has-transparent-header .header:not(.is-fixed) .navmenu__list-link,
.has-transparent-header .header:not(.is-fixed) .navmenu__dropdown > a:before,
.has-transparent-header .header:not(.is-fixed) .header__phone,
.has-transparent-header .header:not(.is-fixed) .header__phone-text,
.has-transparent-header .header:not(.is-fixed) .header__bookstay,
.has-transparent-header .header:not(.is-fixed) .header__logo {
    color: var(--inverse-font-color);
    filter: opacity(1);
}

@media (min-width: 768px) {
    .has-transparent-header .header:not(.is-fixed) .header__bookstay {
        border-color: var(--inverse-font-color);
    }
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1023.98px) {
}

@media (max-width: 959.98px) {
}

@media (max-width: 767.98px) {
    .has-transparent-header .header:not(.is-fixed) .header__toggler-btn {
        color: var(--inverse-font-color);
        filter: opacity(1);
    }
}
@media (max-width: 649.98px) {
	.header__top__grid {
    	flex-direction: column;
    	gap: 10px;
	}
  	body.property-page {
    	padding-top: 137px;
	}
  	.property-page .header {
    	min-height: 137px;
	}
}

@media (max-width: 374.98px) {
  .is-header-active .header-collapsible {
  	gap: 50px;
  }
  .navmenu__list-link {
    	font-size: 18px;
    	line-height: normal;
	}
}

/* Transparent Header Ends */

.ng-star-inserted header.header {
    position: relative;
}
section.headline__introduction__text {
    position: relative;
    width: 100%;
    display: block;
}
.headline__intro__text {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
.headline__intro__text img {
    width: 100%;
    max-width: 120px;
    display: inline-block;
    margin: 0 auto 30px;
}
.headline__intro__text .readmore__lessbtn, .headline__intro__text .headline__actions {
    justify-content: center;
}
.headline__intro__text__leftside .readmore__lessbtn, .headline__intro__text__leftside .headline__actions {
    justify-content: flex-start;
}
.headline__intro__text .er-or {
    position: relative;
    width: 100%;
    display: block;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}
.headline__intro__text a.uk-button-reverse {
    margin-bottom: 15px;
}
.headline__intro__text.headline__intro__text__leftside, .headline__intro__text__leftside .er-or {
    text-align: left;
}
.headline__intro__text .intro__desc.two-column-listing ul li {
	list-style: disc;
}
.headline__intro__text .intro__desc.two-column-listing ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 20px;
}
.headline__intro__text .intro__desc.two-column-listing ul li {
	position: relative;
	width: 50%;
	padding-right: 25px;
}
@media (max-width: 639.98px) {
  .headline__intro__text .intro__desc.two-column-listing ul li {
		width: 100%;
  }
}