.verloop-button {
        display: none;
    }

    .site-v {
        display: none;
    }

    /* .modal { z-index: 1099 !important; } */

    body {
        max-width: 100% !important;
    }

    .sidebar #leftside-navigation ul ul {
        padding: 15px 0px 15px !important;
    }

    .campaign-status {
        position: absolute;

        top: 0;

        left: 12px;

        top: 12px;

        display: none;
    }

    .work-container.work-grid img.img-fluid {
        width: 100% !important;
    }

    .work-container.work-modern img.img-fluid {
        min-height: auto !important;
    }

    .card h5 {
        max-height: 24px;

        overflow-y: hidden;
    }

    .pi-section h4 > .small,
    h4 > small {
        font-size: 60%;
    }

    .campaign-status img {
        max-width: 85px;
    }

    .imgs-grid {
        margin: 25px 0px !important;
    }

    .imgs-grid-modal {
        z-index: 9999 !important;
    }

    .imgs-grid-modal .modal-indicator ul li {
        margin: 15px 5px 0px !important;
    }

    .js-cd-panel-trigger {}

    button.close {
        position: absolute;

        right: 15px;

        top: 10px;

        z-index: 9;
    }

    .modal-body {
        background: #fff;

        outline: 0;

        border-radius: 6px;
    }

    .loaderc-sd,
    .loadersc-sd {
        opacity: 0;

        visibility: hidden;

        position: absolute;

        top: 0px;

        right: 0px;

        left: 0px;

        bottom: 0px;

        margin: 0 auto;

        text-align: center;

        z-index: 999;

        background: #fffffff2;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

        font-weight: 500;
    }

    .loaderc-sd.active,
    .loadersc-sd.active {
        opacity: 1;

        visibility: visible;
    }

    .svcform {
        position: relative;

        z-index: 1;

        right: 0px;

        padding: 30px 25px 35px;
    }

    #secform {
        position: relative;

        z-index: 1;

        right: 0px;

        padding: 30px 25px 35px;
    }

    /* .rental.form-group .icons {

				top: 13px !important;

			} */

    .typeahead__field {
        margin-bottom: 20px;
    }

    .typeahead__container .typeahead__field input {
        border-top-left-radius: 6px;

        border-bottom-left-radius: 6px;

        font-size: 14px;

        outline: none !important;
    }

    .typeahead__container button {
        border-top-right-radius: 6px;

        border-bottom-right-radius: 6px;
    }

    .typeahead__search-icon {
        color: #fff;
    }

    .typeahead__list,
    .typeahead__dropdown {
        margin: -20px 0 0 !important;

        background-color: #f5f5f5 !important;

        border: 1px solid #ccc;

        border-top: none;

        border-radius: 6px !important;
    }

    .cd-backdrop .typeahead__container + .typeahead__backdrop {
        display: block !important;
    }

    .or-divider {
        display: flex;

        flex-direction: row;

        justify-content: center;

        align-items: center;

        font-family: "futura-pt";

        margin: 0 0px 20px !important;

        font-size: 18px !important;

        width: 120px;
    }

    .or-divider::before {
        content: "";

        height: 1px;

        background: #a88843 !important;

        flex: 1;

        margin: 0 0.25em 0 0;
    }

    .or-divider::after {
        content: "";

        height: 1px;

        background: #a88843 !important;

        flex: 5;

        margin: 0 0 0 1px;
    }

    @media (min-width: 993px) and (max-width: 1024px) {
        #topnav .navigation-menu > li:nth-last-child(8) {
            display: none !important;
        }
    }

    @media (min-width: 993px) and (max-width: 1280px) {
        #topnav .navigation-menu > li > a {
            padding-left: 8px !important;

            padding-right: 8px !important;
        }

        #topnav .navigation-menu > li:nth-last-child(4),
        #topnav .navigation-menu > li:nth-last-child(6) {
            display: none !important;
        }

        #topnav .navigation-menu > li:nth-last-child(3) {
            display: flex !important;
        }

        .card h5 {
            font-size: 14px !important;
        }

        .card p,
        .card li {
            font-size: 13px !important;
        }

        .btn.btn-sm {
            padding: 7px 5px !important;

            font-size: 12px !important;
        }
    }

    .fmenu {
        max-height: 500px;
    }

    @media (min-width: 768px) {
        .floating-menu-toggle {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .cip {
            display: none !important;
        }

        #faq {
            display: none !important;
        }
    }

    .floating-menu-toggle i {
        font-size: 28px;

        color: #fff;
    }

    .floating-menu-toggle {
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 32px rgba(0, 0, 0, 0.2);

        transition: box-shadow 0.1s ease-in-out;

        position: fixed;

        bottom: 20px;

        right: 25px;

        border-radius: 50%;

        width: 52px;

        height: 52px;
        z-index: 99999;

        background-color: #a88846;

        display: flex;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        background-position: center;

        background-repeat: no-repeat;

        background-size: 23px;
    }

    .floating-menu-module .floating-menu-toggle img {
        opacity: 1;

        transition: opacity 0.25s ease;
    }

    .floating-menu-module.active .floating-menu-toggle img {
        opacity: 0;
    }

    .floating-menu {
        position: fixed;

        bottom: 75px;

        right: 15px;

        width: 380px;

        background: #fff;

        border-radius: 8px;

        box-shadow: 0 0 3px rgba(60, 72, 88, 0.25) !important;

        padding: 15px;

        transition: bottom 0.25s ease, opacity 0.25s ease;

        opacity: 0;

        z-index: -99999;
    }

    .floating-menu-module.active .floating-menu {
        z-index: 99999;

        opacity: 1;

        bottom: 90px;
    }

    .fmenu .sidebar #leftside-navigation ul li {
        list-style-type: none;

        margin: 0px 30px 0px 10px !important;
    }

    .fmenu .sidebar #leftside-navigation ul {
        padding: 0px 0px 15px !important;
    }

    @media (min-width: 992px) {
        .pslocation {
            display: none;
        }

        .paddress {
            display: inline-block;
        }
    }

    .awards-grid {
        position: relative;
    }

    .award-year {
        border-radius: 6px;
    }

    @media (min-width: 640px) and (max-width: 767px) {
        .property-grid {
            width: calc(50% - 15px) !important;

            margin: 15px 0px 10px !important;
        }

        .property-grid:nth-child(1),
        .property-grid:nth-child(even) {
            margin-left: 15px !important;
        }

        .property-grid:nth-child(3n + 1) {
            margin-left: 0px !important;
        }
    }

    .site-v {
        position: fixed;
        top: 45%;

        z-index: 999 !important;

        transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        right: -75px;
    }

    .site-v a {
        display: block;

        line-height: 54px;

        text-align: left;

        white-space: nowrap;

        text-decoration: none;

        font-size: 1rem;

        letter-spacing: 0.2px;

        font-weight: 600;

        background: #000;

        padding: 0px 20px;

        color: #fff;

        border-top-left-radius: 6px;

        border-top-right-radius: 6px;
    }

    @media (min-width: 320px) and (max-width: 374px) {
        .alert.alert-btn {
            padding: 5px 5px !important;

            font-size: 13px !important;
        }

        .alert.alert-pills {
            font-size: 13px !important;
        }

        .ctad i {
            padding-right: 0px !important;

            font-size: 15px !important;

            padding-left: 0px !important;
        }
    }

    @media (min-width: 375px) and (max-width: 480px) {
        .alert.alert-btn {
            padding: 5px 8px !important;

            font-size: 13px !important;
        }

        .alert.alert-pills {
            font-size: 13px !important;
        }

        .ctad i {
            padding-right: 0px !important;

            font-size: 15px !important;

            padding-left: 0px !important;
        }
    }

    @media (max-width: 767px) {
        .watch-vt {}

        .enquire-fixed {
            width: 180px !important;
            box-shadow: 3px 3px 20px rgb(0 0 0 / 20%);
        }

        .enquire-fixed .btn {
            padding: 6px 10px !important;
            font-size: 14px !important;
            box-shadow: 3px 3px 20px rgb(0 0 0 / 20%);
        }

        .project-popup {
            padding: 15px !important;

            width: calc(100% - 20px) !important;

            height: calc(100vh - 20px) !important;
        }

        .project-popup .project-header {
            padding: 0px 0px 20px !important;
        }

        .mfp-content .bg-profile .public-profile {
            top: 0px !important;

            width: calc(100% - 0px) !important;
        }

        .verloop-trigger-msg {}

        .modal-content {
            margin: 0px !important;
        }

        #ecform {
            padding: 10px !important;
        }

        #ecforms {
            padding: 10px !important;
        }
    }

    .text-primary.a:hover,
    .text-primary.a:active {
        color: #000 !important;
    }

    @media (min-width: 2100px) {
        .swiper-slider-hero {
            width: calc(100% - 240px) !important;

            margin-top: 105px !important;

            max-width: 2500px !important;
        }

        .card h5 {
            max-height: 100% !important;
        }

        #topnav {
            height: 105px !important;
        }

        #topnav .navigation-menu > li {
            height: 105px !important;
        }

        p.subtitle {
            font-size: 20px !important;
        }

        .sbtn i {
            font-size: 22px !important;

            top: 1px !important;
        }
    }

    .project-popup #eformdiv {
        border: 1px solid #eee !important;
    }

    @media (max-width: 767px) {
        .project-header small > a {
            border: none !important;
        }
    }

    @media (max-width: 560px) {
        .vt-brochure {
            display: none !important;
        }
    }

    @media (min-width: 1281px) and (max-width: 1366px) {
        .alert {
            padding: 5px 10px !important;
        }
    }

    @media (min-width: 993px) and (max-width: 1023px) {
        .btn-call span {
            display: none !important;
        }
    }

    @media (min-width: 1024px) and (max-width: 1280px) {
        .alert {
            padding: 5px 8px !important;
        }

        .public-profile small {
            top: 0px !important;
        }

        .bg-profile .public-profile {
            width: calc(100% - 60px) !important;
        }
    }

    .pi-section ul.amenities li {
        padding: 0px 0px 0px 0px !important;

        margin: 0px 0px 0px !important;
    }

    @media (min-width: 1281px) and (max-width: 1440px) {
        #topnav .navigation-menu > li {
            margin: 0 5px !important;
        }

        #topnav .navigation-menu > li.last-elements {
            margin-left: 40px !important;
        }

        /* #topnav .navigation-menu > li:nth-last-child(5) {

					display: none !important;

				} */

        #topnav .navigation-menu > li.has-submenu > a {
            padding-left: 0px !important;

            padding-right: 10px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .alert {
            padding: 5px 8px !important;
        }

        .ctad i {
            padding-right: 0px !important;
        }

        .btn-call span,
        .watch-video span {
            display: none !important;
        }

        .watch-vt span,
        .vt-brochure span {
            display: none !important;
        }

        .jplist-panel {
            display: inline-flex !important;
            width: 100%;
        }

        .jplist-ios-button {
            display: none !important;
        }

        #projects .fixed-filter {
            background: #fff !important;
        }

        .fixed-filter {
            padding: 10px;
            width: calc(100%) !important;
            background: #fff !important;
        }

        .custom-select {
            padding: 2px 5px !important;
        }

        .jplist-drop-down.custom-select {
            width: 30% !important;
            margin: 10px 5px 0 0 !important;
        }

        .jplist-drop-down .jplist-dd-panel {
            text-indent: 0px !important;
        }

        .jplist-drop-down.custom-select {
            font-size: 13px !important;

            height: 34px !important;

            line-height: 34px !important;
            text-indent: 0px !important;
        }
    }

    .up > a > span {
        padding: 3px 10px;

        border-radius: 5px;

        position: relative;

        margin-left: -12px !important;

        background: #222;

        border: 1px solid #222;

        color: #fff;

        font-size: 90%;
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .msearch {
            display: inline-block !important;
        }

        .sbtn i {
            top: 2px !important;
        }
    }

    @media (min-width: 992px) {
        #topnav .buy-button {
            display: none !important;
        }
    }

    @media (min-width: 1200px) {
        .projectfp-popup {
            max-width: 913px !important;
        }

        .sketchfab-embed-wrapper iframe {
            width: 853px !important;
            height: 480px !important;
        }
    }

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

        .btn-call span,
        .watch-video span {
            display: none !important;
        }

        .watch-vt span,
        .vt-brochure span {
            display: inline-block !important;
        }
    }

    .sld {
        background: #f44336 !important;

        position: absolute;

        border-radius: 10px !important;

        right: 10px;

        top: 10px;

        line-height: 1.4em !important;

        color: #fff !important;

        opacity: 0.9;
    }

    .mfp-bottom-bar {
        margin-top: 15px !important;

        position: absolute;

        left: 0 !important;

        top: 0 !important;

        right: 0 !important;

        bottom: 0 !important;

        width: 100% !important;

        cursor: auto;
    }

    .mfp-counter {
        left: 0px;
    }

    .mfp-bottom-bar .mfp-title {
        top: 0;

        margin-top: 40px;

        right: 10px;

        position: absolute;

        background: #f44336;

        line-height: 1.5rem !important;

        border-radius: 10px;

        text-align: center !important;

        color: #fff;

        padding: 0px !important;
    }

    @media (max-width: 991px) {
        .pslocation {
            display: inline-block;
        }

        .paddress {
            display: none;
        }

        .ctad {
            display: flex !important;
            margin-left: 0px;
        }

        .ctad > div:nth-child(1) {
            width: 60% !important;
            padding: 0px;
        }

        .ctad > div:nth-child(2) {
            width: 40% !important;
            padding: 0px;
            text-align: right !important;
        }

        #topnav .buy-button {
            padding: 3px 0;

            margin-right: 120px !important;
        }

        .plans-masonry .item {
            width: 50% !important;
        }

        .pi-section ul.amenities li {
            flex: 0 1 calc(50% - 10px);
        }

        .flexxdr {
            display: inline-block !important;
        }

        .bg-profile {
            max-height: 590px;
        }

        .pi-section h4 {
            font-size: 18px;
        }

        .flexxdr.features .icons {
            display: none !important;
        }

        .flexxd {
            margin-left: 0px !important;
        }
    }

    .event-schedule p.flxd {
        display: flex;

        margin-bottom: 5px;

        align-items: start;

        justify-content: start;
    }

    .event-schedule p.flxd > span:nth-child(2) {
        padding-left: 5px;
    }

    .event-schedule p.flxd > span:nth-child(1) {
        width: 22px;
    }

    .event-schedule .date .day {
        background: rgb(255 255 255) !important;
    }

    .event-schedule.card {
        background: #f9f9f9 !important;
    }

    #eccform,
    .vccform {
        position: relative;

        z-index: 1;

        right: 0px;

        padding: 30px 25px 35px;
    }

    .vccform {
        display: none;
    }

    .mfp-content .form-group label {
        display: none !important;
    }

    .mfp-content .form-group .icons {
        position: absolute;
        top: 14px;
    }

    .footer-mid {
        padding-left: 88px;
    }

    @media only screen and (max-width: 800px) {
        .footer-mid {
            padding-left: 10px;
        }
    }


    /*-------------------------------------------------------------*/

    @media (max-width: 767px) {
        .sticky-bar {
            margin-top: -10px;
            margin-bottom: 5px;
        }

        .card .list-inline-item {
            font-size: 14px !important;

            line-height: 20px !important;
        }
    }

    .sold-status h4,
    .available-status h4 {
        color: #fff;

        padding: 8px 15px;

        margin-bottom: 0px;

        font-size: 1rem !important;
    }

    .sold-status {
        position: absolute;

        background: #000;

        z-index: 99;

        top: 95px;

        right: 20px;

        border-radius: 6px;
    }

    .available-status {
        background-color: #8bc34a;

        position: absolute;

        z-index: 99;

        top: 95px;

        right: 231px;

        border-radius: 6px;
    }

    @media (max-width: 992px) {
        available-status {
            display: none;
        }
    }

    .pstatus {
        display: flex;
    }


    /*--------------------------------------------------------------------*/

    @media (max-width: 480px) {
        .radio-tile-group .input-container {
            height: 75px !important;

            flex: 1 1 75px !important;

            max-width: 75px !important;

            margin-right: 7px !important;

            margin-top: 8px !important;
        }
    }


    /*--------------------------------------------------------------*/



    .icon-fixed {
        position: fixed;
        right: 16px;
        bottom: 90px;
        z-index: 99999;
    }

    .icon-fixed img {
        width: 70px;
        height: 68px;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform-origin: bottom;
    }

    .bounce {
        animation: bounce 2s infinite;

        -webkit-animation: bounce 2s infinite;

        -moz-animation: bounce 2s infinite;

        -o-animation: bounce 2s infinite;
    }

    @-webkit-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-30px);
        }

        60% {
            -webkit-transform: translateY(-15px);
        }
    }

    @-moz-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -moz-transform: translateY(0);
        }

        40% {
            -moz-transform: translateY(-30px);
        }

        60% {
            -moz-transform: translateY(-15px);
        }
    }

    @-o-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -o-transform: translateY(0);
        }

        40% {
            -o-transform: translateY(-30px);
        }

        60% {
            -o-transform: translateY(-15px);
        }
    }

    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-30px);
        }

        60% {
            transform: translateY(-15px);
        }
    }

    #topnav .navigation-menu > li > a {
        padding-left: 10px !important;

        padding-right: 10px !important;
    }

    @media (max-width: 383px) {
        .panel-container {
            padding: 60px 20px 40px !important;
        }
    }

    @media (max-width: 767px) {
        #panelRight {
            width: 100% !important;

            background: rgb(255 255 255) !important;

            z-index: 9999 !important;

            box-shadow: 1px 1px 3px 2px #d2d2d2a6 !important;

            opacity: 1 !important;
        }

        .panel-container {
            padding: 60px 40px 40px;
        }
    }

    #panelRight {
        width: 750px !important;

        background: rgb(255 255 255) !important;

        z-index: 9999;
    }

    @media (min-width: 768px) {
        #panelRight {
            width: 600px !important;

            background: rgb(255 255 255) !important;

            z-index: 9999 !important;

            box-shadow: 1px 1px 3px 2px #d2d2d2a6 !important;

            opacity: 1 !important;
        }

        .panel-container {
            padding: 80px 40px 40px;
        }
    }

    @media (min-width: 1760px) and (max-width: 2100px) {
        #panelRight {
            width: 750px !important;

            background: rgb(255 255 255) !important;
        }

        #panelRight p,
        #panelRight li,
        #panelRight a {
            font-size: 1.1rem !important;
        }
    }

    @media (min-width: 2101px) {
        #panelRight {
            width: 1000px !important;

            background: rgb(255 255 255) !important;
        }

        #panelRight p,
        #panelRight li,
        #panelRight a {
            font-size: 1.35rem !important;

            margin-bottom: 60px;
        }

        .panel-container h5 {
            font-size: 1.5rem !important;

            margin-bottom: 30px !important;
        }
    }

    .panel-container #eform,
    .panel-container #dform,
    .panel-container #ecform,
    .panel-container #erform {
        padding: 0px !important;
    }

    .panel-container .form-group .icons {
        position: absolute;

        top: 13px;

        left: 18px;
    }

    .panel-container .vform .form-group .icons {
        position: absolute;

        top: 39px;
    }

    #panelBody.active {
        opacity: 1;

        visibility: visible;
    }

    #panelBody {
        position: fixed;

        z-index: 9998;

        background: #00000085;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        opacity: 0;

        visibility: hidden;
    }

    /*---------------------------------------------------------*/

    #SafeModal .modal-content {
        height: auto !important;
        max-height: none !important;
    }

    #SafeModal .modal-content label {
        font-size: 0.85rem;
        line-height: 0rem;
        background: #000;
        color: #fff;
        padding: 10px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px !important;
    }

    #SafeModal .modal-content input[type="checkbox"],
    input[type="radio"] {
        margin-right: 6px;
        position: relative;
        top: 0px;
    }

    #SafeModal .modal-header .close {
        background: #000;
        opacity: 1;
        color: #fff;
        width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px;
        top: 25px;
        right: 25px;
        border-radius: 6px;
        font-size: 1.2rem !important;
    }

    #SafeModal .modal-header,
    #SafeModal .modal-body,
    #SafeModal .modal-footer {
        background: #fdfffc;
    }