* button,
* input {
    outline: none !important;
}

.contact-inquiry {
    display: none !important;
}

.contact-inquiry.popup-open {
    display: block !important;
    position: fixed !important;
    background-color: #fff;
    z-index: 9999;
    max-height: 80vh;
    overflow-y: auto;
}

#header .header-content {
    padding-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#header .nav-link::before {
    content: '';
    width: 100px;
    height: 40px;
    position: absolute;
    margin-top: 42px;
}

#header .links {
    padding: 30px 0px 13px 0px;
}

#header .nav-links-list .nav-link:hover .inner-nav::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

#header .nav-links-list .nav-link .inner-nav li {
    font-family: var(--primary-font);
    font-size: 13px;
    line-height: 22px;
    color: var(--quinary-color);
}

@media screen and (min-width: 1680px) {
    #header .nav-links-list .nav-link .inner-nav li {
        font-size: 14px;
    }
}

#header .nav-links-list .nav-link .inner-nav li h3 {
    color: var(--tertiary-color);
    font-weight: 700;
    text-transform: uppercase;
}

#header .nav-links-list .more-options-nav a {
    font-family: var(--primary-font);
    font-size: 16px;
}

.contact .contact-form select {
    border-radius: 0px;
}

.custom-select+select {
    display: none;
}

.custom-select {
    width: calc(50% - 30px);
    border: 1px solid #888;
    padding: 9px 10px;
    color: var(--tertiary-color);
    font-family: var(--primary-font);
    font-size: 13px;
    position: relative;
    cursor: pointer;
}

.custom-select .custom-options {
    height: 0px;
    overflow: hidden;
    position: absolute;
    width: calc(100% + 2px);
    transition: 0.5s;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 19px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    left: -1px;
    margin-top: 10px;
    z-index: 1;
    transition: 0.5s;
}

.custom-select .custom-options .item:nth-child(1) {
    display: none;
}

.custom-select .custom-options .item:nth-child(2) {
    padding-top: 10px;
}

.custom-select .custom-options .item {
    transition: 0.5s;
}

.custom-select .custom-options .item:hover {
    color: #253143;
}

.custom-select::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url(../images/down.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
    transition: 0.5s;
}

.contact .contact-form input[type="text"]:focus,
.custom-select.open {
    border: 1px solid var(--tertiary-color);
}

.custom-select.open::after {
    transform: rotate(180deg);
}

.custom-select.open .custom-options {
    height: 140px;
    box-shadow: 0px 1px 2px #DDDCDE;
}

#header .links .nav-link.active-item .link {
    color: #0f2530;
    opacity: 1;
}

.ui-datepicker th {
    text-align: right;
}

.property .ui-datepicker.ui-widget .ui-datepicker-header {
    width: 60%;
    margin-left: -20px;
}

.ui-datepicker table span {
    font-size: 0px;
}

.ui-datepicker table span::after {
    color: #9B9B9B;
    font-family: 'Berlingske Serif';
    font-size: 12px;
}

.ui-datepicker table span[title="Sunday"]::after {
    content: 'S';
}

.ui-datepicker table span[title="Monday"]::after {
    content: 'M';
}

.ui-datepicker table span[title="Tuesday"]::after {
    content: 'T';
}

.ui-datepicker table span[title="Wednesday"]::after {
    content: 'W';
}

.ui-datepicker table span[title="Thursday"]::after {
    content: 'T';
}

.ui-datepicker table span[title="Friday"]::after {
    content: 'F';
}

.ui-datepicker table span[title="Saturday"]::after {
    content: 'S';
}

#project .project-description .project-description-info .info-buttons .info-button {
    border: 1px solid var(--tertiary-color);
    background-color: transparent;
}

#project .project-description .project-description-info .info-buttons .info-button p {
    font-size: 13px;
}

#project .project-description .project-description-info .info-buttons .info-button .info-arrow {
    top: 18px;
}

.property .ui-state-default.ui-state-active,
.property .ui-datepicker-today .ui-state-default.ui-state-active {
    color: var(--tertiary-color);
    font-weight: bold;
}

.property .ui-state-default:hover,
.property .ui-datepicker-today .ui-state-default:hover {
    color: var(--tertiary-color);
    font-weight: bold;
}

.property .ui-datepicker-today .ui-state-default {
    color: #9B9B9B;
}

#project .availabilities-section .availabilities .availability .avail-col.avail-comments {
    padding-right: 30px;
}

#project .availabilities-section .availabilities .availability .avail-comments p {
    overflow: hidden;
    white-space: inherit;
    height: 40px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.property .contact-form .r-u-broker .form-radio .checkmark,
.contact .contact-form .r-u-broker .form-radio .checkmark {
    border: 1px solid var(--tertiary-color);
}

.property .contact-form #datepicker {
    background-image: url(../images/date_logo.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 95% 50%;
    cursor: pointer;
}

.property .contact-form .btn-submit {
    cursor: pointer;
}

.property .ui-datepicker {
    border: none;
    border-radius: 0px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.property .contact-form .required-message,
.property .contact-form .sbmt-btn {
    margin-top: 15px;
}

.contact .contact-form textarea {
    border: 1px solid #888;
}

html.no-scroll,
html.no-scroll body {
    overflow: hidden;
}

#project .availabilities-section .availabilities .availability-cats .avail-col.avail-fp {
    width: 10%;
}

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

    html.no-scroll,
    html.no-scroll body.iphone,
    html.no-scroll body.ipad {
        position: relative;
        height: 100%;
        overflow: hidden;
    }
}

.property .contact-form .broker-details input {
    width: calc(50% - 15px);
}

.property .contact-form .broker-details input:first-child {
    margin-right: 30px;
}

.property .contact-form .btn-submit {
    border: 1px solid #fff;
    position: relative;
}

.property .contact-form .btn-submit:hover {
    background-color: #fff;
    color: var(--tertiary-color);
    border: 1px solid var(--tertiary-color);
}

.search-page .filters-side .title {
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.search-page .project .project-availabilities,
.search-page .project .avail-fp,
.search-page .project .avail-ph {
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 700;
}
@media screen and (min-width: 1680px) {
    .search-page .project .project-availabilities,
    .search-page .project .avail-fp,
    .search-page .project .avail-ph {
        font-size: 14px;
    }
}

.search-page .project .project-contact button:hover {
    color: var(--primary-color);
    background-color: var(--secondary-color);
}

.search-page .filters .header {
    margin-bottom: 10px;
}

body.search .load-more>span {
    font-family: benton-med,Helvetica;
    opacity: 1;
    font-size: 15px;
}

.search-page .project .avail-vt {
    cursor: pointer;
    font-family: var(--primary-font);
font-weight: 700;
    font-size: 12px;
    text-decoration: underline;
    color: var(--tertiary-color);
}

#project .availabilities-section .availabilities .availability .avail-col.avail-comments.active>p {
    -webkit-line-clamp: inherit;
    height: auto;
}

#project .availabilities-section .availabilities .availability .avail-exp.active {
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.msie #project #overlay .ov-container .close-button {
    top: 0px;
}

.msie #project #overlay .ov-container .close-button svg {
    width: 20px;
    height: 20px;
}

.msie.contact .mail-icon svg {
    width: 19px;
    margin-top: -10px;
}

.msie #contact .info .info-column .email {
    margin-top: 20px;
}

.search-page .contact-inquiry svg {
    width: 20px;
}

.msie .cp-sub-menu .project-link img {
    margin-bottom: 25px;
}

.msie.search-page #overlay .ov-container .close-button {
    top: 0;
}

.msie.search-page #overlay .ov-container .close-button {
    width: 20px;
}

.contact .contact-form .sbmt-btn {
    position: relative;
}

.contact .contact-form .sbmt-btn.form-ok::after {
    display: none;
}

.contact .contact-form input.no-valid-input,
.contact .contact-form div.no-valid-input {
    border: 1px solid #FF0000 !important;
}

.contact .contact-form .sbmt-btn:hover .btn-submit {
    background-color: #FFF;
    border: 1px solid var(--tertiary-color);
    color: var(--tertiary-color);
    cursor: pointer;
}

.contact-error-list p {
    font-family: var(--primary-font);
    font-size: 12px;
    line-height: 14px;
    color: #FF0000;
}

.contact-error-list {
    margin-bottom: 20px;
}

.property-webform .btn-submit:disabled,
.property-webform .btn-submit[disabled] {
    background-color: #cccccc;
}

.property-webform .btn-submit .loading {
    display: none;
    position: absolute;
    top: 9px;
    right: 15px;
}

.property-webform .btn-submit:disabled .loading,
.property-webform .btn-submit[disabled] .loading {
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .msie #header .nav-links-list .inner-nav {
        position: fixed;
        top: 100px;
        left: 0px;
        width: 100%;
    }
}

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

    .search-page .filters-side .filters .filter .checkbox,
    .search-page .filters .radiobox .checkmark {
        margin-left: 14px;
    }

    .search-page .results-side {
        width: calc(85% - 2.6rem);
    }
}

@media only screen and (max-width: 1024px) {
    .contact .lm-c {
        width: 100%;
        float: unset;
        display: block;
    }

    .contact .contact-form {
        width: 100%;
        float: left;
        display: block;
    }

    .contact .map-n-form-section {
        padding: 0 20px 0 20px;
    }

    .contact .inner-contact-form {
        width: 100%;
    }

    #location-map {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .search-page .filters-side {
        width: 20%;
    }

    .search-page .results-side {
        width: calc(80% - 2.6rem);
        padding-left: 4.3%;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {

    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-fp,
    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-mate {
        padding-top: 0px;
    }

    #project .availabilities-section .availabilities .avail-contact button {
        padding: 7px 0px;
        width: 100%;
    }
}

@media (max-width: 991px) and (min-width: 575px) {

    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-fp,
    #project .availabilities-section .availabilities .availability .avail-col.avail-fp {
        width: 15% !important;
    }

    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-fp,
    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-mate {
        padding-top: 0px;
    }

    #project .availabilities-section .availabilities .availability .avail-col.avail-comments,
    #project .availabilities-section .availabilities .availability-cats .avail-col.avail-comments {
        width: 24% !important;
    }

    #project .availabilities-section .availabilities .availability .avail-col.avail-contact {
        width: 14% !important;
        text-align: center;
        padding: 0;
    }

    #project .availabilities-section .availabilities .avail-contact button {
        padding: 7px 0px;
        width: 100%;
    }

    #project .availabilities .availability-cats p {
        font-size: 12px;
    }

    .custom-select {
        width: 100%;
    }

    .contact .contact-form .left-form,
    .contact .contact-form .right-form {
        width: 100%;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #project .project-description .project-description-info .info-row p {
        font-family: var(--primary-font);
        font-weight: normal;
    }

    #filters .filters-content .filter-right .filter-dropdowns .bedrooms #bedrooms-dropdown div,
    #filters .filters-content .filter-right .filter-dropdowns .bathrooms #bathrooms-dropdown div {
        width: 20px;
        height: 20px;
        right: 10px;
        top: 11px;
    }

    #filters .filters-content .filter-right .filter-dropdowns .bedrooms #bedrooms-dropdown p,
    #filters .filters-content .filter-right .filter-dropdowns .bathrooms #bathrooms-dropdown p {
        font-size: 15px;
        top: 12px !important;
    }

    #filters .filters-content .filter-right .filter-dropdowns .bedrooms #bedrooms-dropdown,
    #filters .filters-content .filter-right .filter-dropdowns .bathrooms #bathrooms-dropdown {
        height: 40px;
        padding-top: 40px;
    }

    .property .ui-datepicker.ui-widget .ui-datepicker-header {
        width: 100%;
        margin-left: 0px;
    }

    #filters .filters-content .filter-right .price #port-price-slider .ui-slider-range {
        top: -3px;
        height: 8px;
    }

    #filters .filters-content .filter-right .price #port-price-slider {
        margin: 0px;
    }

    #filters .filters-content .filter-right .price {
        padding-top: 20px;
    }

    #project .availability-mobile .no-avail-vt {
        color: #9B9B9B !important;
    }

    .search-page .filters-side {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .search-page .results-side {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    #header #mobile-menu {
        height: calc(100vh - 75px);
    }

    #header .nav-links-list .nav-link.c-projects a {
        border-top: 1px solid transparent;
        border-bottom: 1px solid #BBB;
    }

    .nav-links-list+.other-link,
    .nav-links-list+.other-link+.other-link {
        width: 100%;
    }

    #mobile-menu .area-p-nav.show-list .inner-prop-nav {
        display: block !important;
    }

    #mobile-menu .area-p-nav.show-list .inner-prop-nav .project-link {
        margin-left: 0px;
    }

    .search-page .results-side #results .project.fade {
        display: inline-block;
        width: 49%;
        padding-left: 15px;
        padding-right: 15px;
        border-top: none;
    }

    .search-page .project .project-img-tn {
        width: 100%;
        float: none;
    }

    .search-page .project .project-summary {
        width: 100%;
        float: none;
        padding-left: 0px;
        height: auto;
        overflow: hidden;
    }

    .search-page .project .project-desc {
        display: none;
    }

    .search-page .project .project-availabilities {
        width: 100%;
        float: none;
        padding-left: 0px;
        height: 65px;
    }

    .search-page .project .project-contact {
        width: 100%;
        float: none;
        height: 70px;
    }

    body.search .filters .type-filters.filter-cat.fade~div {
        position: absolute;
        height: 0;
        overflow: hidden;
    }

    body.search .filters.open .type-filters.filter-cat.fade~div:not(.hidden) {
        height: auto;
        position: absolute;
        background-color: #fff;
        /* z-index: 2; */
        z-index: 99999;
        width: calc(100% - 60px);
    }

    body.search .filters.open .filter-cat.location-filters {
        top: 100px !important;
    }
    body.search .filters.open .filter-cat.bedrooms-filters {
        top: 280px !important;
    }
    body.search .filters.open .filter-cat.bathrooms-filters {
        top: 420px !important;
    }
    body.search .filters.open .filter-cat.price-filters {
        top: 270px !important;
    }
    body.search .filters.open .filter-cat.size-filters {
        top: 360px !important;
    }

    body.search .filters.open::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: calc(100% - 70px);
        bottom: -1px;
        left: 0;
        background-color: #fff;
        /* z-index: 1; */
        z-index: 99998;
        border-bottom: 1px solid #E6E6E6;
        box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.23);
    }

    .filters.open .close-filters::after {
        content: '';
        display: block;
        background-image: url(../images/close-filters.png);
        background-size: 100% 100%;
        width: 15px;
        height: 15px;
    }

    .filters.open .close-filters {
        display: inline-block;
        top: 100px;
        right: 40px;
        /* z-index: 7; */
        z-index: 100000;
        position: absolute;
        cursor: pointer;
    }

    .search-page .search-section {
        position: absolute;
        top: 87px;
        width: calc(100% - 60px);
        left: 30px;
    }

    #header-alert[visible="true"] ~ .global-page-container .search-page .search-section {
        top: 160px;
        transition: .5s;
    }

    /* #header-alert[visible="true"] ~ .global-page-container .search-page .filters .location-filters {
      top: 180px !important;
    }
    #header-alert[visible="true"] ~ .global-page-container .search-page .filters .bedrooms-filters {
      top: 378px !important;
    }
    #header-alert[visible="true"] ~ .global-page-container .search-page .filters .bathrooms-filters {
      top: 534px !important;
    }
    #header-alert[visible="true"] ~ .global-page-container .search-page .filters .price-filters {
      top: 357px !important;
    }
    #header-alert[visible="true"] ~ .global-page-container .search-page .filters .size-filters {
      top: 442px !important;
    }
    #header-alert[visible="true"] ~ .global-page-container .search-page .filters .close-filters {
      top: 160px;
    } */

    .search-page .filters-side.fade-solo {
        margin-top: 40px;
    }

    .search-page .results-count {
        font-family: var(--primary-font);
        font-size: 15px;
        margin: 0px 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #979797;
        color: var(--tertiary-color);
        position: relative;
        margin-bottom: 20px;
    }

    .search-page .results-count::after {
        content: 'Filter by';
        float: right;
        margin-right: 35px;
    }

    .search-page .results-count::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 19px;
        height: 17px;
        background-image: url(/images/filter_button.png);
        right: 0px;
        background-size: 100% 100%;
    }

    .search-page .filters-side .title {
        display: none;
    }

    .search-page .load-more {
        text-align: center;
    }

    .search-page .search-section input,
    .search-page .search-section input::placeholder {
        font-size: 15px;
    }

    #search-square-feet-slider,
    #price-slider {
        width: 90%;
        margin-left: 8px;
    }

    .search-page .search-section input {
        background-image: url(../images/search_icon.png);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: 95% 50%;
        border-radius: 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .search-page .project .project-title {
        font-family: var(--secondary-font);
        font-weight: 400;
        font-size: 15px;
        margin-top: 15px;
        min-height: 30px;
    }

    .custom-select .custom-options .item {
        padding: 6px 0px;
    }

    .custom-select.open .custom-options {
        height: 195px;
    }

    #contact .m-address {
        margin-top: 50px;
    }

    .search-page .filters-side .filters .filter .checkbox,
    .search-page .filters .radiobox .checkmark {
        margin-left: 0px;
    }

    .search-page #results[data-type="Residential"] .project .bottom-avail,
    .search-page #results[data-type="Commercial"] .project .bottom-avail {
        bottom: -25px;
        min-height: 51px;
    }

    .search-page #results {
        padding: 0px 15px;
    }

    .contact-error-list p {
        font-size: 15px;
    }

    .search-page #overlay .ov-container {
        overflow: auto;
        max-height: calc(100vh - 80px);
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .property #ui-datepicker-div {
        width: calc(88% - 52px);
    }

    .property .contact-form .r-u-broker .broker-options {
        float: none;
        width: 100%;
        text-align: right;
    }

    .property .contact-form .r-u-broker .broker-options .form-radio:nth-child(1) {
        margin-right: 20px;
    }

    .property .contact-form .r-u-broker .broker-options .form-radio {
        float: none;
        vertical-align: top;
        width: auto;
        display: inline-block;
    }

    .property .contact-form .r-u-broker .broker-options .form-radio:nth-child(1) label.option {
        margin-right: 40px;
    }

    .property .contact-form .r-u-broker .broker-options .form-radio label.option {
        margin-right: 30px;
    }

    #project .project-description .project-description-info .info-buttons .info-button {
        padding: 16px 16px 11px 16px !important;
    }

    #project .project-description .project-description-info .info-buttons .info-button .info-arrow {
        top: 14px;
    }

    .property .contact-form .broker-details input {
        width: 100%;
    }

    .property .contact-form .broker-details input:first-child {
        margin-right: 0px;
    }
}

#header-alert {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    /* background-color: #3c5cfb; */
    background-color: var(--primary-color) !important;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 0;
    z-index: 10019;
    transition: 1s
}

#header-alert p {
    font-family: var(--primary-font);
    font-weight: normal;
    font-size: 17px;
    line-height: 1.3;
    color: rgba(255, 255, 255, .8);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 80px)
}

@media screen and (min-width: 1680px) {
    #header-alert p {
        font-size: 20px;
    }
}

#header-alert a {
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-left: 30px
}

#header-alert[visible=true] {
    height: 54px;
    overflow: unset;
    visibility: visible
}

#header-alert[visible=true]~#header {
    transform: translateY(54px);
    transition: 1s;
}

body:not(.index) #header-buffer {
    height: 144px;
}

body:not(.index) #header-alert[visible=true]~#header-buffer {
    /* height: 181px; */
    height: 195px;
    transition: 1s;
    position: relative;
}

body:not(.index) #header-alert[visible=true]~.global-page-container .about-header {
    transition: 1s;
    top: 152px
}

@media (max-width:767px) {
    #header-buffer {
        height: 70px;
    }

    #header-alert[visible=true] ~ #header-buffer {
        height: 135px;
    }

    #header-alert[visible=true] {
        top: 70px;
        height: 67px;
        text-align: left
    }

    #header-alert[visible=true]~#header {
        transform: translateY(0)
    }

    #header-alert p {
        width: calc(100% - 30px);
        font-size: 13px;
        line-height: 1.3
    }

    #header-alert a {
        margin-left: 0
    }

    body:not(.index) #header-alert[visible=true]~#header-buffer {
        transition-delay: 0s;
        /* height: 141px */
        height: 185px
    }

    body.about:not(.index) #header-alert[visible=true]~#header-buffer,
    body.sustainability_and_technology:not(.index) #header-alert[visible=true]~#header-buffer {
        height: 184px
    }

    body.about:not(.index) #header-alert[visible=true],
    body.sustainability_and_technology:not(.index) #header-alert[visible=true] {
        top: 117px;
        z-index: 10
    }

    body.about:not(.index) #header-alert[visible=true]~.global-page-container .about-header,
    body.sustainability_and_technology:not(.index) #header-alert[visible=true]~.global-page-container .about-header {
        top: 70px
    }
}

.covid-landing-container {
    font-family: benton-reg, Helvetica;
    font-size: 13px;
    line-height: 19px;
    padding: 0 30px 60px 30px;
    max-width: 1010px;
    margin: 45px auto 0 auto
}

.covid-landing-container h1 {
    font-family: var(--secondary-font);
    font-size: 48px;
    letter-spacing: -0.04em;
    line-height: 50px;
    font-weight: 400
}

.covid-landing-container h2 {
    font-family: var(--secondary-font);
    font-size: 33px;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: 400
}

.covid-landing-container ul {
    padding-left: 14px
}

.covid-landing-container p,
.covid-landing-container ul {
    margin-bottom: 20px
}

.covid-landing-container p:last-child,
.covid-landing-container ul:last-child {
    margin-bottom: 0
}

.covid-landing-container .link {
    margin-top: 40px
}

.covid-landing-container a {
    text-decoration: underline
}

.covid-landing-container .back {
    margin-bottom: 36px
}

.covid-landing-container .back a {
    text-decoration: none;
    color: rgba(51, 51, 51, .5);
    font-family: benton-med, Helvetica
}

.covid-landing-container .back a svg {
    margin-right: 10px
}

.covid-landing-container .main-title {
    margin-bottom: 35px
}

.covid-landing-container .main-text {
    max-width: 470px;
    margin-bottom: 30px
}

.covid-landing-container .signatures {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.covid-landing-container .signatures .signature-image {
    margin-bottom: 15px
}

.covid-landing-container .signatures .signature-image img {
    max-height: 54px
}

.covid-landing-container .signatures .item {
    min-width: 175px
}

.covid-landing-container .updates {
    max-width: 470px
}

.covid-landing-container .updates .item {
    border-bottom: 1px solid rgba(51, 51, 51, .8);
    opacity: .8;
    transition: 1s
}

.covid-landing-container .updates .item.open {
    opacity: 1
}

.covid-landing-container .updates .item:last-of-type {
    border-bottom: none
}

.covid-landing-container .updates .item .title {
    font-family: benton-med, Helvetica;
    cursor: pointer;
    padding: 30px 0;
    position: relative
}

.covid-landing-container .updates .item .title span.text {
    color: #3c5cfb;
    font-size: 15px;
    border-bottom: 1px solid #3c5cfb
}

.covid-landing-container .updates .item .title span.arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: 1s
}

.covid-landing-container .updates .item.open .title span.arrow {
    transform: translateY(-50%) rotate(180deg)
}

.covid-landing-container .updates .item .content {
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.covid-landing-container .updates .item.open .content {
    overflow: unset;
    height: auto;
    visibility: visible;
    padding-top: 20px;
    padding-bottom: 50px;
    opacity: 1
}

.covid-landing-container .updates .item.open .content .dropdown {
    width: 100%;
    max-width: 385px;
    margin-top: 25px
}

.covid-landing-container .updates .item.open .content .dropdown .dropdown-title {
    background-color: #3c5cfb;
    padding: 10px;
    position: relative;
    font-size: 13px;
    color: #fff;
    font-family: benton-reg, Helvetica;
    cursor: pointer
}

.covid-landing-container .updates .item.open .content .dropdown .dropdown-title .arrow-down {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: .5s
}

.covid-landing-container .updates .item.open .content .dropdown.open .dropdown-title .arrow-down {
    transform: translateY(-50%) rotate(180deg)
}

.covid-landing-container .updates .item.open .content .dropdown .dropdown-items {
    border: 1px solid #3c5cfb;
    max-height: 0;
    overflow: auto;
    transition: .5s
}

.covid-landing-container .updates .item.open .content .dropdown.open .dropdown-items {
    max-height: 170px
}

.covid-landing-container .updates .item.open .content .dropdown .dropdown-items a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: var(--tertiary-color);
    opacity: .5;
    font-size: 13px;
    transition: .5s
}

.covid-landing-container .updates .item.open .content .dropdown .dropdown-items a:hover {
    opacity: 1
}

@media (max-width:767px) {
    .covid-landing-container h1 {
        font-size: 33px;
        line-height: 35px
    }

    .covid-landing-container .back {
        margin-bottom: 20px
    }

    .covid-landing-container {
        margin: 30px auto 0 auto
    }

    .covid-landing-container .signatures .item {
        min-width: auto
    }

    .covid-landing-container .signatures .item:nth-of-type(2n+1) {
        margin-right: auto
    }
}

#building-protocols .bp-header {
    color: #fff;
    background-color: #3c5cfb;
    padding: 50px 0
}

#building-protocols .bp-header .bp-container p {
    margin-bottom: 0;
    color: #fff;
    margin-top: 20px
}

#building-protocols .bp-header .bp-container {
    margin: 0 auto
}

#building-protocols .bp-container {
    padding: 0 30px;
    max-width: 1015px;
    margin: 0 auto 30px auto
}

#building-protocols .bp-container p {
    font-size: 13px;
    line-height: 19px;
    font-size: 15px;
    line-height: 21px;
    color: var(--tertiary-color);
    font-family: benton-reg, Helvetica;
    margin-bottom: 20px
}

#building-protocols .back {
    margin-bottom: 30px
}

#building-protocols .back a {
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
    font-family: benton-med, Helvetica
}

#building-protocols .back a svg {
    margin-right: 10px
}

#building-protocols h1,
#building-protocols h2 {
    font-family: var(--secondary-font);
}

#building-protocols h1 {
    font-size: 48px;
    letter-spacing: -0.04em;
    line-height: 50px;
    font-weight: 400;
    max-width: 625px
}

#building-protocols h2 {
    font-size: 33px;
    line-height: 35px;
    font-weight: 400
}

#building-protocols hr {
    margin: 40px 0
}

#building-protocols .main-section .text {
    max-width: 570px;
    padding-top: 30px
}

#building-protocols .main-section .protocols-title {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: benton-med, Helvetica
}

#building-protocols .main-section .anchors {
    margin-top: 30px
}

#building-protocols .main-section .anchors a {
    font-size: 15px;
    color: #3c5cfb;
    border-bottom: 1px solid #3c5cfb;
    font-family: benton-reg, Helvetica;
    display: inline-block;
    margin-bottom: 10px
}

#building-protocols .protocols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 720px
}

#building-protocols .protocols .item {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #3d5bf6;
    padding: 20px
}

#building-protocols .protocols .item:nth-of-type(2n+2) {
    margin-left: auto
}

#building-protocols .protocols .item .item-image {
    width: 85px
}

#building-protocols .protocols .item .item-image img {
    max-width: 68px;
    max-height: 55px
}

#building-protocols .protocols .item .item-text {
    width: calc(100% - 85px);
    font-size: 17px;
    line-height: 22px
}

#building-protocols .protocols .item .item-text p {
    margin: 0;
    max-width: 250px;
    font-family: benton-med, Helvetica;
    color: #fff
}

#building-protocols .floorplan-section h2 {
    margin-bottom: 20px
}

#building-protocols .floorplan-section .pdf {
    margin-bottom: 40px
}

#building-protocols .floorplan-section .pdf a {
    color: var(--tertiary-color);
    font-size: 15px;
    font-family: benton-reg, Helvetica;
    border-bottom: 1px solid var(--tertiary-color)
}

#building-protocols .floorplan-section .image {
    margin-bottom: 50px
}

#building-protocols .floorplan-section .image-mobile {
    display: none;
    margin-bottom: 50px;
}

#building-protocols .floorplan-section .image img,
#building-protocols .floorplan-section .image-mobile img {
    width: 100%;
    max-width: 800px
}

#building-protocols .termal-scanning-section .text {
    font-size: 15px;
    line-height: 21px;
    color: var(--tertiary-color);
    font-family: benton-reg, Helvetica;
    margin-top: 20px;
    max-width: 540px
}

#building-protocols .termal-scanning-section .text span,
#building-protocols .termal-scanning-section .text a {
    color: #3c5cfb;
    font-family: benton-med, Helvetica;
    text-decoration: underline
}

#building-protocols .termal-scanning-section .text ul {
    padding-left: 12px
}

#building-protocols .termal-scanning-section .text ul li {
    margin-bottom: 15px
}

#building-protocols .faq-section {
    width: 100%;
    max-width: 635px
}

#building-protocols .faq-section .item {
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, .6);
    font-size: 15px;
    line-height: 21px;
    color: var(--tertiary-color);
    font-family: benton-reg, Helvetica
}

#building-protocols .faq-section .item .title {
    position: relative;
    padding: 30px 23px 30px 35px;
    color: #3c5cfb;
    font-family: benton-med, Helvetica;
    text-decoration: underline;
    cursor: pointer;
    opacity: .8;
    transition: 1s
}

#building-protocols .faq-section .item.open .title {
    opacity: 1
}

#building-protocols .faq-section .item .title .counter {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--tertiary-color);
    font-size: 20px
}

#building-protocols .faq-section .item .title .arrow {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%) rotate(0);
    transition: 1s
}

#building-protocols .faq-section .item.open .title .arrow {
    transform: translateY(-50%) rotate(180deg)
}

#building-protocols .faq-section .item ul {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: 1s;
    padding-bottom: 0
}

#building-protocols .faq-section .item.open ul {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: unset;
    padding-bottom: 35px
}

#building-protocols .faq-section .item ul li {
    margin-bottom: 20px
}

#building-protocols .faq-section .item ul li:last-of-type {
    margin-bottom: 0
}

#building-protocols .faq-section .item ul li.list-title {
    list-style: none;
    color: #3c5cfb;
    font-family: benton-med, Helvetica
}

@media (max-width:767px) {
    body.building-protocols #header-alert[visible=true] {
        height: 72px;
        top: 0
    }

    body.building-protocols #header-alert[visible=true]~#header {
        transform: translateY(72px)
    }

    #building-protocols h1 {
        font-size: 33px;
        line-height: 35px
    }

    #building-protocols h2 {
        font-size: 30px;
        line-height: 33px
    }

    #building-protocols .back a {
        font-size: 13px
    }

    #building-protocols .bp-header {
        padding: 30px 0
    }

    #building-protocols .main-section {
        padding-top: 20px
    }

    #building-protocols .floorplan-section .image {
        display: none;
    }

    #building-protocols .floorplan-section .image-mobile {
        display: block;
    }

    #building-protocols .protocols .item {
        width: 100%
    }

    #building-protocols .protocols .item .item-image {
        width: 75px
    }

    #building-protocols .protocols .item .item-image img {
        max-width: 51px;
        max-height: 42px
    }

    #building-protocols .protocols .item .item-text p {
        font-size: 13px;
        line-height: 18px
    }

    #building-protocols .main-section .protocols-title {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 15px
    }

    #building-protocols .protocols .item {
        margin-bottom: 20px
    }
}

#project .project-description .project-description-info .info-buttons .info-button.blue-button {
    border: 1px solid #3c5cfb;
    background-color: #3c5cfb;
    color: #fff
}

#project .project-description .project-description-info .info-buttons .info-button.blue-button:hover {
    border: 1px solid #000;
    background-color: #000
}

#project .project-description .project-description-info .info-buttons .info-button.blue-button .info-arrow .cls-1 {
    fill: #fff
}

#project .project-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#project .Newlylink{
    font-family: var(--primary-font);
    font-weight: 500;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
    text-align: left;
    color: var(--tertiary-color);
    
}

#project .Newlylink svg{
    margin: 0 0 0 18px;
}

#project .project-title .info-button.blue-button {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50px;
    border: 1px solid #3c5cfb;
    background-color: #3c5cfb;
    color: #fff;
    padding: 17px 40px 13px 10px;
    transform: translateY(-50%);
    font-size: 16px;
    min-width: 360px
}

#project .project-title .info-button.blue-button:hover {
    border: 1px solid #000;
    background-color: #000
}

#project .project-title .info-button.blue-button .sans-small {
    font-size: 16px
}

#project .project-title .info-button.blue-button .info-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

#project .project-title .info-button.blue-button .info-arrow svg {
    width: 12px;
    height: 14px
}

#project .project-title .info-button.blue-button .info-arrow svg .cls-1 {
    fill: #fff
}

@media (max-width:1024px) {
    #project .project-title .info-button.blue-button {
        display: none
    }
}

input {
    -webkit-appearance: none !important
}

@media (min-width:992px) and (max-width:1024px) {
    #header .nav-links-list {
        display: inline-block;
        width: 100%;
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {

    .search-page .filters .radiobox .checkmark,
    .search-page .filters-side .filters .filter .checkbox {
        margin-left: 0;
        margin-right: 5px
    }

    .search-page .project .project-availabilities {
        padding-left: 10px
    }

    .search-page .project .project-summary {
        padding-left: 20px
    }

    .search-page #price-slider+p,
    .search-page #search-square-feet-slider+p {
        font-size: 10px
    }

    .search-page .project .avail-rent {
        font-size: 13px
    }

    .project .project-title {
        font-size: 21px
    }

    .contact .map-n-form-section {
        padding: 0 60px 0 60px
    }

    .contact .contact-form {
        float: unset
    }

    .contact .contact-form .submit-form {
        height: 60px
    }

    .contact .lm-c {
        margin-top: 40px
    }

    .contact .inner-contact-form {
        position: relative
    }

    #news .content .news-item .view-site,
    #news .content .news-quote .view-site {
        font-size: 15px
    }

    .about-header .links-container {
        left: 55px
    }

    #timeline {
        padding-top: 190px;
        padding-bottom: 20px;
        top: 0
    }

    .about-header .links-container .about-links {
        margin-right: 20px
    }

    #project .related-projects .project-thumbnail .thumbnail-title,
    #projects .project-title {
        font-size: 20px;
        min-height: 66px;
    }

    #project .availabilities-section .availabilities .availability .avail-col.avail-comments {
        padding-top: 8px
    }

    .contact-inquiry.popup-open {
        width: 90%;
        padding: 20px 20px 20px 20px
    }

    .property .contact-form {
        padding-left: 0
    }

    #project .availabilities-section .availability-cats .avail-floor svg {
        width: 9px;
        right: 15px
    }

    #project .project-description .project-description-info,
    #project .project-description .project-description-text {
        width: 100%;
        height: auto !important;
        padding: 0;
        margin: 20px 0
    }

    #project .project-description .project-description-text p.section-desc {
        padding-right: 0
    }

    #project .project-description .project-description-text .map-container-c {
        position: relative;
        height: auto;
        padding-top: 50%
    }

    #project .project-description .project-description-info .info-row p:last-child {
        float: right
    }

    #project .project-description .project-description-text #view-project-map {
        width: 100%
    }

    #project .project-description .project-description-info .info-buttons {
        margin-bottom: 30px
    }

    #header .links,
    #header .links-right {
        display: none
    }

    .logo {
        margin-left: 80px
    }

    #header .mobile-ham {
        display: block;
        margin-top: 18px;
        margin-right: 52px
    }

    #header.mobile-menu-active .mobile-ham .ham-top {
        top: 49%;
        -o-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -o-transition: all .2s .2s;
        -moz-transition: all .2s .2s;
        -webkit-transition: all .2s .2s;
        transition: all .2s .2s
    }

    #header.mobile-menu-active .mobile-ham .ham-mid {
        opacity: 0;
        -o-transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    #header.mobile-menu-active .mobile-ham .ham-bot {
        top: 30%;
        -o-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -o-transition: all .2s .2s;
        -moz-transition: all .2s .2s;
        -webkit-transition: all .2s .2s;
        transition: all .2s .2s
    }

    #header.mobile-menu-active #mobile-menu {
        height: calc(100vh - 75px);
        display: block
    }

    #header #mobile-menu {
        display: none;
        padding-left: 80px;
        padding-right: 80px;
        margin-top: 15px;
        pointer-events: all;
        height: 80%;
        overflow: scroll
    }

    #header .mobile-menu-links-left ul {
        width: 100%;
        display: block;
        position: relative;
        padding-left: 0 !important
    }

    #header .mobile-menu-links-left .nav-link {
        width: 100%
    }

    #header.mobile-menu-active {
        height: 160vh;
        transition: height .7s
    }

    #header .mobile-menu-links-left ul {
        width: 100%;
        display: block;
        position: relative;
        padding-left: 0 !important
    }

    #header.mobile-menu-active #mobile-menu .link.ml-1 {
        transition: opacity .5s .47s
    }

    #header.mobile-menu-active #mobile-menu .link {
        opacity: 1;
        display: inline-block
    }

    #header #mobile-menu .link {
        opacity: 0;
        width: 100%;
        border-bottom: 1px solid #bbb;
        padding-top: 15px;
        margin-bottom: 0;
        padding-bottom: 15px;
        line-height: 16px;
        position: relative;
        font-size: 16px !important
    }

    #header .mobile-menu-links-left .first-link {
        border-top: 1px solid #bbb;
        border-bottom: none !important;
        position: relative !important
    }

    #header .mobile-menu-links-left .first-link span {
        position: absolute;
        right: 1px;
        display: block
    }

    #header .mobile-menu-links-left .first-link span {
        max-width: 15px;
        top: calc(50% - 7.5px)
    }

    #header .mobile-menu-links-left .area-p-nav {
        transition: .5s;
        display: none
    }

    #header .mobile-menu-links-left .area-p-nav.show-list,
    #header .mobile-menu-links-left .inner-prop-nav.show-list {
        display: block
    }

    #header .mobile-menu-links-left .sus-y-tech {
        border-top: 1px solid #bbb
    }

    .mobile-menu-links-left a {
        display: inline-block;
        width: 100%
    }

    #header .nav-links-list .area-p-nav li {
        margin-bottom: 21px;
        margin-left: 30px;
        width: calc(100% - 30px)
    }

    #header .mobile-menu-links-left .all-props a {
        font-family: benton-reg, Helvetica;
        font-size: 15px;
        color: #9b9b9b;
        margin-top: 15px;
        transition: color .5s, border-top .5s;
        display: inline-block
    }

    #header .mobile-menu-links-left .all-props span {
        transform: rotate(270deg);
        position: absolute;
        margin-left: 10px
    }

    #header .mobile-menu-links-left .all-props g {
        stroke: #9b9b9b
    }

    #header .mobile-menu-links-left .area-p-nav h3 {
        cursor: pointer;
        font-family: benton-reg, Helvetica;
        font-size: 15px;
        color: #9b9b9b;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 400
    }

    #header .mobile-menu-links-left .inner-prop-nav li a {
        font-family: benton-reg, Helvetica;
        color: var(--tertiary-color);
        font-size: 15px
    }

    #header .mobile-menu-links-left .inner-prop-nav {
        margin-top: 21px
    }

    #header .nav-links-list .more-options-nav div {
        width: 40%
    }

    #header .nav-links-list .more-options-nav {
        margin-bottom: 40px
    }

    #header .mobile-menu-links-left .c-projects .p-thumbnail {
        width: 100%;
        height: 115px;
        background-size: cover !important;
        margin-bottom: 20px
    }

    #header .mobile-menu-links-left .c-projects .project-link {
        padding-right: 15px;
        width: 40%;
        display: inline-flex
    }

    #map {
        top: 810px !important;
        height: calc(100vh - 250px) !important
    }

    #map+.toggle-transport-c {
        top: 800px !important;
        right: 90px !important
    }

    #map+.toggle-transport-c .map-controls-c {
        top: 400px !important
    }
}

@media (max-width:991px) {
    body.search .load-more>span {
        font-family: benton-med, Helvetica;
        opacity: 1;
        font-size: 15px
    }
    #header .mobile-menu-links-left .c-projects .project-link .project-title {
        font-family: var(--primary-font);
        font-weight: 700;
        text-transform: uppercase;
    }
}

@media (max-width:575px) {
    #project .project-title .info-button.blue-button {
        display: block;
        position: relative;
        max-width: 100%;
        transform: unset;
        top: 0;
        left: 0;
        min-width: unset;
        margin-bottom: 20px
    }
}

@media (max-height: 700px) {
  .search-page .contact-form textarea {
    height: 60px;
  }
  .search-results .contact-side-text {
    margin-bottom: 0px;
  }
  .search-page .contact-form input[type="text"],
  .search-results .contact-form .r-u-broker .broker-label,
  .search-page .contact-form .r-u-broker,
  .search-page .prop-title {
    margin-bottom: 5px;
  }
  .search-results .contact-form .r-u-broker .broker-options {
    width: 50%;
  }
}

#sustainability-page .content-container .rudin-ventures-container {
    display: inline-flex;
    flex-wrap: wrap;
}

#sustainability-page .content-container .rudin-ventures-container .venture-logo {
    width: 25%;
    margin: 2px auto !important;
}