a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

#registration-modal {
    color: #DEC024;
}

#registration-modal .close {
    z-index: 1;
    position: relative;
}

#registration-modal .btn-submit {
    border-radius: 1.25rem;
    padding: .5rem 2rem;
    color: #dec024;
    border: 1px solid #DEC024;
    font-size: .9rem;
}

#registration-modal .modal-content,
#registration-modal .modal-header,
#registration-modal .modal-footer {
    background-color: transparent;
    border: none;
}

#registration-modal input.form-control{
    background-color: transparent;
    border: 1px solid #DEC024;
    border-radius: 0;
    color: #DEC024;
    font-size: .8rem;
}

#registration-modal input::placeholder {
    color: #DEC024;
    opacity: 1;
    /* Firefox */
}

#registration-modal input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #DEC024;
}

#registration-modal input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #DEC024;
}

#registration-modal .form-box {
    /* border: 1px solid #DEC024; */
    /* background-image: url('../img/form-bg.png'); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* height: 22rem; */
    padding: 2.5rem;
}

#registration-modal .header-box {
    text-align: center;
}

#registration-modal .header-title {
    font-family: 'Gotham-Book';
    letter-spacing: 2px;
    font-size: 1.5rem;
    text-transform: uppercase;
    border: none;
    color: #DEC024;
}

#registration-modal .header-description {
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    color: #DEC024;
    font: .85rem;
}

.modal-backdrop.show {
    opacity: .75;
}

#home-banner .img-container{
    height: 100vh;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    /* padding-top: 30vh; */
    position: relative;
}

#home-banner .img-container .text-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

#home-banner.masthead .masthead-subheading {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#home-banner.masthead .masthead-heading {
    font-size: 5.25rem;
    font-weight: 700;
    line-height: 1;
    /* margin-bottom: 2rem; */
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    color: #414042;
}

.gradient-header::before,
#home-banner.masthead::before {
    content: "";
    position: absolute;
    height: 10rem;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(47, 47, 47);
    background: -moz-linear-gradient(180deg, rgba(47, 47, 47, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(47, 47, 47, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(47, 47, 47, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f2f2f", endColorstr="#ffffff", GradientType=1);
    z-index: 1;
}

#signatures.page-section,
#registration.page-section,
.marble-bg {
    background-image: url('../img/marble-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#registration.page-section {
    padding-bottom: 10rem;
}

#signatures.page-section .content-float {
    z-index: 1;
    position: relative;
}

.signatures-title {
    line-height: 1.6;
    position: relative;
}

.signatures-title::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: .22rem;
    top: -1rem;
    left: 0;
    background-color: #DEC024;
}

.signatures-content-box-bg {
    background-color: white;
    height: 40rem;
    width: 60%;
    top: 0;
    pointer-events: none;
    left: 0;
    z-index: 0;
}

.signatures-content-box-bg-left {
    height: 40rem;
}

.signatures-content-box-bg-right {
    left: auto;
    right: 0;
    height: 63rem;
}

.section-title {
    color: #918170;
    letter-spacing: .4rem;
    font-size: 1.3rem;
    margin-bottom: 5rem;
    padding-top: 2rem;
}

.facilities-list {
    list-style: none;
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
}

.facilities-list-6 {
    counter-reset: my-awesome-counter 5;
}

.facilities-list-11 {
    counter-reset: my-awesome-counter 10;
}

.facilities-list-16 {
    counter-reset: my-awesome-counter 15;
}

.facilities-list li {
    margin: .5rem 0 1rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
}

.facilities-list li.no-counter{
    counter-increment: none;
}

.facilities-list li::before {
    content: counter(my-awesome-counter);
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: -.5rem;
    background-color: #d6b792;
    border-radius: 50%;
    text-align: center;
}

.facilities-list li.no-counter::before {
    content: none;
}

#contactForm {
    padding: 2rem;
    border: 1px solid #918170;
    position: relative;
}

#contactForm .selected-text {
    position: absolute;
    color: #495057;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    pointer-events: none;
    /* text-align: center; */
    font-size: 1rem;
    border: 1px solid #9a8b7a;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactForm .close-btn {
    position: absolute;
    right: -1px;
    top: -2px;
    height: 1.5rem;
    width: 1.5rem;
    background-color: white;
}

#contactForm .form-control {
    border-radius: 0;
    border-color: #9a8b7a;
}

#contactForm select {
    text-align: center;
    text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#contactForm select::-ms-expand {
    display: none;
}

#contactForm label {
    color: #9a8b7a;
}

#contactForm #sendMessageButton {
    border-radius: 3rem;
    background-color: transparent;
    color: #9a8b7a;
    border-color: #9a8b7a;
    padding: .5rem 2rem;
}

.registration-form {
    background-color: white;
    padding: 3rem;
}

.floor-plan-box {
    position: relative;
}

.floor-plan-box a{
    font-size: .6rem !important;
}

.floor-plan-box .floor-box-bg {
    height: 3.5rem;
    top: -1.5rem;
    left: -.2rem;
    position: absolute;
    pointer-events: none;
}

.map-box {
    position: relative;
}

.map-box .map-title {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 4rem;
    color: #D2B087;
    line-height: 1;
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    font-weight: bold;
}

.map-title-sm {
    font-size: 2.6rem;
    color: #D2B087;
    line-height: 1;
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.floor_plan {
    pointer-events: none;
    width: 100%;
    max-width: 6rem;
}

.floor_plan_txt {
    color: #333;
}

.floor_plan:hover {
    filter: invert(90%) sepia(20%) saturate(312%) hue-rotate(344deg) brightness(92%) contrast(92%);
}

#floor_plan_section .nav-pills .nav-link.active .floor_plan_txt {
    color: #baa48d;
}


#floor_plan_section .nav-pills .nav-link.active .floor_plan {
    filter: invert(90%) sepia(20%) saturate(312%) hue-rotate(344deg) brightness(92%) contrast(92%);
    background-color: transparent;
}

#floor_plan_section .nav-pills .nav-link.active {
    background-color: transparent;
}

.floor-details li {
    font-family: 'Gotham-Book';
    font-size: .6rem;
    color: #58595B;
}

.floor-title {
    color: #D2B087;
    font-size: 1.4rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.floor-square-feets {
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    font-size: 1.1rem;
    color: #58595B;
}

.floor-facilities {
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    font-size: .9rem;
    color: #58595B;
    margin-bottom: 0;
}

.floor-facilities.__extra {
    font-size: .95rem;
}

.floor-divider {
    width: 3rem;
    height: 1px;
    display: block;
    background-color: #58595B;
    margin: 1rem 0;
}

.about-subtitle-section {
    background-color: #F1F2F2;
    position: relative;
}
.about-subtitle {
    font-family: 'Gotham-Book';
    font-style: italic;
    font-size: 0.7rem;
    position: absolute;
    bottom: 1rem;
    left: 1.2rem;
    margin: 0;
    color: #414042;
    line-height: 1.3;
    letter-spacing: 1px;
}

.about-subtitle-two {
    font-family: 'Gotham-Book';
    font-style: italic;
    font-size: 0.7rem;
    margin: 0;
    margin-top: .5rem;
    color: #414042;
    line-height: 1.3;
    letter-spacing: 1px;
}

.about-title {
    font-family: 'Bauer-Bodoni-Std';
    font-style: italic;
    font-weight: bold;
    font-size: 4rem;
}

.orange-box {
    margin-top: -8rem;
}

.orange-box::before {
    content: "";
    background-color: #D2B087;
    top: -8rem;
    left: -100vh;
    right: 0;
    bottom: 0;
    position: absolute;
}

.go-green-img {
    margin-top: -5rem;
}

.company-title {
    font-family: 'Gotham-Book';
    font-weight: bold;
    font-size: .8rem;
}

.company-code {
    font-size: .5rem;
}

.company-address {
    font-family: 'Gotham-Book';
    font-size: .8rem;
}

.telephone-word {
    font-size: .5rem;
    padding-left: .3rem;
    padding-right: .1rem;
    font-weight: bold;
}

.floor-plan-section,
.about-section {
    padding: 12rem 0;
}

.about-section-two {
    background-color: white;
    padding-bottom: 12rem;
}

.footer-logo {
    height: 5.5rem;
}

.address-box {
    padding-top: 10rem;
}

.btn-social img{
    height: 1.5rem;
}

.floating-buttons {
    position: fixed;
    right: 0;
    top: 2.6rem;
    z-index: 1040;
    transition: .3s;
}

.floating-buttons.navbar-shrink {
    top: 6.5rem;
}

.floating-buttons a {
    margin-bottom: 1rem;
    margin-right: -.1rem;
}

.floating-buttons img {
    height: 2.5rem;
}

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

    .floating-buttons {
        top: 6rem;
    }

    .floor-plan-box a {
        font-size: .8rem !important;
    }

    .floor-plan-box .floor-box-bg {
        display: none;
    }

    #signatures.page-section {
        background-image: none;
    }

    .section-title {
        margin-bottom: 3rem;
    }

    .registration-form {
        padding: 1rem;
    }

    .orange-box {
        margin-top: 0;
    }

    .orange-box::before {
        content: none;
    }

    .about-title {
        font-size: 2rem;
    }

    .go-green-img {
        margin-top: 0;
    }

    .floor-plan-section {
        padding: 26rem 0;
        padding-top: 5rem;
    }

    .about-section {
        padding-top: 10rem;
    }

    .about-section-two {
        padding-bottom: 35rem;
    }

    .footer-logo {
        height: 6rem;
    }

    .btn-social img {
        height: 2rem;
    }

    #registration.page-section {
        padding-bottom: 35rem;
    }

}

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

    #home-banner.masthead .masthead-heading {
        font-size: 4rem;
    }

    .floor-divider {
        margin: 1rem auto;
    }

    /* #registration.page-section {
        padding-bottom: 35rem;
    } */

    #registration-modal .form-box {
        padding: 1.5rem;
    }

    .floor_plan {
        height: 3rem;
    }
}

@media only screen and (max-width: 375px) {
    #registration-modal .form-box {
        /* height: 16rem; */
        padding: 1rem;
    }

    #registration-modal .form-box .form-group{
        margin-bottom: .25rem;
    }
}

@media only screen and (max-width: 320px) {
    #registration-modal .modal-body {
        padding: 0 .5rem
    }
}