/* Banner - new line banner at the top of the page */ 
.cta-bar {
 position: fixed;
 z-index: 999999;
 padding: 15px;
 color: #fff;
 background: #000;
 text-align: center;
 width: 100%;
}

.cta-bar p {
 margin-bottom: 0 !important;
 display: inline;
}
/* -- cta button -- */


/* -- close button -- */
.xit {
 position: absolute;
 top: 0;
 right: 15px;
 cursor: pointer;
 font-size: 20px;
 color: #fff;
}

.mdb {
    min-width: 88px;
    padding: 10px 14px;
}
.green, .dropdown-toggle.green {
    background-color: #259b24;
}

a.mdb.purple, a.mdb.green, a.mdb.orange, a.mdb.blue {
    color: #fff!important;
}

.mdb {
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}

.mdb {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: inherit;
    color: rgba(255,255,255,.87);
}
.br {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
}
.lev {
    transition: .3s all;
}
.lev:hover {
    transform: translateY(-5px);
    transition: .3s all;
}
.re {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.cta-bar .btn.btn-box {
    margin-left: 10px;
    padding: 5px;
    height: auto;
    min-width: 0;
    letter-spacing: 2px;
    top:2px;
}
/*.body-container-wrapper , .main-header__inner{
    padding-top:59px;
}
}*/
.invert-colors .card-carousel__item .card{
    background: #000;
    color: #ffff;
    outline: 5px solid #000;
}
/* -- f&b development -- */    
/*.fb-story-box-section .card
{
    position: absolute;
    top: 50vh;
    z-index: 999;
    background: #fff;
} */
.fb-story-box-section
{
    position: absolute;
    bottom: 33px;
    z-index: 999;
    background: transparent;
    right: 0;
    left: 0;
    /*margin-left: -27px;*/
}
.fb-story-box-section .container.reveal-animate {
    padding-left: 33px;
    padding-right: 33px;
}
.fb-story-box-section .card
{
    background: #FFFEF7;
    padding:25px 27px !important;
    border-radius: 3px;
}
#banner-info-modal--modal .modal__container, #banner-info-modal--modal .modal__header .modal__action-close
{
    background: #FBFAF2 !important;
}
#banner-info-modal--modal .modal__header h3, .fb-story-box-section .card .card__body .card-title
{
    font-size: 18px !important;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.fb-story-box-section .card .card__body .card-title
{
    margin-bottom:22px !important;
    color:rgba(0, 0, 0, 0.78) !important;
}
.fb-story-overlay-modal, .fb-story-box-section .card .card__body p , .fb-info-box-section{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
} 
.fb-story-box-section .card .card__body p{
    margin-bottom:22px !important;
    color:rgba(0, 0, 0, 0.78) !important;
}
.fb-story-box-section .card .btn{
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    padding:3px 13px !important;
    background:#F1F2E8;
    text-transform: inherit;
    border: none;
}
.fb-story-overlay-modal .fb-story-overlay-status i{
    width: 16px;
    height: 16px;
    border-radius: 21px;
    display: inline-flex;
    margin-right: 10px;
}
.fb-story-overlay-modal .fb-story-overlay-status i.open{
    background: #86AB7D;
}
.fb-story-overlay-modal .fb-story-overlay-status i.close{
    background: red;
}
.fb-story-overlay-modal .seperator--dashed, .fb-info-box-section .seperator--dashed{
    border-style: dashed;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.rf-banner-wrapper{
    position:relative;
}
.fb-story-day-range-label span{
    font-size:12px;
    text-transform: uppercase;
    background: #41413F12;
}
.fb-info-box-section{
    padding: 55px 60px 50px 60px;
}
@media (max-width: 1024.98px) {
    .fb-story-box-section {
    bottom: 78px;
    /*margin-left: -6px;*/
    /*margin-right: -7px;*/
}
.fb-story-box-section .container.reveal-animate {
    padding-left: 19px;
    padding-right: 18px;
}
.fb-story-box-section .card {
    padding: 20px !important;
}
.fb-story-box-section .card .card__body .card-title {
    margin-bottom: 10px !important;
}
#banner-info-modal--modal .modal__header h3, .fb-story-box-section .card .card__body .card-title {
    font-size: 15px !important;
}
.fb-story-overlay-modal, .fb-story-box-section .card .card__body p, .fb-info-box-section {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .2px;
}
.fb-story-box-section .card .card__body p {
    margin-bottom: 20px !important;
}
#banner-info-modal--modal .modal__header h3, .fb-story-box-section .card .card__body .card-title {
    font-size: 15px !important;
    line-height: 20px;
    letter-spacing: 1px;
}
.fb-story-day-range-label span {
    font-size: 11px;
    line-height: 19px;
    letter-spacing: 1px;
}
.fb-story-overlay-modal .col-five, .fb-info-box-section .col-five{
    flex: 0 0 27% !important;
    max-width: 27% !important;
}
.fb-story-overlay-modal .col-seven, .fb-info-box-section .col-seven{
    flex: 0 0 73% !important;
    max-width: 73% !important;
}
#banner-info-modal--modal .modal__header h3{
    padding-bottom:2px;
}
#banner-info-modal--modal .modal__container {
    padding:22px 22px 30px 22px;
}
.fb-info-box-section {
    padding: 22px 22px 48px 22px;
}
.fb-info-box-section .fb-logo-wrapper
{
    order:2;
    display: flex;
    justify-content: center;
}
.fb-info-box-section .fb-logo-wrapper.fb-logo-wrapper-top-padding
{
    padding-top:20px;
}
.fb-story-box-section .card .btn{
    font-size: 12px;
    line-height: 19px;
    height: 35px;
    border: none;
}
.fb-story-box-section .card .btn {
    font-size: 12px;
    line-height: 19px;
    height: 35px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
}
.fb-story-box-scroll-to-learn-more
{
    bottom: 43px;
    position: absolute;
    z-index: 9999;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .2px;
}
}  
[dir="rtl"] .background-category-carousel .card-carousel--off-centered-with-bg .card-carousel__list {
    padding-right: 0 !important;
}
[dir="rtl"] .background-category-carousel #custom-slick-controls-a .carousel-arrow--prev{
    left: 0%;
}
@media (min-width: 992px) {
    [dir="rtl"] .info-article--card .info-article__media {
        padding-left: 3.125rem;
    }
	[dir="rtl"] .info-article__media:not(.info-article__media--carousel-wrapper) {
        padding-right: 3.125rem;
    }
} 
@media (max-width: 1024.98px) {
    .main-nav__list--mobile {
        margin-bottom: 0px !important;
    }
    .main-nav__list--mobile .sub-nav__link {
        line-height: 1.25 !important;
    }
    .main-nav__item--landing .main-nav__link{
        display:none;
    }
     /*mobile sticky navigaion*/
    a.fixed-footer__item {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: .2px;
        padding: 0 7.5px;
        flex: 0 0 auto;
    }
    
    .fixed-footer {
        display: none !important;
        justify-content: center;
        right: 0;
        margin: 10px 10px 48px 10px;
        z-index: 999 !important;
        background: transparent !important;
        width:auto !important;
        max-height:unset !important;
    }
    .fixed-footer-inner {
        display: flex;
        padding: 17px 27px;
        border-radius: 3px;
    }
    .fixed-footer p {
        margin: 0 !important;
    }
    .fixed-footer__item:not(:last-child):after{
        opacity:0 !important;
    }
    

.fixed-footer.visible {
    display: flex !important; /* Show the navigation only after scrolling */
}
}
#main-nav .sub-nav__item.sub-nav__item--dropdown .sub-nav__icon
{
    cursor:pointer;   
}
/*fb featured menu*/
.fb-heading-h1{
    font-size: 42px !important;
    font-style: normal;
    font-weight: 450;
    line-height: 48px !important; /* 114.286% */
    letter-spacing: 1px;
}
.fb-featured-menu-section{
        padding: 20px 0px 100px 0px;
}
.fb-featured-menu-section .blog-listing{
    padding-top: 24px;
}
.fb-featured-menu-section .blog-listing .blog-article__meta {
    margin-top: 22px;
    margin-bottom:0;
}
.fb-featured-menu-section .blog-listing .blog-listing__col--featured .blog-article__content {
    margin-top: 8px;
}
.fb-featured-menu-section .blog-listing .blog-listing__col--aside .blog-article__content {
    margin-top: 0;
}
.fb-featured-menu-section .blog-listing .meta-article-tile__author-name{
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 180% */
    letter-spacing: 2px;
    text-transform: uppercase;
}
.fb-featured-menu-section .blog-listing .blog-article__content .blog-article__description{
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 114.286% */
    letter-spacing: 1px;
    margin-bottom:23px;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-article__action .btn{
    border: 1px solid #949494;
    padding:11px 30px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured .blog-article__action .btn{
    padding:13px 35px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.4px;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-article__content .blog-article__title{
    font-size: 21px !important;
    line-height: 24px;
    margin-bottom: 20px;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-article+ .blog-article {
    margin-top: 42px !important;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-listing__item:first-child {
    margin-bottom: 42px !important;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured .blog-article--featured{
    /*min-height:unset;*/
    margin-bottom:57px;
}
.fb-featured-menu-section  .blog-listing .blog-listing__content .blog-listing__row{
    margin-bottom:0;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured+.blog-listing__col--aside {
    border-left: none;
}
@media (min-width: 1025px) {
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured+.blog-listing__col--aside {
    border-left: 1px solid #949494;
}
.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-listing__item:last-child {
    margin-bottom: 80px !important;
}
    .fb-heading-h1{
        font-size: 55px !important;
        line-height: 58px; /* 105.455% */
		/*margin-left: -60px;*/
		margin-bottom:59px !important;
    }
    .fb-featured-menu-section{
        padding: 59px 0px 100px 0px;
    }
    .fb-featured-menu-section .blog-listing{
        padding-top: 0;
    }
    .fb-featured-menu-section .blog-listing .meta-article-tile__author-name{
        font-size: 12px;
    }
    .fb-featured-menu-section .blog-listing .blog-article__content .blog-article__description{
        font-size: 24px;
        line-height: 30px; /* 125% */
    }
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-article__content .blog-article__title{
        font-size: 16px !important;
        letter-spacing: 1.6px;
        margin-bottom: 22px;
    }
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured .blog-article--featured{
        /*min-height:unset;*/
        /*top:0 !important;
        transform:translate(0px, 0px) !important;*/
    }
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside{
        margin-top:107px;
    }
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--aside .blog-listing__item:first-child {
        margin-bottom: 52px !important;
    }
}
@media (max-width: 1024.98px) {
	.fb-heading-h1 , .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured .blog-article--featured .blog-article__image{
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px !important;
	}
	.fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured+.blog-listing__col--aside{
		padding-left: 25px;
		padding-right: 25px;
	}
    .fb-three-images-section .container{
        padding-left: 22px;
        padding-right: 22px;
    }
    .fb-three-images-section .small-image1-wrapper {
        padding-right: 5px;
    }
    
    .fb-three-images-section .small-image2-wrapper {
        padding-left: 5px;
    }
    .fb-three-images-section .big-image-wrapper{
        margin-bottom:10px;
    }
    .fb-featured-menu-section .blog-listing .blog-listing__content .blog-listing__col--featured .blog-article--featured {
    min-height: unset;
}

.blog-article--featured {
    min-height: unset;
}
}
.fb-three-images-section {
    /*background:#fff;*/
    padding: 27px 0;
}
.fb-three-images-section h3  {
     font-size: 13px !important;
    line-height: 16px;
    letter-spacing: 0.2px;
    margin-bottom:0;
} 
.fb-three-images-section .bg-img  {
    /*background:lightgray;*/
    /*border-radius:3px;*/
} 
.fb-three-images-section .bg-img img {
    background-blend-mode: normal, multiply, normal;
    mix-blend-mode: multiply;
}
.fb-three-images-section .blog-article__content {
    margin-top: 10px;
}
@media (min-width: 1025px) {
    .fb-three-images-section {
    padding: 72px 0;
}
.fb-three-images-section h3  {
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 1px;
} 
.fb-three-images-section .blog-article__content {
    margin-top: 22px;
}
/*.fb-three-images-section .small-image1-wrapper, .fb-three-images-section .small-image2-wrapper{
    padding-left:8px;
}*/
}
.fb-three-images-section .blog-article__content .blog-article__title a {
    text-decoration: unset !important;
}
.modal__action-close.btn.btn-text .icon-svg--outline:not(.icon-svg--initial){
    stroke: #000;
}
.aspect-ratio--20x13:before {
    padding-top: 64.66%;
}
.aspect-ratio--20x27:before {
    padding-top: 134.29%;
}
/*residence*/
svg.image-mapper__canvas-mask {
    opacity: 1 !important;
}
.card-carousel--off-centered.card-carousel--off-centered-residence-small .card-carousel__list {
    padding-right: 5%;
}
@media (min-width: 1025px) {
    .image-mapper__modal-close {
    display:none;
}
.image-mapper__canvas {
    max-width: 80%;
    float:right;
}
    .residence-heading-block .col-lg-8{
        max-width: 67%;
        padding-right: 142px;
        flex: 0 0 67%;
    }
    .residence-heading-block .col-lg-3{
        max-width: 24%
    }
    .residence-heading-block .col-lg-3 p{
        padding-right:60px;
        margin-bottom: 0;
    }
    .residence-heading-block .col-auto.align-self-end{
        margin-left: 0 !important;
    }
    
    .residence-heading-block .appended-arrows--clean .carousel-arrow.carousel-arrow--next{
        padding-right :0 !important;
    }
}
.rf-residence-body .h1b {
    font-size: var(--h2-font-size, 4.375rem);
    font-weight: var(--h2-font-weight, 400);
    font-family: var(--h2-font-family, var(--header-font), "AldusLTW03-Roman", sans-serif);
    letter-spacing: var(--h2-letter-spacing, 1px);
    line-height: var(--h2-line-height, 1.0857);
    margin-bottom: var(--h2-margin-bottom, var(--headings-margin-bottom-lg, 3.8rem));
}
.rf-residence-body .h3b  {
    font-size: var(--h4-font-size, .75rem);
    font-weight: var(--h4-font-weight, 400);
    font-family: var(--h4-font-family, var(--base-font), "RectaW01", sans-serif);
    letter-spacing: var(--h4-letter-spacing, 1px);
    line-height: var(--h4-line-height, 2);
    margin-bottom: var(--h4-margin-bottom, var(--headings-margin-bottom-sm, .6rem));
}
.card-carousel--off-centered-residence-small .btn{
    line-height : 1.8;
}
.image-mapper__canvas-point-title{
    white-space: nowrap;
}
.image-mapper__canvas-point--active, .image-mapper__canvas-point--hover {
    max-width: fit-content;
}
@media (max-width: 1024.98px) {
    .image-mapper__modal {
        width: 100%;
    }
}
.modal--residence-contact-form .modal__container{
    transform: translate(0px, 0px) !important;
}
.slick-dots{
    opacity:0;
    visibility:hidden;
}
.default-bg-color-tpl .btn-default-color{
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
.breadcrumb__item {
    font-size: 1rem;
}
a:hover {
    text-decoration: unset;
}
.main-header.main-header__block-version + .main-content .header-nav-carousel {
  margin-top: 24px;
}

/*V10
ul.main-nav__list,
ul.main-nav__list li {
    list-style: none;
}*/
