/*peekesh*/

@charset "UTF-8";

html {
    height: 100%;
}

/*
.cityInfoOuter {
    background-color:red;

}*/
.SCDesc {
    font-size: 8px !important;
    /*background-color: red;*/
    width: 300px;
}

body {
    min-height: 100%;
    position: relative;
    background: #e9e9e9;
    font-family: Montserrat;
    color: #040404 !important;
    margin: 0px;
    padding: 0px;
}


.mapLeasing, .mapLeasing::after, .mapLeasing::before {
    box-sizing: unset;
}


.footer-bottom, .footer-bottom::after, .footer-bottom::before {
    box-sizing: unset;
}

*, ::before, ::after {
    border-style: none;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
}

tbody th {
    font-weight: normal
}

.modalBanner,
.mid-height,
.firstbann-sec,
.secondbann-sec,
.thirdbann-sec,
.four-bann-sec,
.firstbann-sec > div,
.secondbann-sec > div,
.thirdbann-sec > div,
.four-bann-sec > div,
.modalBanner > div,
.imgSupplementDiv, .imgSupplementDiv > div {
    box-sizing: unset;
    border-style: none;
    border-radius: 0;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    box-shadow: none;
    border: 0;
}



.table td, .table th {
    vertical-align: middle;
}

.resizeFont {
    /*  overflow: auto;
    height: 18px*/
}

tr,
th {
    text-align: left;
}

a:focus,
button:focus,
*:focus {
    outline: none;
    box-shadow: none;
}
button {
    background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1 {
    font-family: Montserrat;
    font-size: 45px;
    font-weight: bold !important;
}

h2 {
    color: #000;
    font-weight: 600;
}


p {
    font-family: Montserrat;
    /*color: #505050;*/
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 20px;
}

.font18 {
    font-size: 18px !important;
}

h4 {
    color: #000;
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 2;
}

h5 {
    color: #626262;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 500;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }


.btn-Anchor {
    background: #1E39E9;
    border: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
    box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
}

    .btn-Anchor:disabled,
    .btn-Anchor[disabled] {
        background: rgba(30, 57, 233, 0.73);
    }

.outerDiv {
    overflow: auto;
    white-space: nowrap;
}

.column {
    width: 20%;
    height: 100%;
    display: table-cell;
    padding: 0 10px 0 0;
}

/*Pop sup Start*/

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
    background-color: #555;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
}

/* Add styles to the form container */
.form-container {
    max-width: 300px;
    padding: 10px;
    background-color: white;
}

    /* Full-width input fields */
    .form-container input[type=text], .form-container input[type=password] {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none;
        background: #f1f1f1;
    }

        /* When the inputs get focus, do something */
        .form-container input[type=text]:focus, .form-container input[type=password]:focus {
            background-color: #ddd;
            outline: none;
        }

    /* Set a style for the submit/login button */
    .form-container .btn {
        background-color: #4CAF50;
        color: white;
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        opacity: 0.8;
    }

    /* Add a red background color to the cancel button */
    .form-container .cancel {
        background-color: red;
    }

    /* Add some hover effects to buttons */
    .form-container .btn:hover, .open-button:hover {
        opacity: 1;
    }

.customFormControl::-webkit-input-placeholder {
    color: #595959;
}

.customFormControl:-ms-input-placeholder {
    color: #595959;
}

.customFormControl::placeholder {
    color: #595959;
    font-weight: 400;
}



#next {
    display: none;
}

li {
    color: #626262;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    /* text-transform: capitalize; */
}


.min-100 {
    min-height: 110px;
}

.fa {
    font-size: 13px;
}

.btn.focus,
.btn:focus,
a:hover,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.BodyWrapper {
    padding-top: 82px !important;
}

.radius-column {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#tmp {
    display: none;
}

.modal-backdrop {
    background-color: #fff;
}

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

.modal .modal-dialog .modal-content {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

#header {
    background: #fff;
    height: 64px;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 100;
}

    #header #logo {
        padding: 0;
    }

        #header #logo img {
            width: 140px;
        }

#nav-menu-container {
    float: left;
    margin: 12px 0 0 0;
}

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nav-menu > li {
        margin-left: 10px;
        float: left;
    }

    .nav-menu li {
        position: relative;
        white-space: nowrap;
    }

    .nav-menu a {
        padding: 8px 4px;
        text-decoration: none;
        display: inline-block;
        color: #555;
        font-weight: 600;
        font-size: 11.5px;
        outline: none;
        letter-spacing: 0;
        transition: 0.3s;
        text-transform: uppercase;
    }

    .nav-menu ul {
        background: #fff;
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
        padding: 10px;
        border: 1px solid #f4f4f4;
    }

    .nav-menu li:hover > ul,
    .nav-menu li.sfHover > ul {
        display: block;
    }

    .nav-menu ul ul {
        top: 0;
        left: 100%;
        margin: 0;
    }

    .nav-menu ul li {
        min-width: 180px;
        transition: 0.3s;
    }

        .nav-menu ul li a {
            padding: 5px 10px;
            color: #333;
            display: block;
            font-size: 14px;
            text-transform: none;
            font-weight: 500;
        }

    .nav-menu li:hover > a,
    .nav-menu > .menu-active > a {
        color: #fb711e;
    }

    .nav-menu ul li:hover > a {
        color: #fb711e;
    }

.sign-in {
    margin: 0px 0 0 0;
    line-height: 36px;
    border-left: none;
}

    .sign-in a {
        margin-top: 10px;
        margin-right: 20px;
        color: #555;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
    }

#nav-menu-containerlogout {
    float: right;
    margin: 12px 0 0 0;
}

#lnkUserName {
    max-width: 300px;
}

.main-wrapper {
    width: 100%;
    min-height: calc(100vh - 137px);
    position: relative;
    float: left;
}

.get-started:after {
    background: url(/images/hero-img.jpg) no-repeat;
    background-size: cover;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.4;
}

.get-started .caption {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 200px 0 0 0;
    text-align: center;
}

.get-started h1 {
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
    font-family: 'Montserrat-Bold', sans-serif;
    color: #242424;
}

.get-started h5 {
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 25px 0;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    color: #242424;
}

.get-started .btn-get-started {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 11px 36px;
    border-radius: 7px;
    transition: 0.5s;
    background: #f15f4c;
    color: #ffffff;
    text-decoration: none;
}

    .get-started .btn-get-started:hover {
        background: #fb711e;
        color: #fff;
    }

footer {
    width: 100%;
    text-align: center;
    padding: 16px 0;
    border-top: 1px solid #eee;
    float: left;
    position: static;
    bottom: 0px;
    font-size: 13px;
    color: #6b7280;
}

footer a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

footer a:hover {
    color: #fa521c;
}

    footer p {
        margin-bottom: 0;
    }

F .crb-tooltip {
    display: block;
}

.crb-tooltip,
.arrow:after {
    background: black !important;
}

.crb-tooltip {
    padding: 10px 20px;
    color: white;
    font-size: 14px;
    z-index: 999 !important;
    filter: initial;
    opacity: initial;
    box-shadow: initial !important;
    border: initial;
    border-radius: 5px !important;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    margin-left: -35px;
    top: 100%;
    margin-top: 0;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 15px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.builder-step {
    padding-bottom: 30px;
}

    .builder-step h1 {
        font-size: 22px;
        margin: 20px 0 0 0;
        margin-top: 40px;
        font-weight: 700;
        border-bottom: 2px solid #fa521c;
        padding-bottom: 16px;
        color: #1a1a2e;
        padding-left: 0px;
        position: relative;
        letter-spacing: -0.3px;
    }

        .builder-step h1:before {
            position: absolute;
            background: #fdc600;
            height: 2px;
            content: '';
            width: 30%;
            bottom: -2px;
            right: 0;
        }

.feature-section {
    padding: 15px;
    background: #fff;
    margin-top: 5%;
}

    .feature-section.package {
        padding: 15px !important;
    }

.feature-item {
    width: 100%;
    display: block;
    height: 350px;
    padding: 10px;
    border-radius: 5px;
}

    .feature-item:hover {
        width: 100%;
        display: block;
        height: 350px;
        background-color: #e9e9e9;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
    }

    .feature-item img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin-top: 20px;
        border: 2px solid #fff;
    }


    .feature-item:hover img {
        width: 150px;
        border-radius: 50%;
        margin-top: 20px;
        box-shadow: none;
        border: 2px solid #fa521c;
    }

    .feature-item a {
        display: block;
        text-align: center;
        height: 330px;
        cursor: pointer;
    }

    .feature-item h4 {
        padding-top: 10px;
        font-weight: 600;
        font-size: 22px;
        color: #C0C0C0;
        text-align: center;
        letter-spacing: inherit;
    }

@media only screen and (max-width: 1600px) {
    .feature-item h4 {
        font-size: 19px;
    }
}


.feature-item h6 {
    padding-top: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #C0C0C0;
    text-align: center;
    letter-spacing: inherit;
    margin-top: -20px;
}

.blue-btn,
.green-btn,
.orange-btn,
.sky-blue,
.red-btn {
    background: #1E39E9;
    padding: 16px 30px;
    color: #fff;
    font-size: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: none;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
}

    .blue-btn.back {
        background: url(../images/back-arrow.svg) no-repeat 25px center #1E39E9;
        padding-left: 51px;
    }

        .blue-btn.back:hover {
            background: url(../images/back-arrow.svg) no-repeat 25px center #1730d6;
        }

    .blue-btn:hover {
        background: #1730d6;
    }

    .blue-btn.back {
        background: url(../images/back-arrow.svg) no-repeat 25px center #1E39E9;
        padding-left: 51px;
    }

        .blue-btn.back:hover {
            background: url(../images/back-arrow.svg) no-repeat 25px center #1730d6;
        }

    .blue-btn img {
        margin-right: 5px;
    }

.green-btn {
    background: #037D79 !important;
}

    .green-btn:hover {
        background: #08ada7;
        color: #fff;
    }

.orange-btn {
    background: #FF8923;
}

    .orange-btn:hover {
        background: #eb7a19;
        color: #fff;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
        -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
        box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    }

.sky-blue {
    background: #55ACEE;
}

    .sky-blue:hover,
    .sky-blue:focus {
        background: #4b9cd9;
    }

.red-btn {
    background: #E71E2C;
    background: #FA521C;
}

    .red-btn:hover,
    .red-btn:focus {
        /*background: #d71724;*/
        background: #ff7143;
    }


/* -------------- Marketing Package -------------- */

.feature-item.marketing-box {
    background: #fff;
    min-height: 335px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

    .feature-item.marketing-box h5 {
        color: #3C4858;
        font-size: 14px;
        text-align: left;
        font-weight: 600;
        padding: 1px 0 13px 32px;
        text-transform: uppercase;
    }

    .feature-item.marketing-box ul {
        text-align: left;
        margin: 0;
        padding-left: 32px;
        padding-bottom: 25px;
        list-style: none;
    }

    .feature-item.marketing-box li {
        color: #3C4858;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 18px;
        text-transform: capitalize;
        position: relative;
    }

    .feature-item.marketing-box img {
        width: 90%;
        border-radius: 0;
        -webkit-border-radius: 0;
        position: relative;
        top: -18px;
    }

    .feature-item.marketing-box h4 {
        font-size: 16px;
        padding-top: 0px;
    }

    .feature-item.marketing-box li::before {
        content: "\f10c";
        color: #1E39E9;
        font-size: 7px;
        font-weight: bold;
        display: inline-block;
        width: 14px;
        margin-left: -14px;
        font-family: FontAwesome;
        position: absolute;
    }


/* -------------- Property Address -------------- */

.fullHeightSection.builder-step h1 {
    margin-top: 20px;
}

.fullHeightSection.builder-step h2 {
    font-size: 18px;
    color: #3C4858;
    font-weight: 300;
    margin-top: 22px;
}

.mainFormArea {
    padding: 0 0;
}

.mainFormAreaParcel {
    padding: 0 0;
}

.propertyaddressform {
    /*margin: 15px auto;*/
}

.address-block {
    /*padding: 20px 60px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .address-block.active {
        /*border: 1px solid #707070;*/
    }

.mainFormArea {
    /*max-height: 450px;*/
    /*overflow: auto;*/
    padding: 30px 17px;
    /*margin-top: 9%;*/
}

.mainFormAreaParcel {
    padding: 30px 17px;
}

.customFormControl {
    background: #fff;
    width: 100%;
    padding: 9px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    border: 1px solid #E6DBDA;
}

.propertyaddressform p.topText {
    text-align: left;
    color: #F23A02;
    font-size: 16px;
    font-weight: 500;
    /*margin: 42px 0 9px 0;*/
    padding: 0 0;
    /*padding-top: 20px;*/
}

.propertyaddressform p.bottomText {
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin: 32px 0 18px 0;
    padding: 0 0;
}

.form-group.d-flex .customFormControl {
    width: 33%;
}

.form-group.d-flex .customFormControl {
    margin-right: 10px;
}

    .form-group.d-flex .customFormControl:last-child {
        margin-right: 0;
    }

.button-group {
    text-align: center;
}

.addrno-btn,
.addryes-btn {
    color: #5A5A5A;
    font-size: 14px;
    font-weight: bold;
    background: #E0E1E2;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding: 8px 32px;
}

.addryes-btn {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

    .addrno-btn:hover,
    .addryes-btn:hover {
        color: #fff;
        background: #21BA45;
    }

.or {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    display: block;
    bottom: 7px;
    background: #fff;
    margin: 0 auto;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

.multiple-address {
    margin: 35px 0 0 0;
    /*border-top: 1px solid #707070;*/
    display: none;
}

    .multiple-address.show {
        display: block;
    }


    /*.propertyaddressform .multiple-address p.topText {
    margin: 25px 0 15px 0;
}*/

    .multiple-address .remove {
        background: #f44336;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        display: block;
        position: absolute;
        right: -40px;
        bottom: 40px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .multiple-address .removeparcel {
        background: #f44336;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        display: block;
        position: absolute;
        right: -40px;
        bottom: 40px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .multiple-address .removeparcelORAddress {
        background: #f44336;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        display: block;
        position: absolute;
        right: -40px;
        bottom: 40px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

#add-address {
    margin-bottom: 35px;
    /*display: none;*/
}

    #add-address.visible {
        display: inline-block;
    }

#add-parcel {
    margin-bottom: 35px;
    /*display: none;*/
}

    #add-parcel.visible {
        display: inline-block;
    }

.padd-section {
    padding-bottom: 0;
    padding-top: 20px;
}

.get-address h1,
.sales_price h1 {
    color: #3C4858;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 5px;
}

.get-address h2 {
    color: #3C4858;
    font-size: 18px;
    font-weight: 300;
    margin: 15px 0;
}

.property-list {
    margin: 0 auto 15px auto;
    padding: 15px 80px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #707070;
}

.add-address {
    width: 200px;
    padding: 20px 12px;
    margin: 0;
    text-align: center;
    position: absolute;
    right: -30%;
    top: 0;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

    .add-address h5 {
        text-align: left;
        color: #707070;
        font-size: 12px;
        font-weight: 600;
    }

.get-edit-address {
    margin: auto;
    padding: 0;
}

.edit-btn {
    background: #55acee;
    width: 30px;
    height: 30px;
    border: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}

.property-list .heading h3 {
    color: #707070;
    font-size: 20px;
    font-weight: 400;
}

    .property-list .heading h3 span {
        display: block
    }

.property-list .listing {
    max-height: 240px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 25px 0 0 0;
}

    .property-list .listing .row {
        background: #fff;
        padding: 10px 0;
        border-top: 1px solid #e2e2e3;
    }

        .property-list .listing .row .fa.menu {
            font-size: 18px;
            cursor: move;
        }

.custom-check {
    display: none;
}

    .custom-check + label,
    .custom-check + input[type="hidden"] + label {
        font-family: Montserrat;
        color: rgba(0, 0, 0, 0.8);
        position: relative;
        margin: 0;
        padding-top: 0;
        padding-left: 25px;
        font-size: 18px;
        font-weight: 800;
    }

        .custom-check + label:before,
        .custom-check + input[type="hidden"] + label:before {
            background: #fff;
            width: 18px;
            height: 20px;
            position: absolute;
            content: "";
            border: 1px solid #D4D4D5;
            left: 0;
            top: 4px;
            transition: all 0.3s;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }


        .custom-check + label:after,
        .custom-check + input[type="hidden"] + label:after {
            width: 17px;
            height: 9px;
            position: absolute;
            content: "";
            transition: all 0.3s;
            left: 2px;
            border: 2px solid transparent;
            transform: rotate(0deg);
            top: 5px;
        }

    .custom-check:checked + label:after,
    .custom-check:checked + input[type="hidden"] + label:after {
        border-left-color: #fff;
        border-bottom-color: #fff;
        transform: rotate(-45deg);
    }

    .custom-check.second + label:before {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 1px solid #D4D4D5;
    }

    .custom-check:checked + label:before,
    .custom-check:checked + input[type="hidden"] + label:before {
        background: #55acee;
        border-color: #47a6ed;
    }

    .custom-check + label.nago-check:before {
        /*background: #fff;*/
        width: 18px;
        height: 20px;
        position: absolute;
        content: "";
        border: 1px solid #D4D4D5;
        left: 0;
        top: 16px;
        transition: all 0.3s;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .custom-check + label.nago-check.checkposition:before {
        top: 3px !important;
    }

    .custom-check + label.nago-check:after {
        width: 17px;
        height: 9px;
        position: absolute;
        content: "✔";
        transition: all 0.3s;
        left: 2px;
        border: 2px solid transparent;
        transform: rotate(0deg);
        top: -2px;
        color: white;
    }

.nago-check.nago-check-top:before {
    top: 0 !important;
}

.sales_price p {
    font-size: 15px;
    color: #3C4858;
    font-weight: 500;
    padding-top: 0;
    margin: 0;
    line-height: 24px;
}

.price-forms {
    width: 450px;
    text-align: left;
    margin: auto;
}

    .price-forms .input-group {
        border: 1px solid #fff;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
        -moz-border-radius: 0.25rem;
        -webkit-border-radius: 0.25rem;
        border-radius: 0.25rem;
    }

    .price-forms .price-forms-fild label {
        color: #F23A02;
        font-size: 18px;
        margin-bottom: 0;
        padding-top: 15px;
        font-weight: 800;
        padding-bottom: 10px;
    }

    .price-forms .input-group > .input-group-prepend > .input-group-text {
        background-color: White;
        border: none;
        color: #9597A6;
    }

    .price-forms .form-control {
        border: none;
    }

.negotiable-check {
    position: absolute;
    right: -125px;
    z-index: 5;
    top: -9px;
}

.price-forms .price-forms-fild i {
    color: #1E39E9;
    font-size: 24px;
    position: absolute;
    right: -30px;
}

.price-forms .price-forms-fild label.nago-check {
    color: #929292;
    font-size: 15px;
    font-style: italic;
}

.outer-div {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 5px 10px 8px;
    margin: 30px auto;
    width: 95%;
}

.custom-progressbar .outer-div {
    top: 68% !important;
}

.modelProgress {
    text-align: center;
    overflow: hidden;
    scroll-behavior: smooth;
}

.modal-dialog.area-add-adres {
    max-width: 600px;
}

.modal-content.add-close .close,
.modal-body.add-close .close {
    background: none;
    color: #f44336;
    font-size: 45px !important;
    opacity: 1;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
}

.close.add-adre-close:not(:disabled):not(.disabled):focus,
.close.add-adre-close:not(:disabled):not(.disabled):hover {
    color: #f44336;
}

.add-addh-header {
    background: none;
    text-align: center;
    padding-top: 30px;
}

.modal-add-adress .address-block {
    padding: 35px 25px;
}

h5.add-address-title {
    color: rgba(0, 0, 0, 0.70);
    font-weight: bold;
    font-size: 24px;
}

h6.add-address-tagl {
    color: rgba(0, 0, 0, 0.70);
    font-size: 15px;
    padding-top: 7px;
}

p.topText {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    /*margin-bottom: 32px;*/
    padding: 0 5%;
}

.modal-add-adress p.topText {
    color: #F23A02;
    /*margin-bottom: 9px;*/
}

.modal-add-adress p.bottomText {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    font-weight: 500;
}

.add-addres-footer {
    padding: 0 0 44px 0;
    text-align: center;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    overflow-y: auto;
    margin-bottom: 25px;
}

#leasingDiv .scrollbar {
    max-height: 600px;
}

@media only screen and (max-width: 1600px) {
    #leasingDiv .scrollbar {
        max-height: 500px;
    }
}

#LeasingMdlDiv .scrollbar {
    margin-left: 0;
    margin-bottom: 0;
}

#LeasingMdlDiv .table {
    margin: 0;
}

    #LeasingMdlDiv .table thead {
        position: sticky;
    }

.property-name tr th {
    background: #fff;
    border: none;
}

    .property-name tr th h2 {
        color: #F23A02;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
    }

.property-name tr td {
    padding: 7px 5px;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e3;
}

.btnaddapidata {
    border: 0;
    color: #fff;
}

.btnRadius {
    border-radius: 19px;
    width: 30px;
    height: 30px;
    background-color: #4CAF50;
}

.btnFont {
    font-size: 12px;
}

.property-name tr td label {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.property-name tr td .form-control:disabled,
.property-name tr td .form-control[readonly] {
    background: #fff;
}

.overview-header {
    padding: 20px 0 10px;
}

    .overview-header h3 {
        font-size: 24px;
        font-weight: 300;
        color: #3C4858;
    }

    .overview-header p {
        font-size: 18px;
        font-weight: bold;
        color: #3C4858;
        margin: 0;
    }


/*umair*/

.add-points {
    border: 1px solid #ccc;
    border-radius: 10px;
    /*-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.66);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.66);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.66);*/
    padding: 0;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.add-points-header h5 {
    font-size: 18px;
    font-weight: 800;
    color: #3C4858;
    padding: 12px 0 12px 16px;
}


/*umair*/

.add-points .scrollbar {
    margin: 0;
    max-height: 460px;
    min-height: 460px;
    padding: 10px 0;
    height: 450px;
}

.setect-text-table tr {
    background: #fff;
    padding-top: 10px;
    border: 5px solid #fff;
}

.setect-text-table td {
    border: none;
    padding: 5px 15px 5px 25px;
}

    .setect-text-table td .white-box {
        position: relative;
        min-height: 120px;
        padding: 5px 10px 5px 30px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    }

        .setect-text-table td .white-box p {
            margin: 0;
            color: #000;
            font-size: 12px;
            font-weight: 400;
        }

.setect-text-table .add-rotate {
    background: #00ce22 url(/images/addHighlight.png) no-repeat center;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 10px 0px 0px 10px;
    padding: 7px 22px;
    width: 40px;
    margin: auto;
    position: absolute;
    left: -39px;
    top: -1px;
    height: 100%;
    min-height: 102%;
}


/*.setect-text-table .add-rotate:hover, .setect-text-table .add-rotate:focus {
        background: rgba(48,117,51,1);
    }*/

.table-wrapper {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-radius: 10px;
}

.table-wrapper-innerdiv {
    border: 1px solid #BFBFC4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
}

.add-points-header {
    border-radius: 4px 4px 0px 0px;
    width: 100%;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
    position: static;
    top: 0;
    background: #fff;
    z-index: 10;
    border-top: 1px solid #ccc;
}

    .add-points-header .btn {
        background: none;
        color: rgba(0, 0, 0, 0.55);
    }


    /*Umair*/

    .add-points-header button .fa {
        font-size: 20px;
        font-weight: bold;
        color: #000;
    }


/*umair*/

.assumptionsdiv {
    display: none;
}

.table-wrapper-innerdiv .scrolldiv {
    height: 460px;
    margin-left: 0;
    padding: 10px 10px 0px 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

table.propertyOvervieweditortable,
.editortable {
    border-collapse: separate;
    border-spacing: 0 4px;
    margin-bottom: 0;
    padding: 10px;
}

    .propertyOvervieweditortable tbody tr,
    .editortable tbody tr {
        border: 1px solid #00000036;
        -webkit-box-shadow: 0px 2px 5px #00000036;
        -moz-box-shadow: 0px 2px 5px #00000036;
        box-shadow: 0px 2px 5px #00000036;
        display: block;
        margin: 3px;
        padding: 10px;
        border-radius: 5px;
    }


        /*modified by umair*/

        .propertyOvervieweditortable tbody tr td,
        .editortable tbody tr td {
            color: #707070;
            font-size: 14px;
            font-weight: 400;
            line-height: 2;
            margin-bottom: 20px;
            border: none;
            outline: none;
        }

table.investmentsummaryeditortable,
.editortable {
    border-collapse: separate;
    border-spacing: 0 4px;
    margin-bottom: 0;
    padding: 10px;
}

    .investmentsummaryeditortable tbody tr,
    .editortable tbody tr {
        border: 1px solid #00000036;
        -webkit-box-shadow: 0px 2px 5px #00000036;
        -moz-box-shadow: 0px 2px 5px #00000036;
        box-shadow: 0px 2px 5px #00000036;
        display: block;
        margin: 3px;
        padding: 10px;
        border-radius: 5px;
        word-break: break-word;
    }


        /*modified by Ahmed*/

        .investmentsummaryeditortable tbody tr td,
        .editortable tbody tr td {
            color: #707070;
            font-size: 14px;
            font-weight: 400;
            line-height: 2;
            margin-bottom: 20px;
            border: none;
            outline: none;
            padding: 2px;
        }


/*.add-overbtn {
    width: 130px;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 15px 0;
    height: 50px;
    right: 0;
    left: 0;
    display: inline-block;
    margin: auto;
}

.add-new-property.add-btn, .add-new.add-btn {
    background: #FF8923;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
    box-shadow: 0px 8px 16px 0px rgba(156,39,176,0.36);
    color: #fff;
    padding: 8px;
}

.add-over {
    
    padding: 8px;
    font-size: 16px;
    cursor: pointer;
}*/

.add-overbtn {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 15px 0;
    height: 50px;
    border-top: 1px solid #ccc;
    float: left;
}

.add-new-property.add-btn,
.add-new.add-btn {
    background: #FF8923;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    color: #fff;
    padding: 8px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.add-new-summary.add-btn,
.add-new.add-btn {
    background: #FF8923;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    color: #fff;
    padding: 8px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.add-new-investment.add-btn,
.add-new.add-btn {
    background: #FF8923;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    color: #fff;
    padding: 8px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.add-new-location.add-btn,
.add-new.add-btn {
    background: #FF8923;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    color: #fff;
    padding: 8px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.add-over {
    padding: 8px;
    font-size: 16px;
    cursor: pointer;
    color: white !important;
}

.cutombtnremove {
    background: #d40000;
    border: 0;
    color: #fff;
    font-size: 33px;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 0;
    padding: 0;
    border-radius: 50px;
    flex: 0 0 30px;
    background: url(../images/cross-Btn.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 5px;
}

input[type="file"] {
    display: none;
}

.cityInformation .cityInfo {
    height: 495px;
}

.cityInfo .cityThumbnails {
    overflow: hidden;
    width: 100%;
}

    .cityInfo .cityThumbnails:not(:last-child) {
        margin-bottom: 15px;
    }

    .cityInfo .cityThumbnails .d-block {
        height: 200px;
        width: 100%;
    }

        .cityInfo .cityThumbnails .d-block img {
            height: 100%;
        }

    .cityInfo .cityThumbnails .actionBtn .btn {
        padding: .5rem .5rem;
        min-width: 80px;
    }

    .cityInfo .cityThumbnails .actionBtn .btn-choose {
        background-color: #35a8df
    }

    .cityInfo .cityThumbnails .actionBtn .btn-edit {
        background-color: #f27022
    }

.choosebtn {
    display: inline-block;
    pointer-events: inherit;
    color: #fff;
    position: relative;
    font-size: 15px;
    cursor: pointer;
}

.note-icon-strikethrough,
.note-view,
.note-insert,
.popover-content,
.note-para,
.note-icon-arrows-alt,
.note-icon-caret,
.note-style,
.note-table,
.note-icon-caret,
.note-icon-link,
.note-icon-picture,
.note-icon-video,
.note-icon-code,
.note-icon-question {
    display: none !important;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.BodyWrapper {
    padding-top: 82px !important;
}

.note-icon-strikethrough,
.note-view,
.note-insert,
.popover-content,
.note-para,
.note-icon-arrows-alt,
.note-icon-caret,
.note-style,
.note-table,
.note-icon-caret,
.note-icon-link,
.note-icon-picture,
.note-icon-video,
.note-icon-code,
.note-icon-question {
    display: none !important;
}


/*.avpw_scroll_page_incomplete {
        width: 220px !important;
    }*/

.avpw_scroll_page_complete {
    width: 490px !important;
    padding-left: 132px !important;
}

#avpw_control_main_scrolling_region {
    padding-left: 50px !important;
}

#avpw_logo,
#avpw_lftArrow,
#avpw_rghtArrow {
    display: none !important;
}


/*#avpw_tool_main_container,#avpw_canvas_embed {
        background-color: #989898 !important;
    }
    #avpw_tool_content_header, avpw_powered_branding {
        background-color: #989898 !important;

    }

    #avpw_save_button {
      background-color: #f7a32f !important;
    }*/


/*#edit-image-button,*/

#reset-image-button,
#clear-image-button,
#save-image-button {
    /*margin-top: 4px;*/
    width: 98px !important;
    height: 44px !important;
    margin-bottom: 2px !important;
}

#editable-image {
    width: 100%;
    /*margin-left: 81px !important;*/
    height: 325px;
}


/*.img-responsive {
        display: none !important;
    }*/

.fit {
    width: 100% !important;
    height: 100% !important;
}

.rotated {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


/*.C1 {
                    transition: all 0.5s ease !important;
                }*/


/*.divImg:hover {
                    background-color: red;
                    border-color: blueviolet;
                    opacity: 0.5;
                }*/

.marginauto {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    /*border: 1px solid green;*/
    height: 710px;
    /*padding: 10px;*/
    /*width: 325px;
                        height: 294px;*/
}

.center {
    left: 54%;
    top: 72%;
    margin-left: -150px;
    margin-top: -150px;
}

.owl-carousel .owl-stage {
    width: 100%;
}

.fit {
    width: 100% !important;
    height: 100% !important;
}

.rotated {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


/*.C1 {
                    transition: all 0.5s ease !important;
                }*/


/*.divImg:hover {
                    background-color: red;
                    border-color: blueviolet;
                    opacity: 0.5;
                }*/

.marginauto {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    /*border: 1px solid green;*/
    height: 710px;
    /*padding: 10px;*/
    /*width: 325px;
                        height: 294px;*/
}

.center {
    left: 54%;
    top: 72%;
    margin-left: -150px;
    margin-top: -150px;
}

.note-icon-strikethrough,
.note-icon-question {
    display: none !important;
}

.note-editable {
    border-top: 1px solid #fff;
}


/*ol {
        list-style: none;
    }*/

ol {
    list-style: inside;
    list-style-type: circle;
}

.scroll-header {
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

.cityImage {
    width: 100%;
    height: 210px;
    padding: 0;
    object-fit: cover
}

.areaMap {
    width: 100%;
    height: 210px;
    padding: 0;
}

div#mapeset {
    height: 100%;
}

.imgCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cityInfoBox {
    max-height: 495px;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 495px;
}

.cityInfo .cityThumbnails .d-block img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.shadowEffects {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 15px 0 15px 15px;
    height: auto;
}

h3.modalHeadText {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

table.customTableModal {
    width: 100%;
}

    table.customTableModal tr td {
        border: 1px solid #fff;
        vertical-align: middle;
        text-align: center;
        background: #ccc;
        font-size: 12px;
        font-weight: 500;
    }

        table.customTableModal tr td span {
            display: inline-block;
        }

    table.customTableModal tr:first-child td {
        background: #2d68ea;
        color: #fff;
    }

img.mapImg {
    display: block;
    width: 100%;
}


/*2019-01-07*/

.divdisabled {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}


/*2019-11-19*/

.purchase-price input {
    width: 33%;
    display: inline;
}

.purchase-price p {
    width: 33%;
    display: inline;
}

.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #2196F3;
}

.container-check:hover input ~ .checkmark {
    background-color: #fff;
}

.container-check input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-check input:checked ~ .checkmark:after {
    display: block;
}

.container-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #2196F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.border-right {
    border-right: 1px solid #e2e2e2;
}

.add-another-address {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 500;
    flex: 0 0 239px;
    padding: 0 15px;
    order: 999;
}

    .add-another-address .fa-plus-circle {
        /*color:#bb8d6b;*/
        color: #f15f4c;
        font-size: 20px;
    }

#upload-doc h2 {
    font-size: 20px;
    margin: 0;
}

#upload-doc h3 {
    font-size: 16px;
    padding: 4px 0;
}

.material-img {
    border: 1px solid #555;
    padding: 20px;
    height: 350px;
}


/*Jan 24,2019*/

.firstImgHere {
    display: block;
    width: 100%;
    position: relative;
}


/*.firstImgHere img,
    .imgSecond img {
        height: 100%;
        height: 427px;
        width: 100%;
        display: inline-block;
    }*/

.imgSecond {
    width: 405px;
    height: 378px;
    float: left;
}

.imgSecondRight {
    width: 407px;
    height: 355px;
    float: right;
}

.fistImgsiteplanE1 img {
    height: 100%;
    max-height: 708px;
    width: 100%;
    display: inline-block;
}


/*----------28 jan 2019-----------*/

.locationHighlightContents li {
    text-transform: inherit;
}

.investmentHighlightContents li {
    text-transform: inherit;
}

.dinlocationHighlights li {
    text-transform: inherit;
}

.dinInvestmentHighlights li {
    text-transform: inherit;
}

.dinpropertyOverview li {
    text-transform: inherit;
}

.propertyOverviewContents li {
    text-transform: inherit;
}

.divPropertyOverviewEditor li {
    text-transform: inherit;
}

divPropertyHighlightsEditor li {
    text-transform: inherit;
}


/*----------28 jan 2019-----------*/

.Next {
    display: none;
    background: #fa521c;
    color: #fff;
    padding: 10px 36px;
    text-align: center;
    border: 1px solid #fa521c;
    border-radius: 6px;
    margin-right: 3%;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}

.Next:hover {
    background: #e8461a;
    border-color: #e8461a;
}

.midMainLogo {
    position: absolute;
    height: 200px;
    width: 500px;
    /*top: 50%;*/
    top: 100%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.dvmidpropertyname {
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.midMainLogo img {
    height: 100%;
}

.customTooltip {
    color: #1c619a !important;
    display: inline-block;
}

.fade.in {
    opacity: 1 !important;
}


/*Jan 24,2019*/

.search {
    position: absolute;
    right: 10px;
    top: 10px;
}

.setect-text {
    background: #f3f5f4;
    padding: 15px;
    border-top: 4px solid #3f4e63;
}

.text-transform {
    transform: rotate(270deg);
    position: relative;
    top: 0px;
    left: -15px;
}

.img-editor {
    background: #f9f9f9;
    text-align: center;
    border: 2px dashed #c3bfbf;
    padding: 80px;
}

.modal-footer-display-none {
    display: none;
}


/*start css location highlight*/

.setect-text-table ul li {
    background: #fff;
    padding-top: 10px;
    border: 5px solid #f3f5f4;
    list-style: none;
}

    .setect-text-table ul li:nth-child(1) {
        width: 6%;
        float: left;
    }

    .setect-text-table ul li:nth-child(2) {
        width: 94%;
        float: left;
        padding-left: 10px;
    }

.img-editor {
    background: #f9f9f9;
    text-align: center;
    border: 2px dashed #c3bfbf;
    padding: 80px;
}

.img-editor1 {
    background: #f9f9f9;
    text-align: center;
    border: 2px dashed #c3bfbf;
    padding: 10px;
}

.editortoolbox {
    background: #d5d3d4;
    text-align: center;
    padding: 10px;
}

.img-editor1 img {
    width: 90%;
}

.list-editor ul li {
    list-style: none;
    float: left;
    display: inline-block;
    width: 23%;
    margin-top: 25px;
    margin-right: 10px;
    margin-left: -5px;
}

.note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    word-wrap: break-word;
    background-color: #fff;
    height: 452px;
}


/*End css location highlight*/


/*25/02/2019 Virender Negi*/

.uploaded-img-wrap {
    border: 2px solid #CCC;
    height: 325px;
    overflow: auto;
    padding: 2px 6px;
}

    .uploaded-img-wrap img {
        width: 100%;
        height: 120px;
        background: #CCC;
        display: inline-block;
        margin: 4px 0px;
        /*display: none;*/
    }

.custom-modal-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
}

#editorModel .modal-body {
    padding: 0 15px;
}


/*-------------05 Apr 2019-------------*/

.note-btn.btn {
    padding: 6px 10px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.note-btn.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #000;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


/*22feb2019 - Virender Negi*/

.modal-header .close,
.modal-body .close {
    background-color: transparent;
    opacity: 1;
    color: #dc3545;
    text-shadow: none;
    font-size: 22px;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    padding-bottom: 5px;
    line-height: 32px;
    top: -17px;
    position: absolute;
    right: 13px;
}

.modal-header .close {
    /*margin: 0.5rem -.8rem -1rem auto;*/
    top: 19px;
    right: 19px;
    z-index: 108;
    opacity: 0.8;
    font-size: 52px !important;
    font-weight: 600;
}

.modal-body .close {
    /*top: 2px;
    right: 2px;*/
    top: 50px;
    right: 0px;
    z-index: 10;
    opacity: 0.8;
    font-size: 30px !important;
}

    .modal-header .close:not(:disabled):not(.disabled):focus,
    .modal-header .close:not(:disabled):not(.disabled):hover,
    .modal-body.close:not(:disabled):not(.disabled):focus,
    .modal-body .close:not(:disabled):not(.disabled):hover {
        /*color: rgba(220, 53, 69, 0.7);*/
        /*color: rgba(255, 255, 255, 1);*/
        color: black;
    }

.prefooterSection img {
    max-height: 120px;
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.customCloseBtn {
    background: #d40000;
    border: 0;
    color: #fff;
    font-size: 33px;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 0;
    padding: 0;
    border-radius: 50px;
    flex: 0 0 30px;
    background: url('../images/cross-Btn.png') no-repeat 0 0;
    background-size: 100% 100%;
    margin: 5px;
}

.btnAddApiData {
    background: url('../images/rightBtn.png') no-repeat 0 0;
    background-size: 100% 100%;
}

#hero h2 {
    color: #777;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 300;
}

#hero img {
    max-width: 100%;
    width: 100%;
    opacity: 0.4;
    height: auto;
}

#hero .btns a {
    color: #555;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 4px 20px;
    text-decoration: none;
    transition: 0.3s;
}

    #hero .btns a:hover {
        color: #fb711e;
    }


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/* Nav Menu Essentials */


/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
    padding-right: 22px;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}


/* Nav Meu Container */


/*Jan 19, 2019*/

.dinInvestmentHighlights {
    min-height: 200px;
}

.divPropertyOverview {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    list-style: none;
}

    .divPropertyOverview li {
        list-style: none;
    }


.divPropertyHighlights {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.dinPropertyHighlights {
    min-height: 200px;
}

.divPropertyHighlightsEditor {
    min-height: 200px;
}

.dinpropertyOverview {
    min-height: 200px;
}

.divPropertyOverviewEditor {
    min-height: 200px;
}


/*01-24-2019*/

.photoUploadSetion h3 {
    font-size: 16px;
    margin-bottom: 8px;
}

.contact .photoUploadSetion h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px 0;
}


/*01-24-2019*/


/* Nav Meu Styling */


/* Mobile Nav Toggle */

#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 12px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

    #mobile-nav-toggle i {
        color: #555;
        font-size: 24px;
    }


/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(52, 59, 64, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

    #mobile-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #mobile-nav ul li {
            position: relative;
        }

            #mobile-nav ul li a {
                color: #fff;
                font-size: 14px;
                overflow: hidden;
                padding: 6px 22px 6px 15px;
                position: relative;
                text-decoration: none;
                width: 100%;
                display: block;
                outline: none;
                letter-spacing: 0;
            }

                #mobile-nav ul li a:hover {
                    color: #fff;
                }

            #mobile-nav ul li li {
                padding-left: 30px;
            }

        #mobile-nav ul .menu-has-children i {
            position: absolute;
            right: 0;
            z-index: 99;
            padding: 15px;
            cursor: pointer;
            color: #fff;
        }

            #mobile-nav ul .menu-has-children i.fa-chevron-up {
                color: #fb711e;
            }

        #mobile-nav ul .menu-item-active {
            color: #fb711e;
        }

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, 0.9);
    display: none;
}


/* Mobile Nav body classes */

body.mobile-nav-active {
    overflow: hidden;
}

    body.mobile-nav-active #mobile-nav {
        left: 0;
    }

    body.mobile-nav-active #mobile-nav-toggle i {
        color: #fff;
    }


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/


/*property address*/

.lblpropertyaddress {
    margin-left: 7px;
}

#property-summary ul {
    margin: 0px;
    padding: 10px 15px;
}

    #property-summary ul li {
        list-style: square;
        line-height: 20px;
        letter-spacing: 0;
        margin-bottom: 10px;
    }

#property-summary h3 {
    font-size: 20px;
}

#property-summary h2 {
    font-size: 22px;
}

#property-summary .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

.modal-property {
    max-width: 85%;
}

.section-title {
    margin-bottom: 40px;
}

    .section-title h2 {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 20px;
        text-transform: UPPERCASE;
    }

    .section-title .separator {
        margin: 0;
    }


/* Get Started Section
--------------------------------*/

#get-started {
    display: inline-block;
    height: 100%;
    width: 100%;
}

    #get-started .feature-block {
        background: #fff none repeat scroll 0 0;
        padding: 30px 20px;
        transition: all 0.5s ease-in-out 0s;
    }

        #get-started .feature-block:hover {
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
            transition: all 0.5s ease-in-out 0s;
        }

        #get-started .feature-block h4 {
            margin-bottom: 20px;
        }

        #get-started .feature-block p {
            margin-bottom: 20px;
        }

        #get-started .feature-block a {
            color: #505050;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            text-transform: capitalize;
            transition: 0.3s;
        }

            #get-started .feature-block a:hover {
                color: #fb711e;
            }


/* About Us Section
--------------------------------*/

#about-us img {
    max-width: 100%;
}

#about-us .about-content {
    padding-top: 60px;
}

    #about-us .about-content h2 {
        color: #252525;
        font-size: 39px;
        font-weight: 100;
        letter-spacing: 2px;
        margin-bottom: 20px;
        text-transform: capitalize;
    }

    #about-us .about-content span {
        font-weight: 700;
        padding-right: 10px;
        text-transform: uppercase;
    }

    #about-us .about-content ul li {
        line-height: 36px;
    }

        #about-us .about-content ul li .fa {
            padding-right: 20px;
        }


/* Features Section
--------------------------------*/

#features {
    display: inline-block;
    height: 100%;
    width: 100%;
}

    #features .feature-block {
        background: #fff none repeat scroll 0 0;
        padding: 30px 20px;
        margin-bottom: 30px;
        transition: all 0.5s ease-in-out 0s;
    }

        #features .feature-block:hover {
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
            transition: all 0.5s ease-in-out 0s;
        }

        #features .feature-block h4 {
            margin-bottom: 20px;
        }

        #features .feature-block p {
            margin-bottom: 0;
        }


/* Screenshots Section
--------------------------------*/

.owl-dot.active > span {
    height: 10px !important;
    width: 10px !important;
}

.owl-theme .owl-dots .owl-dot span {
    height: 10px !important;
    width: 10px !important;
}

.owl-item img {
    cursor: pointer;
}

.owl-stage-outer {
    margin-bottom: 30px;
}

.owl-theme .owl-nav {
    display: none;
    margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fb711e;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ddd;
}


/* Video Section
--------------------------------*/

#video {
    background: url(../img/video-bg.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    overflow: hidden;
}

    #video .overlay {
        background: rgba(0, 0, 0, 0.85);
        height: 100%;
    }

        #video .overlay .play-btn {
            width: 94px;
            height: 94px;
            background: radial-gradient(#fb711e 50%, rgba(113, 197, 93, 0.15) 52%);
            border-radius: 50%;
            display: block;
            margin: 153px auto 0;
            position: relative;
            overflow: hidden;
        }

            #video .overlay .play-btn::after {
                content: '';
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-40%) translateY(-50%);
                transform: translateX(-40%) translateY(-50%);
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 15px solid #fff;
                z-index: 100;
                transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }

            #video .overlay .play-btn:before {
                content: '';
                position: absolute;
                width: 120px;
                height: 120px;
                -webkit-animation-delay: 0s;
                animation-delay: 0s;
                -webkit-animation: pulsate1 2s;
                animation: pulsate1 2s;
                -webkit-animation-direction: forwards;
                animation-direction: forwards;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: steps;
                animation-timing-function: steps;
                opacity: 1;
                border-radius: 50%;
                border: 2px solid rgba(255, 255, 255, 0.5);
                top: -15%;
                left: -15%;
                background: rgba(198, 16, 0, 0);
            }

            #video .overlay .play-btn:hover::after {
                border-left: 15px solid #fb711e;
                -webkit-transform: scale(20);
                transform: scale(20);
            }

            #video .overlay .play-btn:hover::before {
                content: '';
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-40%) translateY(-50%);
                transform: translateX(-40%) translateY(-50%);
                width: 0;
                height: 0;
                border: none;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 15px solid #fff;
                z-index: 200;
                -webkit-animation: none;
                animation: none;
                border-radius: 0;
            }

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes pulsate2 {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}


/* Team Section
--------------------------------*/

#team .team-block {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    height: 254px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    #team .team-block img {
        width: 100%;
    }

    #team .team-block .team-content {
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
        bottom: -147px;
        padding: 20px 0;
        position: absolute;
        width: 100%;
        transition: all 0.5s ease-in-out 0s;
    }

        #team .team-block .team-content ul {
            display: block;
            width: 100%;
        }

            #team .team-block .team-content ul li {
                display: inline-block;
            }

                #team .team-block .team-content ul li a {
                    color: #626262;
                }

                    #team .team-block .team-content ul li a .fa {
                        float: left;
                        padding-left: 10px;
                        padding-right: 10px;
                        transition: 0.3s;
                    }

                        #team .team-block .team-content ul li a .fa:hover {
                            color: #fb711e;
                        }

            #team .team-block .team-content ul > span {
                display: inline-block;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: 0.5px;
                margin-bottom: 20px;
                text-transform: uppercase;
            }

    #team .team-block:hover .team-content {
        bottom: 0px;
        transition: all 0.5s ease-in-out 0s;
    }


/* Testimonials Section
--------------------------------*/

#testimonials .testimonials-content {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    padding: 49px 20px;
}

    #testimonials .testimonials-content::before {
        color: #fb711e;
        content: "";
        display: inline-block;
        font: 70px/1 FontAwesome;
        position: absolute;
        right: 43px;
        text-align: left;
        top: -29px;
    }

#testimonials .top-top > h2 {
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#testimonials .top-top > h4 {
    font: 700 12px Lato, sans-serif;
}

#testimonials .top-top span {
    font-size: 12px;
    font-weight: 300;
    margin-left: 26px;
}

#testimonials .btm-btm ul li {
    float: left;
    margin-left: 13px;
    border-radius: 50%;
    margin-right: 13px;
    background: #ddd none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: block;
    height: 10px;
    width: 10px;
}

#testimonials .btm-btm .active {
    background: #fb711e;
}


/*------------------------------28/11/2018----------------------------*/

nav#cookieConsent {
    display: none;
}

.flexCustom {
    display: flex;
}

.customRow {
    display: flex;
    /*float: left;*/
    padding: 18px 0;
    padding-right: 53px;
    /*overflow: scroll;*/
    position: relative;
    width: 735px !important;
    /*height: 712px !important;*/
    box-shadow: 0 0 10px #ccc;
    margin: 15px auto 30px;
}


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

.rowCustomar {
    display: flex;
    padding: 15px 0;
}

.outerMain {
    display: flex;
    flex: 0 0 70%;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 735px !important;
    height: 708px !important;
    box-shadow: 0 0 10px;
    margin: 15px auto 30px;
}

.rightMain {
    display: flex;
    flex: 0 0 30%;
}

.innerCol {
    flex: 0 0 50%;
    padding: 0 15px;
}

.rightMain .innerCol {
    flex: 0 0 100%;
}

.slimScrollBar {
    right: -16px !important;
    border-radius: 0 !important;
}

.slimScrollBarH {
    bottom: -43px !important;
    border-radius: 0 !important;
}

.tooltip * {
    padding: 4px 8px;
    text-transform: uppercase;
}

.slimScrollRail {
    width: 13px !important;
    /*height: 94% !important;*/
    position: absolute;
    top: 0px;
    display: block !important;
    border-radius: 0 !important;
    background: rgb(51, 51, 51);
    opacity: 0.2;
    z-index: 90;
    right: -19px !important;
}

.slimScrollRailH {
    width: 98% !important;
    height: 13px !important;
    position: absolute;
    display: block !important;
    border-radius: 0 !important;
    background: rgb(51, 51, 51);
    opacity: 0.2;
    z-index: 90;
    bottom: -46px !important;
}

.slimScrollDiv {
    overflow: initial !important;
}

.customRow-right {
    margin: 15px -15px 0 -15px;
    /* max-width: 100%; */
    max-width: 30%;
    /* display: flex; */
    float: right;
    margin-left: 45px;
    /* margin-top: 160px; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 15px;
    height: calc(100% - 45px);
}


/* Pricing Table Section
--------------------------------*/

#pricing .block-pricing {
    background: #fff;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19);
    display: inline-block;
    position: relative;
    width: 100%;
}


/*-------------------------19/12/18-----------------------*/

.blue_bg {
    background: #bbd3de;
    padding: 0 15px;
    position: relative;
}

.white_bg {
    background: #fff;
    padding: 0 15px;
    position: relative;
}

.excHead {
    font-size: 31px;
    color: #405460;
    margin: 0;
    padding: 8px 0;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 100%;
}

.addressPara p {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 150%;
}

.tableText {
    margin: 0;
    padding: 35px 0 0 0;
    font-size: 27px;
    color: #405460;
}

.customCardHead {
    margin: 0;
    padding: 12px 0 0 0;
    font-size: 27px;
    color: #405460;
}

.popupCard p {
    font-size: 14px;
    color: #000;
    line-height: 150%;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

.small-font p {
    font-size: 13px;
}

.prefooterSection {
    margin: 60px 0 25px;
}

    .prefooterSection p {
        font-size: 13px;
        color: #000;
        line-height: 150%;
        padding: 0;
        margin: 0;
        text-align: left;
    }

.bg_img {
    background: url('https://www.unesale.com/ProductImages/Large/notfound.png') no-repeat 0 0;
    background-size: 100% 100%;
}

.bg_img {
    height: 100%;
    width: 249px;
}

p .strongWhite {
    color: #e35e2c;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.prefooterSection img {
    display: block;
    margin-bottom: 12px;
    width: 60%;
}

.topHeadText {
    color: #000;
    font-size: 40px;
    color: #b6b6b6;
    line-height: 150%;
    padding: 08px;
    margin: 0;
}

.blueBg {
    background-color: #b9cfda;
    position: relative;
    padding-bottom: 200px;
}

.topHeadText {
    font-size: 23px !important;
    color: #405460 !important;
    padding: 15px 0;
    text-transform: uppercase;
}

#modal03 .modelClose {
    top: 5px;
    right: 5px;
}

.topHeadText.text-white {
    padding: 25px 0 15px 0;
}

#modal03 .popupCard p {
    font-weight: 400;
    color: #000;
}

.blueBg .prefooterSection img {
    display: inline-block;
    margin-bottom: 12px;
    width: 100%;
    max-height: 120px;
}

.blueBg .prefooterSection {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    padding: 15px;
}

    .blueBg .prefooterSection p {
        color: #000;
        line-height: 130%;
        font-weight: 400;
    }

#pricing .block-pricing .table {
    margin-bottom: 0;
    padding: 30px 15px;
    max-width: 100%;
    width: 100%;
}

    #pricing .block-pricing .table h4 {
        padding-bottom: 30px;
    }

#pricing .block-pricing h2 {
    margin-bottom: 30px;
}

#pricing .block-pricing ul {
    list-style: outside none none;
    margin: 10px auto;
    max-width: 240px;
    padding: 0;
}

    #pricing .block-pricing ul li {
        border-bottom: 1px solid rgba(153, 153, 153, 0.3);
        padding: 12px 0;
        text-align: center;
    }

        #pricing .block-pricing ul li b {
            color: #3c4857;
        }

#pricing .block-pricing .table .table_btn a {
    background: #fb711e;
    color: #fff;
    margin: 0;
    display: inline-block;
}

    #pricing .block-pricing .table .table_btn a:hover {
        background: #55b03f;
    }

    #pricing .block-pricing .table .table_btn a .fa {
        font-size: 13px;
        margin-right: 5px;
    }


/* Blog Section
--------------------------------*/

#blog .block-blog img {
    width: 100%;
}

#blog .block-blog .content-blog {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19);
    display: inline-block;
    min-height: 125px;
    padding: 20px 10px;
    width: 100%;
}

    #blog .block-blog .content-blog h4 {
        line-height: 24px;
        margin-bottom: 20px;
        text-transform: capitalize;
        font-weight: normal;
        letter-spacing: 0;
        font-size: 16px;
    }

        #blog .block-blog .content-blog h4 a {
            color: #555;
            text-decoration: none;
            transition: 0.3s;
        }

            #blog .block-blog .content-blog h4 a:hover {
                color: #fb711e;
            }

    #blog .block-blog .content-blog > span {
        float: left;
        font-size: 12px;
    }

    #blog .block-blog .content-blog a.readmore {
        color: #505050;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s;
        letter-spacing: 0;
        text-transform: capitalize;
    }

        #blog .block-blog .content-blog a.readmore:hover {
            color: #fb711e;
        }


/* Newsletter Section
--------------------------------*/

#newsletter {
    background: transparent url(../img/newsletter-bg.jpg) no-repeat center top fixed;
    background-size: cover;
}

    #newsletter .overlay {
        background: linear-gradient(rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 95%);
        height: 100%;
        width: 100%;
    }

    #newsletter .form-control {
        background-color: transparent;
        border: 1px solid #dddddd;
        border-radius: 0;
        color: #888;
        font-size: 11px;
        font-weight: 600;
        height: 50px;
        text-align: center;
        width: 70%;
        background: #fff;
    }

        #newsletter .form-control:focus {
            border-color: #fb711e;
            box-shadow: none;
            outline: 0 none;
        }

    #newsletter .btn {
        background: #fb711e;
        border: 0;
        border-radius: 0;
        height: 50px;
        width: 30%;
        transition: 0.3s;
    }

        #newsletter .btn:hover {
            background: #55b03f;
        }

        #newsletter .btn .fa {
            padding-right: 10px;
        }

    #newsletter ul {
        display: inline-block;
        margin-top: 40px;
        margin-bottom: 0;
    }

        #newsletter ul li {
            background: #fb711e;
            border-radius: 50px;
            float: left;
            height: 35px;
            line-height: 35px;
            margin-left: 10px;
            margin-right: 10px;
            width: 35px;
            transition: 0.3s;
        }

            #newsletter ul li:hover {
                background: #55b03f;
            }

            #newsletter ul li .fa {
                color: #fff;
            }


/* Contact Section
--------------------------------*/

#contact {
    background: #fff;
}

    #contact .info {
        color: #222;
    }

        #contact .info i {
            font-size: 32px;
            color: #fb711e;
            float: left;
        }

        #contact .info p {
            padding: 0 0 10px 50px;
            margin-bottom: 20px;
            line-height: 22px;
            font-size: 14px;
        }

        #contact .info .email p {
            padding-top: 5px;
        }

    #contact .social-links {
        padding-bottom: 20px;
    }

        #contact .social-links a {
            font-size: 18px;
            display: inline-block;
            background: #fb711e;
            color: #fff;
            line-height: 1;
            padding: 6px 0 8px 0;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }

            #contact .social-links a:hover {
                background: #55b03f;
                color: #fff;
            }

    #contact .form #sendmessage {
        color: #fb711e;
        border: 1px solid #fb711e;
        display: none;
        text-align: center;
        padding: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    #contact .form #errormessage {
        color: red;
        display: none;
        border: 1px solid red;
        text-align: center;
        padding: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }

        #contact .form #sendmessage.show,
        #contact .form #errormessage.show,
        #contact .form .show {
            display: block;
        }

    #contact .form .validation {
        color: red;
        display: none;
        margin: 0 0 20px;
        font-weight: 400;
        font-size: 13px;
    }

    #contact .form input,
    #contact .form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        padding: 12px 10px;
        line-height: 1;
    }

    #contact .form button[type="submit"] {
        background: #fb711e;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
    }

        #contact .form button[type="submit"]:hover {
            background: #92d283;
        }


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
    background: #2a2c30;
    padding-top: 50px;
}

    .footer .footer-logo .navbar-brand {
        color: #fff;
        display: inline-block;
        float: none;
        font-size: 24px;
        font-weight: 500;
        height: 100%;
        letter-spacing: 0.2em;
        padding-left: 0;
        padding-top: 0;
    }

    .footer .footer-logo p {
        color: #fff;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .footer .list-menu > h4 {
        color: #fff;
        padding-bottom: 20px;
    }

    .footer .list-menu ul li a {
        color: #fff;
        font-size: 12px;
        padding-left: 5px;
        text-decoration: none;
        letter-spacing: 0;
    }

    .footer .copyrights {
        background: #fff;
        margin-top: 50px;
        text-align: center;
        padding: 25px;
    }

        .footer .copyrights p,
        .footer .copyrights .credits {
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 14px;
            letter-spacing: 0;
        }

            .footer .copyrights p a,
            .footer .copyrights .credits a {
                letter-spacing: 0;
                color: #fb711e;
            }

.marketing-material .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


/*.dropzone .dz-preview .dz-image {
    width: 100px;
}*/

.dropzone .dz-preview .dz-image {
    margin: 0 auto;
    border-radius: 0;
}

.market-section img {
    width: 50px;
}

.market-section.customDropZone img {
    width: 100%;
}

.market-section h4 {
    color: #9a9a9a;
    font-size: 12px;
    margin: 15px 0;
}

.market-section {
    /*border: 2px solid #b7b6b6;*/
    border: none;
    padding: 12px;
    height: 170px;
    /*cursor: pointer;*/
    position: relative;
}

    .market-section.active {
        background: #1db9a4;
        border-color: #1db9a4;
        color: #fff !important;
    }

    .market-section.customDropZone.active {
        background: #ffffff;
        border-color: #b7b6b6;
        color: #b7b6b6 !important;
    }

.dropzone.dz-clickable {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
    border: 0px dotted #000 !important;
}

.dropzone.clickable {
    border: 1px dotted #000 !important;
}

.customFromGroupTop {
    width: 500px;
    margin: 0 auto;
}

.txtLeasingZip.customFormControl {
    width: 90px;
}

#btnViewMoreFields i {
    display: block;
}

.customFromGroupTop label {
    font-size: 20px;
    color: #000;
}

.customFromGroupTop .form-control {
    border: 1px solid #000;
}

    .customFromGroupTop .form-control::placeholder {
        color: #000;
        font-style: italic;
    }

.popertySearchArea {
    margin-bottom: 30px;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0;
}

.market-section.active .fa-cloud-upload {
    color: #767676 !important;
}

.market-section .fa-cloud-upload {
    color: #767676;
    font-size: 25px !important;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0;
}


/*.innerContentDroop {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
}*/

.market-section .dropzone .innerContentDroop {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: fit-content;
    text-align: center;
    left: 0;
    height: 74%;
}

.market-section .dropzone .dz-preview .dz-details {
    line-height: 63%;
}

.market-section .dropzone {
    /*display: flex;
    flex-direction:column-reverse;
    flex-wrap:wrap;*/
}

    .market-section .dropzone .clickhere {
        border: 1px solid #707070;
        border-radius: 5px;
        background: #BCBCBC;
        float: left;
        flex-grow: 1;
        width: 146px;
        height: 85px;
    }

    .market-section .dropzone .dz-preview {
        border-radius: 5px;
        float: left;
        width: 150px;
        height: 85px;
    }

        .market-section .dropzone .dz-preview .dz-image {
            margin: 0px !important;
            height: 80%;
            width: 100%;
            border: 2px solid #707070 !important;
            border-radius: 6px
        }

            .market-section .dropzone .dz-preview .dz-image img {
                display: block;
                height: 100%;
                width: 100%;
                object-fit: cover;
                border-radius: 5px;
            }

#Space_Description {
    min-height: 160px;
}

.outerFormArea form#uploader {
    text-align: center;
}

.dropzone .dz-preview {
    position: relative !important;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
    min-height: 100px;
    /*top: -34px !important;*/
    top: 50% !important;
    left: 0 !important;
    /*height: 100% !important;*/
    padding: 0 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.market-section.active h4 {
    color: #fff;
}

.section-btn a {
    background: #f7a32f;
    border: 1px solid #f7a32f;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}

.contact h2 {
    font-size: 23px;
    font-weight: 400;
    margin: 20px 0;
}

.contact .btn-send {
    background: #f7a32f;
    border: 1px solid #f7a32f;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    padding: 10px 25px;
}

    .contact .btn-send.removeSectionBtn i {
        position: absolute;
        line-height: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
    }

.btn-send.removeSectionBtn {
    background: rgb(255, 255, 255);
    color: #d40000;
    float: right;
    border: 1px solid rgb(222, 0, 0);
    border-radius: 50px;
    height: 45px;
    width: 45px;
    display: block;
    padding: 0;
    position: absolute;
    top: -15px;
    right: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}


/*.cont:hover .btn-send.removeSectionBtn {
    visibility: visible;
    opacity: 1;
}*/

.cont {
    position: relative;
    width: 750px;
    margin: auto;
}

img#blah {
    width: 160px;
    height: 120px;
    object-fit: cover;
    vertical-align: top;
}

input[type="file"] {
    /*display: none;*/
    display: block;
    /*margin-top: 15px;*/
    margin-bottom: 15px;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: #545454;
    color: #fff;
    border-radius: 5px;
    display: none;
}

.progres ul li {
    list-style: none;
    display: inline-block;
    /*display:none;*/
}

.progres ul {
    padding: 0px 10px;
    overflow: auto;
    width: 100%;
    margin: 0px;
    white-space: nowrap;
}

    .progres ul li img {
        width: 145px;
        height: 95px;
        /*border: 2px solid #ffbb99;*/
        border-radius: 2px;
        margin-right: 5px;
    }

.img-disabled {
    opacity: .6;
}

.add-another-address a {
    /*color:#bb8d6b;*/
    color: #333;
    font-size: 20px;
}

.collapse-address {
    margin-top: -60px;
}

    .collapse-address .add-another-address {
        font-size: 20px;
        margin-top: 30px;
        font-weight: 500;
        position: relative;
        top: -125px;
    }

.container1 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    /* Hide the browser's default checkbox */

    .container1 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #f8cb71;
}


/* On mouse-over, add a grey background color */

.container1:hover input ~ .checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container1 input:checked ~ .checkmark {
    background-color: #f8cb71;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container1 input:checked ~ .checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container1 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

td.hide {
    display: none;
}

    td.hide.input-show {
        display: block;
    }

.hidecontent {
    display: none;
}

.form--error {
    position: relative;
}

.error {
    position: absolute;
}

.demographics thead tr th {
    background: #8a898a;
    color: #fff;
    padding: .5rem;
    font-size: 11px;
    letter-spacing: .75px;
}

.demographics tbody tr td {
    text-align: right;
    padding: .3rem;
    font-size: 11px;
}

.demographics tbody tr th:nth-child(1) {
    text-align: left;
    padding: .3rem;
    font-size: 11px;
}

#demographics-summary .modal-lg {
    max-width: 74%;
}

#demographics-summary .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

#map-detail .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

#rent-roll .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

#overviewassumption .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

#ftfrontage .modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
}

#tblrentroll tbody tr td {
    white-space: nowrap;
}

#tbloverviewassumption tbody tr td {
    white-space: nowrap;
}

#ftfrontage tbody tr td {
    white-space: nowrap;
}

.btnletfback {
    position: relative;
    top: -75px;
}

.Building-left {
    /* width: 30%;
     float: left;
    min-width: 150px; */
    display: inline-block;
}

.chng-siz-input .Building-left {
    display: inline-block;
    /*width: 104px;*/
    width: 88px;
    margin-right: 10px;
}

.Building-left span {
    float: left;
    padding-right: 5px;
}

.Building-left input {
    float: left;
    width: 65%;
    padding: .2rem .75rem;
}

.popertySearchArea .section-btn {
    margin-top: 34px;
}

#modal03 p.strongWhite {
    color: #e35e2c;
    font-weight: bold;
    text-transform: uppercase;
}

.borderblack {
    border-top: 2px solid rgba(0, 0, 0, 0.99) !important;
}

.tab-cont {
    margin-top: -30px;
}

.mar-top_0 {
    margin-top: 0px;
}

.bulding-scrolling {
    float: left;
    /*max-width: 314px;*/
    /*max-width: 160px;
    overflow-x: auto;
    max-height: 51px;*/
    max-width: 165px;
    overflow-y: hidden;
    max-height: 40px;
    overflow-x: auto;
    white-space: nowrap;
}


/*#modal01 .modal-header*/

.modal-header {
    background: #1c619a;
    border-radius: 0;
    color: #fff !important;
    position: relative;
    z-index: 5;
}

.mar-bottom5 {
    margin-bottom: 5px !important;
}

#map1 {
    height: 350px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}

#mapLeasing {
    /*height: 450px;
        width: calc(100% - 60px);
    */
    /*height: 100px;
    height:280px;*/
    height: 310px;
    width: 100%;
    margin: 0 auto 15px;
    overflow: hidden;
}

.show#LeasingDemographics #mapLeasing {
    /*height: 450px;
        width: calc(100% - 60px);
    */
    /*height: 100px;
    height:280px;*/
    height: 340px;
    width: 100%;
    margin: 0 auto 15px;
    overflow: hidden;
}

#mapLeasing img {
    width: 100%;
    height: 100%;
}

#mapLeasingLiveprogress {
    height: 450px;
    /* The height is 400 pixels */
    width: calc(100% - 60px);
    /* The width is the width of the web page */
}

#mapLeasingLiveprogress123 {
    height: 450px;
    /* The height is 400 pixels */
    width: calc(100% - 60px);
    /* The width is the width of the web page */
}

.labelWidthControl .col-sm-5 i.fas {
    float: left;
    margin-top: 5px;
}

.labelWidthControl .col-sm-5 label {
    display: inline-block;
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#map1Liveprogress {
    height: 350px;
}

#map2 {
    height: 708px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}

#map2Liveprogress {
    width: 100%;
    height: 708px;
}

li a #snap-property-summary {
    transform: scale(0.1);
}

.modal-open .modal.in {
    opacity: 1 !important;
}

.mapModel * {
    height: 300px;
    width: 100% !important;
}

.maphere {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 15px;
    bottom: 10px;
}

div#mapLiveprogress {
    height: 708px;
}


/*Original*/

#prev-btn,
#next-btn {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -35px;
}

#next-btn {
    left: auto;
    right: -35px;
}

    #prev-btn i,
    #next-btn i {
        color: #b3b3b3;
        font-size: 35px;
        font-weight: 700;
    }


/*Original Copy*/

#prev-btnLeasing,
#next-btnLeasing {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -35px;
    transform: translate(0, -50%);
}

#next-btnLeasing {
    left: auto;
    right: -35px;
}

    #prev-btnLeasing i,
    #next-btnLeasing i {
        color: #3970b7;
        font-size: 25px;
        font-weight: 700;
    }

#prev-btn,
#next-btn {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -35px;
    transform: translate(0, -50%);
}

#next-btn {
    left: auto;
    right: -35px;
}

    #prev-btn i,
    #next-btn i {
        color: #3970b7;
        font-size: 30px;
        font-weight: 700;
    }

.floor-plan {
    position: absolute;
    z-index: 1;
    right: 85px;
    bottom: 85px;
    zoom: 90%;
}

.container.photo-upload {
    zoom: 74%;
}

.max-wtControl {
    max-width: 1350px;
    margin: 0 auto;
}


/*==============lOADER --MAIN --- CSS*/

.slide_wrapper {
    width: 90%;
    margin: 0 auto;
}

    .slide_wrapper.active .animate_box {
        width: 100%;
        height: 16px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
        margin-top: 34%;
        position: relative;
    }

        .slide_wrapper.active .animate_box::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 15px;
            border-radius: 10px;
            background-color: #ffd800;
            transition: all 0.25s linear;
            animation: bar 4s ease;
        }

@keyframes bar {
    25%, 35% {
        left: 0;
        width: 100%;
        transform: scale(1);
        background-color: #ffd800;
    }

    35% {
        background-color: #FF7F00;
    }

    50%, 65% {
        transform: scaleX(0.9);
        left: 50%;
        width: 15px;
        background-color: #FF7F00;
    }

    85%, 100% {
        left: 0;
        width: 100%;
        transform: scale(1);
        background-color: #FF7F00;
    }
}

.slide_wrapper.active .progress_bar .heading {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
}

    .slide_wrapper.active .progress_bar .heading:not(.h_1) {
        opacity: 0;
    }

.slide_wrapper.active .progress_bar {
    position: relative;
    height: 35px;
}

.slide_wrapper.active .heading {
    transition: all 0.25s linear;
}

.slide_wrapper.active .h_1 {
    animation: h_1 5s ease;
}

.slide_wrapper.active .h_2 {
    animation: h_2 5s ease;
}

.slide_wrapper.active .h_3 {
    animation: h_3 5s ease;
}

.slide_wrapper.active .h_4 {
    animation: h_4 5s ease;
}

@keyframes h_1 {
    0%, 25% {
        opacity: 1;
    }

    25%, 100% {
        opacity: 0;
    }
}

@keyframes h_2 {
    0%, 25% {
        opacity: 0;
    }

    25%, 50% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0;
    }
}

@keyframes h_3 {
    0%, 25% {
        opacity: 0;
    }

    25%, 50% {
        opacity: 0;
    }

    50%, 75% {
        opacity: 1;
    }

    75%, 100% {
        opacity: 0;
    }
}

@keyframes h_4 {
    0%, 25% {
        opacity: 0;
    }

    25%, 50% {
        opacity: 0;
    }

    50%, 75% {
        opacity: 0;
    }

    75%, 100% {
        opacity: 1;
    }
}

.loader {
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.8;
    z-index: 10000000;
    background: Black;
    height: 100%;
    width: 100%;
    margin: auto;
}

.strip-holder {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -50px;
    position: relative;
}

.strip-1,
.strip-2,
.strip-3 {
    width: 20px;
    height: 20px;
    background: #0072bc;
    position: relative;
    -webkit-animation: stripMove 2s ease infinite alternate;
    animation: stripMove 2s ease infinite alternate;
    -moz-animation: stripMove 2s ease infinite alternate;
}

.strip-2 {
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
    background-color: #23a8ff;
}

.strip-3 {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    background-color: #89d1ff;
}

@@-webkit-keyframes stripMove {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
    }

    50% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: scale(4, 1);
        -webkit-transform: scale(4, 1);
        -moz-transform: scale(4, 1);
    }

    100% {
        transform: translate3d(-50px, 0px, 0px);
        -webkit-transform: translate3d(-50px, 0px, 0px);
        -moz-transform: translate3d(-50px, 0px, 0px);
    }
}

@@-moz-keyframes stripMove {
    25%,
    35% {
        left: 0;
        width: 100%;
        transform: scale(1);
        background-color: #ffd800;
    }

    35% {
        background-color: #FF7F00;
    }

    50%,
    65% {
        transform: scaleX(0.9);
        left: 50%;
        width: 15px;
        background-color: #FF7F00;
    }

    85%,
    100% {
        left: 0;
        width: 100%;
        transform: scale(1);
        background-color: #FF7F00;
    }
}

@@keyframes stripMove {
    0% {
        transform: translate3d(-50px, 0px, 0px);
        -webkit-transform: translate3d(-50px, 0px, 0px);
        -moz-transform: translate3d(-50px, 0px, 0px);
    }

    50% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: scale(4, 1);
        -webkit-transform: scale(4, 1);
        -moz-transform: scale(4, 1);
    }

    100% {
        transform: translate3d(50px, 0px, 0px);
        -webkit-transform: translate3d(50px, 0px, 0px);
        -moz-transform: translate3d(50px, 0px, 0px);
    }
}


/*====End--- Loader-----==============*/

.modelImg::after {
    content: '';
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
}

.progres {
    background: #ccc;
    border-radius: 4px;
    padding: 10px 0px;
    margin-top: 25px;
    display: none;
}

.maxHeightControl {
    max-height: 437px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #ccc;
    top: 0;
    margin: 0;
}

.note-toolbar {
    position: relative !important;
}

.property {
    position: relative;
    background: #fff;
    margin: 15px 0;
    min-height: 78px;
    width: 100%;
    display: table;
}

    .property button {
        position: absolute;
        top: 50%;
        padding: 9px 15px;
        font-size: 14px;
        left: -17px;
        border-radius: 4px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%) rotate(-90deg);
    }

.dataAppend {
    padding: 15px;
    padding-left: 50px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

    .dataAppend b {
        font-weight: normal;
    }


/*------------25/01/2019 Vidyut------------------*/

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: white;
            border: 1px solid #189a00;
        }

    .styled-checkbox:hover + label:before {
        background: #189a00;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #189a00;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 10px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.borderRadius.btn-sm {
    padding: .45rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}


/*------------------Vidyut 08/02/2019------------------*/

#ExclusivelyPresentedBy .modal-lg {
    max-width: 1080px;
}

#tblpropertysummery tbody tr td {
    white-space: nowrap;
    padding: 10px;
}

.tblpropertysummery tbody tr td {
    white-space: nowrap;
    padding: 10px;
}

#mapest {
    width: 76%;
}


/*------irshad------*/


/*#mapest img*/

#imgadditionalphotod1 {
    width: 100%;
    height: 268px !important;
}

#mapestLiveprogress {
    width: 507px;
    height: 268px !important;
}

#imgsiteplanE1Liveprogress {
    width: 100%;
    height: 708px !important;
    display: inline-block;
}

#imgadditionalphotoD2Liveprogress {
    width: 100%;
    height: 708px !important;
    display: inline-block;
}

#imgtop3B1Liveprogress {
    width: 100%;
    height: 708px !important;
    display: inline-block;
}


/*.imgtop3C1B3Liveprogress {
    width: 100% !important;
    height: 708px !important;
    display: block;
}*/

#imgtop3C1B3Liveprogress {
    width: 100% !important;
    /*height: 100%;*/
    height: 708px !important;
    display: block;
}

.imgtop3C1B3LiveprogressUIWrapper {
    width: 100% !important;
    /*height: 100%;*/
    height: 712px !important;
    display: block;
}


/*------irshad------*/


/*-----------04/03/2019-----------------*/

.firstImgD2,
.firstImgB1,
.firstImgC1B3,
.fistImgsiteplanE1 {
    position: relative;
}

.editItem {
    position: absolute;
    background: #ff7104;
    padding: 10px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    /*transition: all 0.3s ease-in-out;*/
    border-bottom-right-radius: 10px;
}

.showonhover {
    /*height:100%;*/
}

.htmlRenderSection .showonhover:hover .editItem,
.htmlRenderSection-branding .showonhover:hover .editItem,
.show .showonhover:hover .editItem {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.editItem img {
    margin-top: -5px;
    height: 20px !important;
    width: 20px !important;
}

.editItem div {
    height: 20px !important;
    width: 20px !important;
}


/*.firstImgHere:hover .editItem,
.imgSecond:hover .editItem,
.firstImgD2:hover .editItem,
.firstImgB1:hover .editItem,
.firstImgC1B3:hover .editItem,
.fistImgsiteplanE1:hover .editItem {
    z-index: 10;
    visibility: visible;
    opacity: 1;
}*/

.editBtn {
    border: 0;
    background-color: #ff7104;
    color: #fff;
    border-right: 1px solid #e7ac89;
    float: left;
    cursor: pointer;
    padding: 8px;
    font-weight: 400;
    font-size: 10px !important;
    letter-spacing: 1px;
}

    .editBtn:last-child {
        border-right: 0px;
    }

    .editBtn:first-child {
        border-left: 0;
    }

.editfileupload {
    position: relative;
    z-index: 10;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    border-left: 1px solid #19507d;
    cursor: pointer;
}

    .editfileupload input {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 11;
        margin: 0;
    }

#map1 {
    margin-top: 30px;
    width: 76%;
    position: relative;
    overflow: hidden;
    height: 288px;
}

.demographics tbody tr th,
.demographics tbody tr td {
    padding: 12px 5px !important;
}

.dvmidpropertyaddress {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.midLogo {
    margin: 5px 0;
    height: 88px;
    /*//  background: url(../images/patbg.jpg) repeat-x 0 0;*/
    background-size: 100px 100px;
    position: relative;
    text-align: center;
    display: table;
    width: 100%;
    vertical-align: middle;
}

/*div#HomePage .close,
#AerialC1 .close,
#B1 .close,
#AdditionalphotoD2 .close,
#SiteplanE1 .close,
#Additionalphotod3d4d5 .close,
#EightthImage .close,
#GoogleMap .close*/

#leasingDiv .close {
    position: absolute;
    top: 48px;
    z-index: 1000;
    right: 0px;
    opacity: 0.8;
    font-size: 30px !important;
}


/*.firstImgC1B3>img {
    height: 100%;
    max-height: 708px;
    width: 100%;
    display: inline-block;
}*/

.firstImgB1 > img {
    height: 708px;
    width: 100%;
    display: inline-block;
}

.popupParaText {
    line-height: 165%;
    font-weight: 400;
}

.firstImgD2 > img {
    height: 100%;
    max-height: 708px;
    width: 100%;
    display: inline-block;
}

.firstImgD3 {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

    .firstImgD3 > img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        object-fit: contain;
        display: inline-block;
    }

#Additionalphotod3d4d5 .firstImgHere > img,
#Additionalphotod3d4d5 .imgSecond > img,
#modelImg13 .firstImgHere > img,
#modelImg13 .imgSecond > img {
    height: 100%;
    max-height: 412px;
    width: 100%;
    display: inline-block;
}

.imgSecond {
    padding-right: 2px;
}

    .imgSecond:last-child {
        padding-left: 2px;
        padding-right: 0;
    }

#ExclusivelyPresentedBy .popupCard p,
#modelImg02 .popupCard p {
    line-height: 17px;
}

.btndisable {
    background-color: #f1b76a !important;
}


/*-------------photo editor---------------------*/

photo editor .padleft {
    padding: 0px 0px 0px 20px;
}

.button-panel {
    margin-bottom: 10px;
    border-radius: 0;
}

#drop-area {
    border: 5px dashed lightgray;
    padding: 5em 2em;
    text-align: center;
    color: lightgray;
    font-size: 24px;
}

#click-upload {
    display: none;
}

#avpw_main_lighting,
#avpw_main_sharpness,
#avpw_main_focus,
#avpw_main_vignette,
#avpw_main_blemish,
#avpw_main_whiten,
#avpw_main_redeye,
#avpw_main_colorsplash,
#avpw_main_meme {
    display: none;
}


/*-------------photo editor---------------------*/

#ExclusivelyPresentedBy .prefooterSection {
    min-height: 286px;
}

.modelImg[data-target="#ExclusivelyPresentedBy"] .prefooterSection {
    min-height: 255px;
}

.add-another-address .btn {
    padding: 15px;
    text-transform: uppercase !important;
    box-shadow: -3px 3px 0 0px #f7a330;
}

.btn-shadow.btn-warning {
    box-shadow: -3px 3px 0 0px #f7a330;
}

.btn-shadow.btn-primary {
    box-shadow: -3px 3px 0 0px #003b79;
}

i.fa.fa-long-arrow-down {
    font-family: FontAwesome;
}

.centerImage {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 50% !important;
}

.imageWrapper {
    width: 100%;
    position: relative;
    height: 710px;
}

    .imageWrapper button.close {
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: 1;
    }

    .imageWrapper img {
        width: 100%;
        /*border: 1px solid #969696;*/
        height: 100%;
    }

.imageCenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: left top;
}

.img.changeImg,
.innerImgSection > img {
    height: 100%;
    width: 100%;
}

.editBtn img {
    border: 0;
}

.selectImageArea {
    position: absolute;
    width: 280px;
    left: 15px;
    top: 50px;
    padding: 15px;
    border-right: 1px solid #ddd;
    height: calc(100% - 65px);
    background: rgba(255, 255, 255, 0.64);
}

    .selectImageArea h4 {
        font-weight: normal;
        font-size: 16px;
        text-align: center;
    }

.wrapperSection {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: auto;
    max-height: 90%;
}

button.closeinnerImgSection {
    position: absolute;
    top: 9px;
    right: 10px;
    background-color: transparent;
    border: 0;
    font-size: 28px !important;
    font-weight: 500;
    color: red;
}

    button.closeinnerImgSection:hover {
        cursor: pointer;
    }

.innerImgSection {
    flex: 0 0 50%;
    padding: 4px;
    position: relative;
    height: 80px;
    overflow: hidden;
}

p.radioArea {
    position: absolute;
    top: 0px;
    left: 9px;
}

.cursarPoint {
    cursor: pointer;
}

.innerImgSection input[type=file] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: red;
    z-index: 10;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}


/*----------Radio---------*/

.wrapperSection [type="radio"]:checked,
.wrapperSection [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .wrapperSection [type="radio"]:checked + label,
    .wrapperSection [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        transform: rotate(-45deg);
    }

        .wrapperSection [type="radio"]:checked + label:before,
        .wrapperSection [type="radio"]:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #676767;
        }

        .wrapperSection [type="radio"]:checked + label:before {
            background: #153aac;
        }

        .wrapperSection [type="radio"]:checked + label:after,
        .wrapperSection [type="radio"]:not(:checked) + label:after {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            width: 10px;
            height: 5px;
            border: solid #fff;
            border-width: 0 0 1px 1px;
        }

        .wrapperSection [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .wrapperSection [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/*---------------PreLoader-------------------*/

.preLoader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
}

    .preLoader img {
        position: absolute;
        top: 250px;
        left: 50%;
        height: 100px;
        z-index: 10001;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }


/*-------------------20 marach 2019-----------------------*/

.transparentimg {
    height: 101px;
    width: 169px;
    margin-left: -3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*------------irshad--------9 April 2019-------------------------*/

customFormControl {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 9px 15px;
    border-radius: 2px;
}

.customFormControl::placeholder {
    color: #000;
}

.addressHead {
    margin: 0;
    color: #f26424;
    text-align: center;
    font-size: 29px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 17px 0;
}

.txtcenter {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 9px;
    padding: 0 5%;
}

.knob {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 40px;
}

    .knob:before {
        position: absolute;
        background-color: white;
        content: "";
        left: 4px;
        top: 2px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

.goBtn {
    display: block;
    margin: 0 auto;
    width: 107px;
    background: #4CAF50;
    font-size: 21px;
    border-radius: 100px;
    border: 0;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.ddlLeasingStateName {
    width: 134px;
}

.btn-theme {
    padding: 10px 40px;
}

    .btn-theme.btn-default {
        background-color: #f7a32f;
    }

    .btn-theme.btn-primary {
        background-color: #4CAF50;
    }

.btn-box {
    border-radius: 8px;
    width: 90px;
    padding-left: 0;
    padding-right: 0;
    white-space: inherit;
    min-height: 92px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 15px 5px;
    margin-right: 10px;
}

    .btn-box i {
        font-size: 22px;
        display: block;
    }

    .btn-box .fa {
        display: block;
        margin-bottom: 5px;
    }

.centerGetMulDIv {
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}


/*---------------irshad-- 12 april 2019-----------------------*/

#customLeasingDiv label {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
}

.centerLeasingDiv {
    max-width: 100%;
    width: 850px;
    margin-top: 80px;
}

.mdlDiv {
    height: 540px;
    overflow: auto;
}

.centerLeasingDivAdd {
    max-width: 512px;
    width: 512px;
    margin-top: 180px;
}

.mdlAddDiv {
    height: auto;
    overflow: auto;
    padding: 25px 20px;
}

.widthCustom {
    padding: 0;
}

div#GetMulDIv .form-control {
    width: calc(100% - 40px);
    display: inline-block;
}

.formAllInputWrapper {
    max-height: 380px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 25px 0 0 0;
}

.backFormBtn {
    position: relative;
    float: left;
    top: 2rem;
}

.nextFormBtn {
    position: relative;
    float: right;
    top: 2rem;
}

.txtBtnDiv {
    margin-left: 217px;
    margin-top: 35px;
}


/*---------25 april 2019-------------*/

.property-header {
    position: relative;
}

    .property-header .pptyHeader-borderimg img {
        display: block;
        width: 100%;
        height: 5px;
    }

.property-header-container {
    min-height: 136px;
    background-color: transparent;
    padding: 18px 30px 10px;
}

.global-fund-logo {
    padding-top: 10px;
}

    .global-fund-logo img {
        width: 160px;
        border: none;
        padding: 0;
        background-color: transparent;
    }

.property-footer-content .global-fund-logo img {
    width: 90px;
    margin-bottom: 0.8rem;
}

.property-details,
.property-footer-content {
    padding-right: 30px;
    padding-left: 30px;
}

.property-details {
    position: relative;
    overflow: hidden;
    /*Edited to remove space on 23-09-2019 byn rajeev on leasing first model popup*/
    padding-bottom: 3rem;
    margin-top: 18px;
}

.offer-summary-content .d-flex:nth-child(odd) {
    background-color: #ccc;
}

.offer-summary-content .d-flex {
    padding: 8px 10px;
}

.property-head-rightContent > * {
    text-transform: uppercase;
}

.property-head-rightContent h3 {
    color: #000000;
    font-size: 1.4rem;
    margin-bottom: 0.2rem;
}

.property-head-rightContent h4 {
    color: #000000;
    font-size: 0.985rem;
    font-weight: 500;
}

.property-header .property-head-rightContent address {
    margin-bottom: 0;
    color: #c3c3c3;
    font-weight: 700;
    letter-spacing: 0.04rem;
}

.masthead-page {
    padding: 1rem 0 4rem;
}

.masthead {
    /* padding: 3rem 0 7rem; */
    position: relative;
    background-image: url(img/property-img1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    height: 400px;
}


/*Edited to remove space on 23-09-2019 byn rajeev on leasing first model popup*/


/*.property-details .property-overview-wrap .property-overview-txt:not(:last-child) {
    margin-bottom: 1.5rem;
}*/

.divLeasingPropertyAddress {
    font-size: 20px;
}

.property-details .offer-summary-content h3,
.property-details .property-overview-wrap .property-overview-txt h3 {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
    /*Edited to remove space on 23-09-2019 byn rajeev on leasing first model popup*/
    /*margin-bottom: 1rem;*/
}

.property-highlights ul {
    padding: 0 0 0 1rem;
}

    .property-highlights ul li {
        line-height: 1.4;
        color: #000;
    }

        .property-highlights ul li:last-child {
            margin-top: 0;
        }

        .property-highlights ul li:not(:last-child) {
            margin: 0 0 9px;
        }

.property-footer-content {
    background-color: #7f8080;
    padding: 20px;
}

.footer-contactDetails {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .footer-contactDetails > * {
        color: #fff;
        line-height: 1.4;
        letter-spacing: initial;
    }

    .footer-contactDetails *:not(:last-child) {
        margin-bottom: 0.1rem;
    }

    .footer-contactDetails address {
        font-size: 0.775rem;
        margin-bottom: 0;
    }

.footer-first-col h4,
.footer-second-col h4 {
    font-size: 1rem;
    font-weight: 600;
}

.footer-second-col p {
    font-size: 0.8rem;
}

    .footer-second-col p:last-child {
        margin-bottom: 0;
    }

.footer-first-col {
    padding-right: 30px;
    position: relative;
}

    .footer-first-col:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 12px;
        width: 2px;
        height: 100%;
        background-color: #fff;
    }

.divheight {
    /*height: 38px;*/
}


/*---------25 april 2019-------------*/

.offer-summary-content .dynamicTexBoxModel .d-flex:nth-child(even) {
    background-color: #ccc;
}

.offer-summary-content .dynamicTexBoxModel .d-flex:nth-child(odd) {
    background: #fff;
}

.editApiData .form-control {
    float: right;
    height: auto;
    margin-top: -4px;
    border-radius: 0;
    /* margin-right: -10px; */
    height: 30px;
    /*width: 140px;*/
}


/*05-02-2019*/


/*----------------01/05/2019---------------*/

.spaceAvailableWraper,
.spaceAvailableWraper p {
    color: black;
    font-size: 16px;
    position: relative;
}

.outerFormArea {
    position: absolute;
    bottom: 10%;
    right: 0;
}

.innerColNew {
    display: flex;
    justify-content: space-between;
}

.startInner {
    flex: 0 0 49%;
}

.lastInnerCol .startInner {
    flex: 0 0 36.1%;
}

.startInnerLastChild {
    width: 25%;
}

.rangeLabel {
    float: right;
    font-style: italic;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 400;
}

label.rangeLabel input {
    position: relative;
    top: 3px;
}

.customFormControl.disabled {
    background: #ccc;
    pointer-events: none;
}

.spaceAvailableWraper p span {
    font-weight: 400;
}

.uploadImgNew {
    position: relative;
    border: 1px solid #b7b6b6;
}

.uploadHere {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.imageUpload {
    display: block !important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.uploadHere img#blah {
    height: 100%;
    z-index: 9;
    border: 0;
    vertical-align: middle;
    left: 50%;
    object-fit: unset;
    position: absolute;
    transform: translateX(-50%);
    opacity: 0;
}

.fileUploadedTrue img#blah {
    opacity: 1;
}

.fileUploadedTrue {
    background: #fff;
}

.btn-cus-2 {
    height: 30px;
    width: 30px;
    background-color: #c2222a;
    color: #fff;
    border-radius: 50%;
    padding: 8px 11px;
}

.btn-cus-3 {
    height: auto;
    width: auto;
    background-color: #59ae47;
    color: #fff;
    border-radius: 50%;
    padding: 8px;
}

.horizontal-line {
    border-bottom: 5px solid #f00;
}

.demo {
    height: 30px;
    width: 30px;
    background-color: #2665a8;
    color: #fff;
    border-radius: 50%;
    padding: 8px 9px;
}

i.demo.fa.fa-pencil-square-o::before {
    position: relative;
    top: 1px;
    left: 1px;
}

.red1 {
    color: red !important;
}

.red2 {
    color: red !important;
}

.red3 {
    color: red !important;
}

.pageModalDrag {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: rgb(255, 255, 255);
    height: auto;
}

.selectImageArea.pageModalDrag h4 {
    text-align: left;
    padding: 0 0 0 5px;
    margin: 0 0 10px;
    border-left: 3px solid #f27022;
}

.backgroundImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/*City info for leasing css*/

.aboutPlace h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

.aboutPlace p {
    line-height: 18px;
    color: #000;
    font-weight: 500;
    max-height: 370px;
    overflow: hidden;
    text-align: left;
}

.modal.show .aboutPlace p {
    line-height: 18px;
    color: #000;
    font-weight: 500;
    max-height: 370px;
    overflow: hidden;
    text-align: left;
}

.homeBuildingImg {
    padding-top: 44px;
}

    .homeBuildingImg img {
        width: 100%;
        height: auto;
        display: block;
    }

.strimg {
    display: flex;
    height: 500px;
    justify-content: center;
}

    .strimg img {
        height: 300px;
        width: auto;
    }

table.customTableModal {
    width: 100%;
    background: #e4e4e4;
    text-align: center;
    border-collapse: collapse;
}

    table.customTableModal tr td {
        /* border-collapse: collapse; */
        border: 1px solid #fff;
        padding: 4px;
        font-size: 14px;
        width: 50%;
    }

    table.customTableModal tr:first-child td {
        background: #2232ff;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

.adrs {
    color: #a4a4a4;
    text-align: right;
}

.note-popover.in {
    display: none;
}


/*-----------------------28/05/19------------------*/

.topControl {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0px 0px 0px 10px;
}

    .topControl label {
        display: block;
        text-align: left;
        /*padding: 10px;*/
        width: 100%;
        font-size: 16px;
        text-transform: uppercase;
    }

    .topControl .customFormControl {
        flex: 0 0 70%;
        min-height: 41px;
    }

    .topControl label.smTextLabel {
        font-size: 13px;
        white-space: nowrap;
    }

.sliderEditBtn {
    font-size: 16px;
    padding: 7px 35px;
    letter-spacing: 1px;
}

.slideBtnBanner {
    position: absolute;
    /*top: 300px;*/
    top: 500px;
    right: 40px;
    border: none;
    height: 40px;
    width: 40px;
    color: #B3B3B3;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

    .slideBtnBanner.priv-arrow {
        position: fixed;
        top: 40%;
    }

    .slideBtnBanner.btnLeftSlide {
        left: -60px;
        top: 50%;
    }

    .slideBtnBanner.btnRightSlide {
        right: -60px;
        top: 50%;
    }

    .slideBtnBanner i {
        font-size: 35px;
    }

.modalInitial .modal-dialog {
    max-width: 1080px;
    width: 1080px;
    height: 742px;
}


/*--------------------------05-06-19-----------------*/

.container.customDisplay.widthControlContainer {
    max-width: 1000px;
    width: 100%;
    padding-top: 20px;
}

.fullHeightSection {
    position: relative;
}

.leftInfo {
    width: 170px;
    position: absolute;
    /*top: 330px;*/
    top: 228px;
    left: -90px;
    transform: translateY(-50%);
}

    .leftInfo ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
    }

        .leftInfo ul li {
            border-bottom: 1px solid #ddd;
            padding: 17px 10px;
            line-height: 100%;
            font-size: 12px;
            letter-spacing: 0;
        }

            .leftInfo ul li a {
                padding: 17px 10px;
                line-height: 100%;
                font-size: 12px;
                letter-spacing: 0;
            }

            .leftInfo ul li:last-child {
                border-bottom: 0;
            }

            .leftInfo ul li:hover {
                background-color: #0bfbf4;
            }

    .leftInfo h4 {
        letter-spacing: 0;
        font-size: 13px;
        margin-bottom: 10px;
    }


/*------------05-06-2019--------------------*/

.pdfContainer {
    /*max-width: 1000px;*/
    max-width: 1050px;
    margin: 0 auto;
    width: 100%;
}

.firstTopImg {
    height: 410px;
    overflow: hidden;
}

    .firstTopImg img {
        width: 100%;
        height: auto;
        min-height: 100%;
        display: block;
    }

.innerTextModal {
    text-align: center;
    margin: 5px 0;
    background: #153bacc9;
    padding: 20px 0;
}

    .innerTextModal h2 {
        font-size: 28px;
        line-height: 100%;
        color: #ffffff;
        padding-bottom: 7px;
        font-weight: normal;
    }

    .innerTextModal .addressTextArea {
        color: #fff;
        margin: 0;
        font-size: 21px;
        line-height: 100%;
        margin: 0 auto;
        /*max-width: 330px;*/
        max-width: 370px;
    }

.bottonTwoImgSection {
    display: flex;
    justify-content: space-between;
    height: 250px;
}

    .bottonTwoImgSection img {
        flex: 0 0 49.7%;
    }

.coverModalOne {
    min-height: 742px;
    position: relative;
}

.topPdf {
    position: absolute;
    top: 20px;
    left: 50px;
    z-index: 20;
}

    .topPdf img {
        height: 50px;
    }

.modalHeadPfdText {
    display: block;
    position: absolute;
    top: 30px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 3px #000;
    z-index: 20;
}

.secondModalImg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    .secondModalImg img {
        width: 100%;
        height: 100%;
    }

.modalFooterPdf {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.37);
    margin: 0;
}

    .modalFooterPdf h2 {
        font-weight: bold;
    }

    .modalFooterPdf .topPdf {
        right: 30px;
        left: auto;
        top: 25px;
    }

        .modalFooterPdf .topPdf img {
            height: 60px;
        }

.secondModalPfdWrapper .modalHeadPfdText {
    font-size: 30px;
    text-shadow: 0 2px 3px #000;
}

.thirdModalPdf .bottonTwoImgSection img {
    flex: unset;
    width: 33.33%;
}

    .thirdModalPdf .bottonTwoImgSection img:nth-child(2) {
        border-width: 3px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%) 1 100%;
        border-top: 0;
        border-bottom: 0;
    }

.thirdModalPdf .bottonTwoImgSection {
    position: relative;
}

    .thirdModalPdf .bottonTwoImgSection::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 3px;
        background: #fbee43;
        /* Old browsers */
        background: -moz-linear-gradient(left, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbee43', endColorstr='#207cca', GradientType=1);
        /* IE6-9 */
    }

    .thirdModalPdf .bottonTwoImgSection::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 3px;
        background: #fbee43;
        /* Old browsers */
        background: -moz-linear-gradient(left, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #fbee43 0%, #ee743d 93%, #533a3a 100%, #2989d8 100%, #207cca 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbee43', endColorstr='#207cca', GradientType=1);
        /* IE6-9 */
    }

.thirdModalFooter {
    background: #3b5aa9;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    padding: 30px 0;
    color: #fff;
}

    .thirdModalFooter p {
        color: #fff;
        font-size: 18px;
    }

    .thirdModalFooter img {
        position: absolute;
        right: 30px;
        height: 50px;
        top: 16px;
    }

.topHeadThirdModal {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
}

    .topHeadThirdModal h3 {
        color: #000;
    }

    .topHeadThirdModal h4 {
        color: #f9c558;
        font-size: 28px;
        line-height: 100%;
        text-shadow: -1px 3px 3px #fff;
        letter-spacing: 0;
    }

    .topHeadThirdModal h5 {
        color: #fff;
        font-size: 20px;
        line-height: 163%;
        text-shadow: 3px 0 5px #000;
        padding-top: 10px;
    }


/*---------------------------- 13/06/2019 ---------------------*/

.banner-image {
    width: 100%;
    position: relative;
    max-height: 660px;
}

.banner-iamge-text {
    position: absolute;
    bottom: 25px;
    left: 42px;
    font-size: 40px;
    color: white;
    outline: 0;
    text-shadow: 1px 2px 7px #010101, 0px 1px 5px rgba(0, 0, 0, 0.5);
    letter-spacing: 3px;
    -webkit-text-stroke: 1px #1f1b1b;
}

.bg-teal {
    background-color: #146099;
    color: white;
    padding: 18px;
    margin-top: 8px;
}

.footer-section-left {
    color: white;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 1);
    font-size: 1.5em;
    margin: 0;
}

.footer-section-left-text {
    text-shadow: #474747 3px 5px 2px, 2px 2px 13px rgba(25, 11, 7, 0.02);
    margin: 0;
}

.box {
    width: 100%;
    color: black;
    height: 400px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.second-banner-text {
    position: absolute;
    top: 10em;
    left: 1em;
    letter-spacing: 4px;
    color: white;
    outline: 0;
    color: #fff;
    text-shadow: 3px 3px 3px #010101, 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.logo-box {
    width: 200px;
    height: 65px;
    padding-top: 20px;
    float: right;
    box-sizing: border-box;
    border: 1px solid red;
    line-height: 65px;
    text-align: center;
}

.bg-second-section {
    background-color: rgba(30, 90, 197, 0.6);
    color: white;
    padding: 17px 0px;
    margin: 8px 0;
    position: relative;
    z-index: 2;
}

.bg-image {
    background-image: url(../img/pfd01.png);
    background-repeat: no-repeat;
    background-position: 100%, 100%;
    background-size: 100%, 100%;
}

.second-section-header {
    font-size: 40px;
}

.second-section-content {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}

.second-section-address {
    font-weight: bold;
    font-size: 23px;
    margin: 0;
}

.text-content {
    font-size: 2.4em;
    font-weight: bold;
    color: black;
}

.text-content-two {
    font-size: 1.4em;
    font-weight: bold;
    color: black;
    margin-top: -30px;
}

.third-section-image {
    width: 100%;
    position: relative;
}

.third-sec-cont {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #010101, 1px 1px 5px rgba(0, 0, 0, 0.5);
    bottom: 30px;
    left: 30em;
    margin: 0;
}

.third-sec-logo {
    position: absolute;
    bottom: 40px;
    right: 4em;
}

.second-sec-left {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.second-sec-right {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.last-section {
    width: 69.3em;
    line-height: 320px;
    height: 320px;
    position: relative;
}

.traingle {
    width: 0;
    height: 0;
    border-top: 45em solid transparent;
    border-right: 41em solid white;
    transform: rotate(36deg);
    margin-top: -25em;
    margin-left: -5em;
    /* border-bottom: 117px solid transparent;*/
    position: relative;
}

.traingle-inner {
    position: absolute;
    left: 5em;
    top: -24em;
    transform: rotate(-18deg);
    width: 32em;
    height: 26em;
}

.traingle-second {
    transform: rotate(18deg);
    width: 31em;
    height: 30em;
    margin-left: -66px;
}

.traingle-logo {
    position: absolute;
    top: 3em;
    left: -3em;
    width: 100px;
    height: 44px;
}

.triangle-section {
    margin-left: 12em;
}

.footer-main {
    text-shadow: 3px 6px 4px #010101, 1px 2px 0px rgba(0, 0, 0, 1);
    font-size: 25px;
}

.footer-text {
    margin-bottom: -30px;
}

.footer-content {
    position: absolute;
    top: 25em;
    left: 12em;
}

.traingle-without-image {
    position: absolute;
    left: 4em;
    top: -28em;
    transform: rotate(-18deg);
    width: 32em;
    height: 30em;
    border-right: 10px solid #131212;
    border-top: 10px solid #000000fc;
    border-bottom: 10px solid #000000fc;
    outline: none;
}

.traingle-second-without-image {
    transform: rotate(18deg);
    width: 31em;
    height: 30em;
    margin-left: 23em;
    margin-top: -326px;
    border-left: 10px solid #131212;
    border-top: 10px solid #000000fc;
    border-bottom: 10px solid #000000fc;
    outline: none;
}

.traingle-logo-second {
    position: absolute;
    top: -16em;
    left: 6em;
    width: 100px;
    transform: rotate(-39deg);
    height: 44px;
}

.footer-second-content {
    position: absolute;
    top: 22em;
    left: -9em;
}

.section-background {
    width: 100%;
    height: 740px;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.square {
    height: 350px;
    width: 350px;
    transform: rotate(48deg);
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
}

.footer-main-second {
    text-shadow: 0px 0px 0px #2e4da0, 1px 2px 0px #2e4da0;
    font-size: 18px;
}

.box-three,
.box-one,
.box-two {
    width: 70px;
    height: 70px;
    border: 1px solid #756b6b;
    background: transparent;
    position: absolute;
    top: 177px;
    left: 365px;
    transform: rotate(45deg);
    z-index: 10;
}

.modalHideBtn {
    position: absolute;
    top: 5px !important;
    right: 5px !important;
}

.pt-42 {
    padding-top: 42px !important
}

img.banner-image.homepagea1 {
    min-height: 600px;
}

.box-one {
    top: 350px;
    left: 29px;
    transform: rotate(45deg);
    width: 98px;
    height: 98px;
}

.coverImgFourModal {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.box-two {
    top: 120px;
    left: 380px;
    transform: rotate(45deg);
    width: 108px;
    height: 108px;
}

.square-second {
    height: 350px;
    width: 350px;
    transform: rotate(48deg);
    background-color: rgba(255, 255, 255, 0.71);
    position: absolute;
    bottom: -130px;
    right: -58px;
}

.square-second-logo {
    position: absolute;
    /*left: 49%;
    bottom: 59%;*/
    left: 25%;
    bottom: 62%;
    height: 85px;
    transform: rotate(-45deg) translateX(-50%);
}

.square-second-layout {
    height: 350px;
    width: 350px;
    transform: rotate(48deg);
    background-color: #ececec;
    position: relative;
    top: 5em;
}

.section-second-layout {
    height: 50em;
    background-color: #b4b4b4;
    overflow: hidden;
}

.square-inside-layout {
    position: absolute;
    top: 11em;
    left: 4em;
}

.box-one-layout {
    width: 79px;
    height: 70px;
    border: 1px solid #756b6b;
    background: transparent;
    transform: rotate(45deg);
    position: absolute;
    left: 6em;
    top: 27em;
}

.box-two-layout {
    width: 97px;
    height: 70px;
    border: 1px solid #756b6b;
    background: transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 15em;
    left: 24em;
}

.box-three-layout {
    width: 50px;
    height: 50px;
    border: 1px solid #756b6b;
    background: transparent;
    position: absolute;
    top: 17em;
    left: 24em;
    transform: rotate(46deg);
}

.square-third-layout {
    height: 300px;
    width: 300px;
    transform: rotate(48deg);
    background-color: #ececec;
    position: relative;
    float: right;
    top: 15em;
}

.logo-box-layout {
    width: 128px;
    height: 65px;
    padding-top: 20px;
    border: 1px solid red;
    text-align: center;
    position: absolute;
    bottom: 40px;
    right: 101px;
}

.topTowImgSection {
    display: flex;
    justify-content: space-between;
    height: 260px;
}

    .topTowImgSection > img {
        height: 100%;
        flex: 0 0 49.6%;
    }

.footerImgModalSection {
    position: relative;
    max-height: 350px;
    overflow: hidden;
}

    .footerImgModalSection > img.third-section-image {
        height: 100%;
        width: 100%;
    }

img.modalFooterLogo {
    position: absolute;
    bottom: 30px;
    right: 40px;
    height: 70px;
}

.rightimgFooter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .rightimgFooter > img {
        height: 80px;
    }

.square-inside {
    position: absolute;
    top: 7em;
    left: 2em;
    z-index: 1;
}

    .square-inside::after {
        content: "";
        display: block;
        height: 420px;
        width: 420px;
        transform: rotate(48deg);
        background-color: rgba(255, 255, 255, 0.59);
        position: absolute;
        top: -150px;
        left: -100px;
        z-index: -1;
    }

    .square-inside p {
        font-size: 18px;
        margin: 0;
        color: #555;
        font-weight: 400;
        line-height: 130%;
        padding: 5px 0;
    }

        .square-inside p.footer-text {
            border-bottom: 1px solid #555;
        }

.footer-main-second {
    color: #5568ce;
    font-weight: 500;
    font-size: 21px;
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #000; */
    margin: 0;
    padding: 5px 0;
}


/*----------11 jun 2019------------*/

.TwoImage {
    display: flex;
    justify-content: space-between;
}

    .TwoImage > img {
        width: 49.7%;
        height: 313px;
    }

.ImageMap {
    display: flex;
    justify-content: space-between;
}

    .ImageMap > img {
        width: 49.7%;
        height: 313px;
    }


/*14 jun 2019*/

.modalContainer {
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    background: #e6e6e6;
    margin: 0 auto;
}

.modalContainerBody {
    background: #ffffff;
}

.headOnTop {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.headAddress {
    width: 270px;
    text-transform: uppercase;
    text-align: right;
}

    .headAddress p {
        margin: 8px;
        font-size: 16px;
        color: #777;
        line-height: 130%;
    }

        .headAddress p.firstText {
            font-weight: bold;
            font-size: 18px;
            color: #000;
            white-space: nowrap;
        }

        .headAddress p.secndTxt {
            font-size: 20px;
            font-weight: bold;
            line-height: 100%;
            color: #000;
        }

.headOnTop > img {
    height: 60px;
}

.modalBanner > img {
    width: 100%;
    display: block;
    max-height: 400px;
}

.summaryTable {
    border-collapse: collapse;
    background: #ffffff;
    width: 100%;
}

    .summaryTable tr:nth-child(odd) {
        background: #808284;
        color: #fff;
    }

    .summaryTable tr td {
        padding: 5px;
        vertical-align: middle;
        width: 50%;
        font-weight: 400;
    }

        .summaryTable tr td:last-child {
            text-align: right;
        }

tr.newRowSrart {
    background: #fff;
}

.normalHead {
    font-size: 18px;
    padding: 15px 0 10px;
    color: #000;
}

.modalContentArea {
    padding: 15px;
}

.commonText {
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: 150%;
    font-weight: 400;
}

.textList {
    margin: 0;
    padding: 0 0 40px;
}

    .textList li {
        color: #000000;
        font-size: 16px;
        line-height: 120%;
    }

.modalFooterSection {
    background: #334b9f;
    padding: 20px;
    color: #ffffff;
}

.footerAddressLeft {
    text-align: right;
    float: right;
    width: 270px;
    padding: 0 15px;
}

    .footerAddressLeft p {
        font-size: 16px;
        color: #ffffff;
        font-weight: 500;
        margin: 0;
    }

.logoImgFooter {
    height: 60px;
}

.footerAddressLeft.footerAddressRight {
    border-left: 3px solid #fff;
}

.smallLogoFooter {
    clear: both;
    display: block;
    height: 36px;
    margin-top: 15px;
}

.footerLogoWraper {
    float: left;
}


.squarImg1 {
    position: absolute;
    transform: rotate(45deg);
    overflow: hidden;
    top: -375px;
    left: 50px;
    height: 750px;
    width: 750px;
}

    .squarImg1 > img {
        transform: rotate(-45deg);
        width: 178%;
        /* height: 100%; */
        /* position: relative; */
        left: 28px;
        top: -86px;
        position: absolute;
    }

.squarImg2 {
    position: absolute;
    transform: rotate(45deg);
    overflow: hidden;
    top: 22%;
    left: 51.1%;
    height: 100%;
    width: 80%;
}

    .squarImg2 > img {
        transform: rotate(-45deg);
        width: 150%;
        height: 100%;
        position: absolute;
        left: -303px;
        top: -180px;
    }

.containerModalCustom {
    overflow: hidden;
    position: relative;
    height: 800px;
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
}

    .containerModalCustom .square-inside {
        bottom: 50px;
        top: auto;
    }

        .containerModalCustom .square-inside::after {
            display: none;
        }

.logoModal {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 25;
    height: 70px;
}

.midTextSection {
    position: relative;
}

img.bgImages {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.headToAction {
    display: flex;
    justify-content: space-between;
}

.backBtnRound {
    border: 1px solid #207cca;
    background: #fff;
    padding: 6px 10px;
    height: 40px;
    width: 120px;
    border-radius: 50px;
    cursor: pointer;
    margin: 5px 0 0 -66px;
    color: #207cca;
    transition: all 0.3s ease-in-out;
    box-shadow: unset;
    position: relative;
    top: 0;
}

    .backBtnRound:hover {
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
        top: -2px;
    }

.greenBtnRound {
    border: 1px solid #2ac32d;
    background: #2ac32d;
    margin: 5px -66px 0 0;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    position: relative;
    top: 0;
}

    .greenBtnRound:hover {
        top: -2px;
        border-color: #1fa522;
        background: #1fa522;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    }

.parentSection {
    height: auto !important;
    overflow: hidden;
}

#prive-Modal .parentSection {
    width: 100%;
}

.parentSectionleasing {
    height: auto !important;
    overflow: hidden;
}

.whiteSpaceNowrap {
    white-space: nowrap !important;
}


/*----------11 jun 2019------------*/

.mainHeader {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11100;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}

.innerHeadSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.logoMain {
    display: block;
}

    .logoMain img {
        display: block;
        height: 40px;
    }

.rightSection ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
}

    .rightSection ul li {
        float: left;
        margin: 0 5px;
    }

        .rightSection ul li a {
            display: flex;
            padding: 6px 6px;
            color: #000;
            justify-content: center;
            align-items: center;
        }

            .rightSection ul li a img {
                height: 52px;
                width: 52px;
            }

.mainBodyWrapper {
    padding-top: 20px;
}

.bannerSection {
    height: 530px;
    background: #3c63ff;
    position: relative;
    padding: 30px 0 0 0;
}

    .bannerSection h3,
    .bannerSection h4 {
        color: #ffffff;
        text-align: center;
        font-size: 36px;
        font-weight: 500;
        letter-spacing: 0;
    }

.bannerCard {
    display: flex;
    justify-content: center;
    position: relative;
    top: 50px;
    flex-wrap: wrap;
}

.singleCard {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 10px 15px 30px;
    flex: 0 0 285px;
    background: #fff;
    text-align: center
}

    .singleCard h4 {
        color: #b864c6;
        font-size: 23px;
        letter-spacing: 0;
        margin: 0 0 16px;
    }

    .singleCard p {
        color: #000;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 140%;
    }

.leasertext p {
    color: #ae36c2;
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 6px;
}

.leasertext h5 {
    font-size: 35px;
    line-height: 100%;
    color: #ae36c2;
}

    .leasertext h5 span {
        font-size: 12px;
        position: relative;
        top: -20px;
    }

.cardBtn {
    color: #fff;
    background: #9c27b0;
    border: 0;
    padding: 14px;
    width: 150px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    margin-top: 16px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out;
    position: relative;
    top: 0;
}

    .cardBtn:hover {
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
        top: -2px;
    }

.secondSingleCrad {
    position: relative;
    z-index: 10;
    transform: scale(1.1);
    border: 4px solid #21ba45;
}

.switchArea {
    text-align: center;
    margin-top: 36px;
}

.switchText {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
}

span.tg-list-item {
    display: inline-block;
    position: relative;
    top: 9px;
}

.fadeText {
    color: #ccc;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 100%;
}

.singleCard.secondSingleCrad h4 {
    margin: 0;
    line-height: 100%;
    padding-top: 7px;
    color: #21ba45;
}

.singleCard.secondSingleCrad .leasertext h5 {
    color: #21ba45;
    font-size: 40px;
    font-weight: 600;
}

    .singleCard.secondSingleCrad .leasertext h5 span {
        font-size: 16px;
        position: relative;
        top: -20px;
    }

.singleCard.secondSingleCrad .cardBtn {
    background: #21ba45;
    width: auto;
    margin-top: 15px;
}

.singleCard.secondSingleCrad .leasertext {
    /*margin-top: 96px !important;*/
    margin-top: 72px !important;
}

.singleCard.thirdSingleCaed .leasertext {
    margin-top: 57px;
}

.singleCard.thirdSingleCaed h4 {
    color: #1e39e9;
    margin: 0;
    line-height: 100%;
    padding-top: 15px;
}

.singleCard.thirdSingleCaed .leasertext p {
    color: #1e39e9;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
}

.singleCard.thirdSingleCaed .leasertext h5 {
    font-size: 40px;
    font-weight: 600;
    color: #1e39e9;
}

.singleCard.thirdSingleCaed .cardBtn {
    background: #1e39e9;
    margin-top: 15px;
}

.tgl {
    display: none;
}

    .tgl,
    .tgl:after,
    .tgl:before,
    .tgl *,
    .tgl *:after,
    .tgl *:before,
    .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection,
        .tgl:after::-moz-selection,
        .tgl:before::-moz-selection,
        .tgl *::-moz-selection,
        .tgl *:after::-moz-selection,
        .tgl *:before::-moz-selection,
        .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection,
        .tgl:after::selection,
        .tgl:before::selection,
        .tgl *::selection,
        .tgl *:after::selection,
        .tgl *:before::selection,
        .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            outline: 0;
            display: inline-block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after,
            .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-light + .tgl-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
}

    .tgl-light + .tgl-btn:after {
        border-radius: 50%;
        background: #fff;
        transition: all 0.2s ease;
    }

.tgl-light:checked + .tgl-btn {
    background: #9fd6ae;
}

.tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
    margin: 0 15px;
}

    .tgl-ios + .tgl-btn:after {
        border-radius: 2em;
        background: #fbfbfb;
        transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
    }

    .tgl-ios + .tgl-btn:hover:after {
        will-change: padding;
    }

    .tgl-ios + .tgl-btn:active {
        box-shadow: inset 0 0 0 2em #e8eae9;
    }

        .tgl-ios + .tgl-btn:active:after {
            padding-right: 0.8em;
        }

.tgl-ios:checked + .tgl-btn {
    background: #f34b0d;
}

    .tgl-ios:checked + .tgl-btn:active {
        box-shadow: none;
    }

        .tgl-ios:checked + .tgl-btn:active:after {
            margin-left: -0.8em;
        }

.tgl-skewed + .tgl-btn {
    overflow: hidden;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    background: #888;
}

    .tgl-skewed + .tgl-btn:after,
    .tgl-skewed + .tgl-btn:before {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
        display: inline-block;
        transition: all 0.2s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

    .tgl-skewed + .tgl-btn:after {
        left: 100%;
        content: attr(data-tg-on);
    }

    .tgl-skewed + .tgl-btn:before {
        left: 0;
        content: attr(data-tg-off);
    }

    .tgl-skewed + .tgl-btn:active {
        background: #888;
    }

        .tgl-skewed + .tgl-btn:active:before {
            left: -10%;
        }

.tgl-skewed:checked + .tgl-btn {
    background: #f34b0d;
}

    .tgl-skewed:checked + .tgl-btn:before {
        left: -100%;
    }

    .tgl-skewed:checked + .tgl-btn:after {
        left: 0;
    }

    .tgl-skewed:checked + .tgl-btn:active:after {
        left: 10%;
    }

.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    background: #fff;
    border: 4px solid #f2f2f2;
    border-radius: 2em;
}

    .tgl-flat + .tgl-btn:after {
        transition: all 0.2s ease;
        background: #f2f2f2;
        content: "";
        border-radius: 1em;
    }

.tgl-flat:checked + .tgl-btn {
    border: 4px solid #f34b0d;
}

    .tgl-flat:checked + .tgl-btn:after {
        left: 50%;
        background: #f34b0d;
    }

.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    -webkit-perspective: 100px;
    perspective: 100px;
}

    .tgl-flip + .tgl-btn:after,
    .tgl-flip + .tgl-btn:before {
        display: inline-block;
        transition: all 0.4s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 4px;
    }

    .tgl-flip + .tgl-btn:after {
        content: attr(data-tg-on);
        background: #f34b0d;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .tgl-flip + .tgl-btn:before {
        background: #ff3a19;
        content: attr(data-tg-off);
    }

    .tgl-flip + .tgl-btn:active:before {
        -webkit-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
    }

.tgl-flip:checked + .tgl-btn:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.tgl-flip:checked + .tgl-btn:after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;
    background: #f34b0d;
}

.tgl-flip:checked + .tgl-btn:active:after {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
}

.compairPlan {
    flex: 0 0 100%;
    padding: 40px 0;
    text-align: center;
}

    .compairPlan a {
        color: #777;
        letter-spacing: 0;
        font-size: 18px;
        text-decoration: underline;
    }

        .compairPlan a:hover {
            text-decoration: none;
        }

h4.dashBoardhead {
    color: #555;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 40px 0 5px;
}

.headBtn {
    background-color: transparent;
    border: 1px solid #24be34;
    padding: 4px 13px;
    color: #24be34;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 55px;
}

    .headBtn i {
        font-size: 20px;
        padding-right: 10px;
        position: relative;
        top: 2px;
    }

.form-control.custom-form-control {
    height: 45px !important;
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.42);
    font-weight: 500;
    color: #777;
}

.dashBoardCrad {
    border-radius: 6px;
    border: 1px solid #ddd;
    position: relative;
    padding: 0 14px;
    margin: 40px 0 0;
    text-align: center;
    height: calc(100% - 40px);
}

.dropdownpdf-content.newContent {
    bottom: -16px;
    text-align: center;
    min-width: unset;
}

a.addLeasingPackage:hover + .dropdownpdf-content.newContent {
    display: block;
}

.cardImg {
    display: block;
    width: 100%;
    border-radius: 4px;
    margin: -20px 0 15px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
}

.rowMain {
    display: flex;
    flex-wrap: wrap;
}

    .rowMain .col3 {
        flex: 0 0 33.33333%;
        padding: 0 15px;
    }

.dashBoardCrad p {
    text-align: center;
    margin: 0;
    line-height: 140%;
    font-size: 12px;
    font-weight: 600;
}

    .dashBoardCrad p.text-uppar {
        text-transform: uppercase;
        padding: 3px 0;
    }

.smTextHere {
    font-size: 9px;
    color: #9d9d9d;
    letter-spacing: 0;
    display: inline-block;
    padding: 9px 0;
}

.bottomShare {
    display: flex;
    justify-content: center;
    padding: 0 15px 25px;
}

    .bottomShare a {
        display: flex;
        border-radius: 200px;
        height: 40px;
        width: 40px;
        color: #fff;
        background: #55acee;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        text-decoration: none;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        margin: 0 15px;
        transition: all 0.3s ease-in-out;
        transform: scale(1);
    }

        .bottomShare a:hover {
            transform: scale(1.1);
            box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
        }

        .bottomShare a:nth-child(2) {
            background: #3b5998;
        }

        .bottomShare a:nth-child(3) {
            background: #24be34;
        }

        .bottomShare a:nth-child(4) {
            background: #f2351e;
        }

        .bottomShare a i {
            font-size: 20px;
        }

.bgGreen {
    background: #24be34 !important;
}

#mapImag {
    height: 450px;
    width: 500px;
}

.TwoImage {
    display: flex;
    justify-content: space-between;
}

    .TwoImage > img {
        width: 49.7%;
        height: 313px;
    }

.ImageMap {
    display: flex;
    justify-content: space-between;
}

    .ImageMap > img {
        width: 49.7%;
        height: 313px;
    }

.modalContainer {
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    background: #e6e6e6;
    margin: 0 auto;
}

.modalContainerBody {
    background: #ffffff;
}

.headOnTop {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.headAddress {
    /*width: 270px;*/
    width: 345px;
    text-transform: uppercase;
    text-align: right;
}

    .headAddress p {
        margin: 8px;
        font-size: 16px;
        color: #777;
        line-height: 130%;
    }

        .headAddress p.firstText {
            font-weight: bold;
            font-size: 18px;
            color: #000;
            white-space: nowrap;
        }

        .headAddress p.secndTxt {
            font-size: 20px;
            font-weight: bold;
            line-height: 100%;
            color: #000;
        }

.headOnTop > img {
    height: 60px;
}


.summaryTable {
    border-collapse: collapse;
    background: #ffffff;
    width: 100%;
}

    .summaryTable tr:nth-child(odd) {
        background: #808284;
        color: #fff;
    }

    .summaryTable tr td {
        padding: 5px;
        vertical-align: middle;
        width: 50%;
        font-weight: 400;
    }

        .summaryTable tr td:last-child {
            text-align: right;
        }

tr.newRowSrart {
    background: #fff;
}

.normalHead {
    font-size: 18px;
    padding: 15px 0 10px;
    color: #000;
}

.modalContentArea {
    padding: 15px;
}

.commonText {
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: 150%;
    font-weight: 400;
}

.textList {
    margin: 0;
    padding: 0 0 40px;
}

    .textList li {
        color: #000000;
        font-size: 16px;
        line-height: 120%;
    }

.modalFooterSection {
    background: #334b9f;
    padding: 20px;
    color: #ffffff;
}

.footerAddressLeft {
    text-align: right;
    float: right;
    width: 270px;
    padding: 0 15px;
}

    .footerAddressLeft p {
        font-size: 16px;
        color: #ffffff;
        font-weight: 500;
        margin: 0;
    }

.logoImgFooter {
    height: 60px;
}

.footerAddressLeft.footerAddressRight {
    border-left: 3px solid #fff;
}

.smallLogoFooter {
    clear: both;
    display: block;
    height: 36px;
    margin-top: 15px;
}

.footerLogoWraper {
    float: left;
}

.tgl-ios + .tgl-btn:after {
    background-color: #f34b0d !important;
}

.tgl-ios:checked + .tgl-btn {
    background: #fbfbfb !important;
}

.txtmargin {
    margin-top: 33px !important;
}

.btnmargin {
    margin-top: 16px !important;
}

.dropdownpdf {
    position: relative;
    display: inline-block;
}

.dropdownpdf-content {
    display: none;
    text-align: left;
    position: absolute;
    background-color: #ffffff;
    min-width: 250px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.48);
    z-index: 1;
    cursor: pointer;
    bottom: -110px;
    font-size: 13px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    z-index: 100;
    border: 1px solid #ddd;
    padding: 10px;
    font-weight: 400;
}

    .dropdownpdf-content::after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        z-index: 151;
    }

    .dropdownpdf-content::before {
        content: "";
        display: block;
        position: absolute;
        top: -9px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
        z-index: 152;
    }

.firstHeadDiv {
    font-weight: bold;
    font-size: 14px;
}

.dropdownpdf-content a {
    color: black;
    padding: 12px 8px;
    text-decoration: none;
    display: block;
}

    .dropdownpdf-content a:hover {
        background-color: #ddd;
    }

.dropdownpdf:hover .dropdownpdf-content {
    display: block;
}

.dropdownpdf:hover .dropdownpdf {
    background-color: #3e8e41;
}


.topModalHead {
    -webkit-print-color-adjust: exact;
    background-color: #823c34;
    color: #fff;
    font-size: 35px;
    padding: 0 15px;
    font-weight: 300;
}

.topModalBody {
}

.flexFirst {
    flex: 0 0 80%;
    overflow: hidden;
}

.secondFirst {
    flex: 0 0 20%;
    padding: 0 0 0 5px;
    overflow: hidden;
}

.bigSizeImg {
    width: 100%;
    display: block;
    height: 572px;
}

.smThreeImg {
    width: 100%;
    display: block;
    margin: 5px 0;
    height: 32%;
}

.height33 {
    height: 33.333%;
}

.modalBottomFooter {
    background-color: #823c34;
    -webkit-print-color-adjust: exact;
    padding: 6px 15px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex20 {
    flex: 0 0 20%;
}

.footerImgLogoSec > img {
    height: 57px;
    display: block;
    margin: 10px 0 8px 0;
}

.bannerInnerTextArea {
    position: relative;
    z-index: 50;
}

.fackOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    opacity: 0.4;
    background: rgba(0, 0, 0, 1);
}

.cityInformationArea .col-sm-6 .form-control {
    width: 79%;
    display: inline-block;
}

.cityInformationArea input[disabled] {
    background: none;
    border: none;
}

.centerItems {
    display: flex;
    align-items: center;
    justify-content: center;
}

#map7ImgMap {
    width: 100%;
    height: 313px;
}

.ImgMap {
    width: 100% !important;
    height: 313px !important;
}

.extralageModal .modal-header .modelOff {
    position: absolute;
    opacity: 1;
    top: 5px;
    right: 5px;
    color: red;
    background-color: transparent;
    border: 0;
    font-size: 50px;
    height: 35px;
    width: 35px;
    overflow: hidden;
    line-height: 0;
}

.printProgressModel.extralageModal .modal-dialog {
    width: 1800px;
    max-width: unset;
}

.modal-open .modal.extralageModal {
    overflow-x: auto;
}

.headSmText {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-25 {
    margin-bottom: 25px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-25 {
    padding-bottom: 25px;
}

.textGray {
    color: #ccc !important;
}

.extralageModal .modal-body {
    padding: 0;
}

.footerAddressSection {
    color: #ffffff;
    width: 100%;
    margin-top: 72px;
}

.footerLogoModal {
    height: 50px;
}

.footerSmLogo {
    display: inline-block;
    height: 40px !important;
}

.builtBy {
    margin-top: 120px;
    color: #ffffff;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    padding-right: 60px;
}

.extralageModal .modal-content {
    border-radius: 0;
}

.tableModal {
    position: relative;
}

.tableModalHead {
    background: #146099;
    position: relative;
    height: 48px;
    padding: 0 35px;
}

.tableModalBody {
    padding: 15px 0;
}

.redborderTable {
    border-collapse: collapse;
    width: 100%;
}

.tableModalBody table p {
    margin: 0;
    color: #000;
    line-height: 120%;
}

.redborderTable tr {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

    .redborderTable tr td {
        line-height: 1.2;
        padding: 12px 5px;
        color: #000;
        vertical-align: middle;
        width: 50%;
    }

.extralageModal table tr td:first-child {
    border-right: 2px solid #000;
}

.width100 {
    width: 100%;
}

.contentTabSec {
    height: 100%;
    overflow: hidden;
}

.contList {
    margin: 25px 0 0 0;
    padding: 0;
    list-style: none;
}

    .contList li {
        font-size: 14px;
        padding: 0 0 25px 15px;
        line-height: 18px;
        color: #000;
        position: relative;
        margin: 0;
        letter-spacing: 0;
    }

        .contList li::after {
            position: absolute;
            top: 5px;
            left: 0;
            content: '';
            height: 5px;
            width: 5px;
            background: red;
            display: block;
        }

.locationHighlights li {
    font-size: 13px;
    padding: 0 0 25px 15px;
    line-height: 1.5 !important;
    color: #000;
    position: relative;
    margin: 0;
    letter-spacing: 0;
    width: 49%;
    display: inline-block;
    margin-right: 1%;
    vertical-align: top;
    /*margin-bottom: 20px;*/
}

    .locationHighlights li::after {
        position: absolute;
        top: 5px;
        left: 0;
        content: '';
        height: 5px;
        width: 5px;
        background: red;
        display: block;
    }

.investmentHighlights li {
    font-size: 13px;
    padding: 0 0 25px 15px;
    line-height: 18px;
    color: #000;
    position: relative;
    margin: 0;
    letter-spacing: 0;
    width: 100%;
}

    .investmentHighlights li::after {
        position: absolute;
        top: 5px;
        left: 0;
        content: '';
        height: 5px;
        width: 5px;
        background: red;
        display: block;
    }

.mapSectionWrapper {
    height: 600px;
    width: 100%;
    overflow: hidden;
}

.addSpaceCol {
    margin-left: 12.5%;
}

.paddindBoth {
    padding: 0 30px;
}


.rightWrapperImg > img {
    height: 100%;
}

.combindModelImg {
    display: inline-block;
    margin: 0 6px;
    height: 140px;
    flex: 0 0 194px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

    .combindModelImg .modal-dialog {
        width: 1800px;
        max-width: unset;
        position: absolute;
        top: -21px;
        left: 50%;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        transform: scale(0.11, 0.17) translateX(-50%);
        -webkit-transform: scale(0.11, 0.17) translateX(-50%);
    }

#map8Liveprogress {
    height: 100% !important;
    width: 100%;
}

#map8ImgMap {
    height: 100% !important;
    width: 100%;
}

.transparent-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.15;
    background-size: cover; /* Or use 100% 100% */
    background-repeat: no-repeat;
}

.form-address {
    width: 100%;
}

.get-leas-address {
    padding: 5px 9rem;
}

.get-edit-address i {
    color: #fff;
    font-size: 10px;
}

.addr-form {
    padding-left: 36px;
}

.get-leas-address h3 {
    font-size: 20px;
    color: #707070;
    font-weight: 400;
}

.form-colm {
    border-top: 1px solid #E2E2E3;
    margin-bottom: 0;
}

.form-ro {
    margin: 7px auto;
}

.edit-fill {
    padding: 0;
}

    .edit-fill i {
        color: #fff;
        font-size: 10px;
    }

    .edit-fill .btn {
        background: #55ACEE;
        border-radius: 100px;
        padding: 1px 7px;
        margin-left: 30px;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
        -moz-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
        box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
    }

div#GetMulDIv .form-control.form-size {
    width: 100%;
}

.property-list .listing .option {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
}

.property-list .listing .edit-btn {
}

.close.add-adre-close:not(:disabled):not(.disabled):focus,
.close.add-adre-close:not(:disabled):not(.disabled):hover {
    color: #f44336;
}


/*customfild-popup start*/

.customfild-name {
    text-align: center;
}

    .customfild-name h1 {
        font-size: 24px;
        color: rgba(0, 0, 0, 0.7);
        font-weight: bold;
    }

    .customfild-name p {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        padding-top: 10px;
        font-weight: 500;
    }

    .customfild-name h3.custom-fil {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 500;
        text-align: left;
        padding: 34px 0 5px 0;
    }

    .customfild-name .custmbtn {
        margin: auto;
        padding-top: 15px;
    }

.custmbtn {
    padding-top: 30px;
    padding-bottom: 10px;
}

.custom-btn-cancel,
.custom-btn-add {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #E71E2C;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    border-radius: 100px;
    border: none;
    padding: 7px 45px;
    margin: 0 26px;
}

    .custom-btn-cancel:hover {
        background: #be101c;
    }

.custom-btn-add {
    background: #07C245;
}

    .custom-btn-add:hover {
        background: #058a31;
    }

.customfild-close {
    color: #dc3545;
    right: 0px;
    top: -15px;
    position: absolute;
    background: none;
    border: none;
    font-size: 40px;
    z-index: 10;
    cursor: pointer;
}

    .customfild-close:hover {
        background: none;
        border: none;
        color: #dc3545;
    }

    .customfild-close:focus {
        outline: none;
    }

#style-1::-webkit-scrollbar-track,
#style-2::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E6E6E6;
}

#style-1::-webkit-scrollbar,
#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #E6E6E6;
}

#style-1::-webkit-scrollbar-thumb,
#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ADADAD;
}

.more-data-pop {
    width: 100%;
    margin: auto;
    text-align: center;
}

.more-data-fild {
    margin: auto;
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}

.more-data-pop h1 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 15px;
}

.more-data-pop p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px;
}

.more-data-area {
    padding: 30px 50px;
}

.more-data-left {
    text-align: left;
    margin: auto 0;
}

    .more-data-left label {
        padding-left: 20px;
        margin: 0;
    }

.close.more-data-close {
    background: none;
    color: #dc3545;
    font-size: 40px;
}

    .close.more-data-close:hover {
        color: #f37b86;
    }


.sales_price {
    margin: auto;
}

.price-header {
    width: 100%;
    text-align: center;
    margin: auto;
    padding-top: 20px;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.tooltip-inner {
    background-color: #fff;
    width: 180px;
    color: #000;
    font-size: 16px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.36);
}

.propertyOvervieweditortable tbody tr table {
    margin: 0;
}

.table-bordered {
    border: none;
}

.propertyOvervieweditortable .red,
.editortable .red {
    color: #F44336;
    font-size: 22px;
    text-shadow: 0px 2px 2px rgba(244, 67, 54, 0.29);
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #B0AFAF;
    font-style: italic;
    font-size: 12px;
}


.dot {
    height: 8px;
    width: 8px;
    background-color: #333;
    border-radius: 50%;
    display: inline-block;
}

.red {
    color: red;
    font-size: 26px;
    font-weight: bold;
}



.contactinfo-header {
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.contact-scroll {
    height: calc(100vh - 540px);
    overflow-y: auto;
    overflow-x: hidden;
}

.contactinfo-header h3 {
    font-size: 24px;
    font-weight: 300;
    color: #3C4858;
}

.contactinfo-header p {
    font-size: 18px;
    font-weight: 300;
    color: #3C4858;
    margin-bottom: 0;
}

.contactinfo-header .btn-sign {
    background: #EA7B25;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    color: #fff;
    font-size: 12px;
    padding: 10px 20px;
}

    .contactinfo-header .btn-sign:hover {
        background: #c85903;
    }

hr#AddMultipleAddress0,
hr#AddMultipleAddress1 {
    border-top: none;
    border-bottom: none;
}

.contact-scroll .form-group label {
    font-weight: bold;
    font-size: 20px;
}

.contact-scroll .form-group .form-control {
    border: 1px solid #909090;
}

.contact-scroll .form-group label span {
    color: #f00;
}

.contact-scroll .form-group h5 {
    color: #3C4858;
    text-align: center;
    padding-top: 15px;
    font-weight: 300;
}

.contact-scroll h5 {
    color: #f23a02;
}

.vertical-border {
    border-right: 1px solid #ccc;
}

.photos-contact h6 {
    color: #777777;
    font-size: 13px;
    padding-bottom: 10px;
}

.company-name {
    width: 100%;
    height: 120px;
    object-fit: cover;
    overflow: hidden;
}

    .company-name.add-company-name {
        width: 110px;
        height: 110px;
    }

    .company-name img {
        width: 113px;
        height: 111px;
        display: block;
        overflow: hidden;
        margin: auto;
        border-radius: 4px;
        padding: 5px;
        object-fit: cover;
    }

.custom-file-label.browser {
    position: absolute;
    top: 0;
    right: 40px;
    left: 0;
    z-index: 1;
    height: 0;
    padding: 0;
    line-height: 0;
    color: #495057;
    background-color: #fff;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
}

    .custom-file-label.browser.add-brows {
        right: 0;
    }

    .custom-file-label.browser::after {
        border: none;
        border-radius: 100px;
        background: #979797;
        color: #fff;
    }

.collapse-address.add-ano-add {
    margin-top: 0;
    text-align: center;
    width: 100%;
}

.collapse-address .add-another-address.another-add {
    text-align: center;
    position: inherit;
}

a.another-contact {
    color: #fff;
    background: #EA7B25;
    border-radius: 3px;
    font-size: 12px;
    padding: 15px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
    cursor: pointer;
}

i.another-contact-i {
    font-size: 20px;
    padding-left: 10px;
}

a.another-contact:not([href]):not([tabindex]) {
    color: #fff;
}

.photos-contact.add-cont-photos {
    padding: 0 0 0 65px;
}

.heroSlider-fixed .slick-list {
    overflow: hidden;
}

.heroSlider-fixed .slick-track .slick-slide {
    display: inline-block;
}

.heroSlider-fixed .prev,
.heroSlider-fixed .next {
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    color: #B3B3B3;
    transform: translate(5px, -80%);
}

.heroSlider-fixed .next {
    left: auto;
    right: -20px;
}


.modal.show {
    opacity: 1;
}

.front-page {
    margin: auto;
    background: #fff;
    height: 815px;
}

.pro-addr-banner {
    width: 100%;
    height: 135px;
    background: inherit;
    background-position: center;
    background-size: cover;
    margin: 5px 0;
    padding: 10px 0;
}

    .pro-addr-banner h2 {
        color: inherit;
    }

.ed-cnl {
    position: absolute;
    top: -50px;
    right: 0;
}

    .ed-cnl button {
        margin: 10px;
    }

    .ed-cnl .edit-proges {
        padding: 3px 29px;
        border-radius: 100px;
    }

.editItem.edititm-siz {
    width: 100%;
}

    .editItem.edititm-siz button {
        font-size: 12px;
    }

.printProgressModel.extralageModal .modal-dialog {
    width: 1800px;
    max-width: unset;
}

.pageno {
    height: 100%;
    width: 45px;
    background: url(/images/img/pageNoBg.png) no-repeat 0 0;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}

.highlights-img {
    width: 100%;
    height: 100%;
}

    .highlights-img img {
        width: 100%;
        height: 100%;
    }

    .highlights-img.map-rig {
        height: 480px;
    }

.mor-high-img {
    width: 500px;
    height: 100px;
}

.retails-map-bg {
    width: 100%;
    height: 646px;
    object-fit: cover;
}

    .retails-map-bg img {
        width: 100%;
        height: 100%;
    }

.mor-map-img {
    padding: 0px 15px;
}

    .mor-map-img img {
        height: 214px;
        width: 100%;
    }

.rentroll-bg {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

    .rentroll-bg .image-bg {
        content: "";
        background: url(../images/img/img-01.jpg)no-repeat;
        background-position: center;
        background-size: cover;
        opacity: 0.1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: 1;
    }

.left-content-retail {
    padding: 0 30px;
    position: relative;
    z-index: 999;
}

.rentroll-table thead tr th {
    background: #002399;
    color: #fff;
    vertical-align: middle;
}

.rentroll-table tr.footer td {
    background: #002399;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.rentroll-table tbody tr td,
.rentroll-table thead tr th {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px sollid #fff;
    width: 0;
    text-align: center;
}

.rentroll-table.table-striped tbody tr td,
.rentroll-table.table-striped thead tr th {
    text-align: left;
    border: none;
}

.rentroll-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.15);
}

.rentroll-table tbody tr td:first-child {
    border-right: none;
}

.highlights-img img {
    width: 100%;
    height: 100%;
}

.rentroll-table.casflow-table thead tr th {
    background: #424142;
}

.casflow-table thead.casflow-haed-tag tr th {
    background: #888787;
    font-weight: 500;
    text-align: left;
    font-weight: 500px;
}

.rentroll-table tr.gray-potent td {
    background: #888787;
    font-weight: bold;
}

.rentroll-table tr.gray-light-potent td {
    background: #c0bfbf;
}

.rentroll-table tr.gray-dark-potent td {
    background: #424142;
    color: #fff;
}

.rentroll-table tr.white-potent td {
    background: #fff;
    color: #000;
    font-weight: bold;
}

.notes {
    padding: 10px 50px;
}

    .notes h5 {
        font-weight: bold;
        font-size: 16px;
        color: #000;
    }

    .notes p {
        font-style: italic;
        color: #000;
        font-size: 16px;
        line-height: 20px;
    }

.rentroll-bg.cash-right-table {
    padding-top: 48px;
}

.clint-logo {
    width: 100%;
    height: auto;
}

    .clint-logo img {
        height: auto;
        width: auto;
    }

    .clint-logo p {
        font-size: 14px;
        line-height: 18px;
    }

.mor-map-img.img-note-mor img {
    height: 320px;
}

.highlights-img.img-note {
    height: 370px;
}

.rentroll-table.demo-table tbody tr td,
.rentroll-table.demo-table thead tr th {
    text-align: left;
    padding: 1px 5px;
}

.highlights-img.demo-map-img {
    width: 1056px;
    height: 815px;
}

.demo-new-map {
    width: 100%;
    height: 330px;
}

    .demo-new-map img {
        width: 100%;
        height: 100%;
    }

.printProgressModel.extralageModal .modal-dialog.cover-modal {
    width: 1080px;
    max-width: 100%;
}

.back-cover-lf p {
    font-size: 13px;
    line-height: 19px;
    padding: 5px 0 0 0;
    margin-bottom: 5px;
}

.back-cover-lf h5 {
    font-weight: 500;
    font-size: 12px;
}

.back-cover-rg {
    background: #156099;
    height: 815px;
    /*border: 1px solid #000;*/
    text-align: right;
}

    .back-cover-rg h3 {
        color: #fff;
        font-size: 24px;
        letter-spacing: 1px;
        padding-top: 25px;
        padding-bottom: 8px;
    }

    .back-cover-rg p {
        color: #fff;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 25px;
    }

.footer-logo {
    text-align: left;
    padding-top: 85px;
}

    .footer-logo h6 {
        color: #fff;
        padding-left: 35px;
    }

    .footer-logo img {
        padding-left: 35px;
    }

.footerAddresslogo {
}

    .footerAddresslogo p {
        font-size: 12px;
        line-height: 16px;
    }

    .footerAddresslogo img {
        height: 50px;
        object-fit: cover;
    }

.carousel-inner .active.left {
    left: -25%;
}

.carousel-inner .next {
    left: 25%;
}

.carousel-inner .prev {
    left: -25%;
}

.carousel-control {
    width: 4%;
}

    .carousel-control.left,
    .carousel-control.right {
        margin-left: 15px;
        background-image: none;
    }

.photo-upload h3 {
    font-size: 24px;
    color: #3C4858;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

.photo-upload p {
    font-size: 18px;
    font-weight: 300;
    color: #3C4858;
    text-align: center;
}

.form-group.Photo-area h2 {
    font-size: 16px;
    color: #000;
    text-align: left;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: bold;
    margin: 0;
}

.form-group.Photo-area .h2-withoutBorder {
    font-size: 14px !important;
}

.form-group.Photo-area h2 span {
    color: #FF0000
}

.form-group.Photo-area h5 {
    color: #3C4858;
    font-size: 18px;
    font-weight: 300;
    padding-top: 10px;
}

.form-group.Photo-area i {
    font-size: 18px;
    color: #3C4858;
    padding-top: 10px;
}

.market-section.active .fa-plus {
    color: #707070;
    font-size: 71px;
    padding: 40px 0;
}

.dropzone .dz-message.upload-tag {
    width: 100%;
    height: 100%;
    color: #3C4858;
    font-size: 14px;
    position: absolute;
    font-weight: 500;
}

    .dropzone .dz-message.upload-tag span {
        display: block;
    }

.market-section.customDropZone.active.fild-border {
    border: none;
    border-radius: 0px;
    width: 100%;
    height: 150px;
    margin: auto;
    text-align: center;
}

.photoUploadSetion .market-section.customDropZone.active.fild-border {
    height: 150px;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.side-note h5 {
    font-family: Montserrat;
    color: #fff;
    font-size: 18px;
    padding-left: 22px;
    font-weight: 400;
}

.photoUploadSetion.fix {
    max-width: 700px;
    margin: 0 auto;
}

.side-note ul {
    padding-top: 8px;
    margin-left: 30px;
}

    .side-note ul li {
        font-size: 15px;
        font-family: Montserrat;
        color: #fff;
        line-height: 24px;
        margin: 5px;
    }

.market-section.customDropZone img.add-plus {
    width: 50px;
    height: 50px;
    margin: 65px 0;
}

.photoUploadSetion .market-section.customDropZone img.add-plus {
    margin: 30px 0;
}

.img-thum {
    border: 1px solid #707070;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    text-align: center;
    height: 385px;
}

    .img-thum h5 {
        color: #3C4858;
        font-size: 18px;
        font-weight: bold;
        padding: 20px 0;
    }

.inner-img {
    width: 245px;
    margin: 0;
    height: 290px;
}

.uploaded-img-wrap.img-fild {
    height: 407px;
    overflow: scroll;
}

    .uploaded-img-wrap.img-fild img {
        width: 47%;
        height: 62px;
        margin: 2px 2px;
        float: left;
    }

.img-drop#drop-area,
.img-drop {
    border: 1px solid #818181;
    -webkit-box-shadow: 5px 8px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 5px 8px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 8px 5px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    height: 386px;
}

#editable-image.img-responsive.img-drop {
    height: 386px;
}

.img-thum.edit-btn-fild {
    height: 100%;
    padding-bottom: 30px;
}

#edit-image-button.edit-butn,
#clear-image-button.clear-butn {
    background: #55ACEE;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    font-weight: bold;
    font-size: 10px;
    border: none;
    width: 125px !important;
    margin: auto;
    height: 35px !important;
}

#clear-image-button.clear-butn {
    background: #FF8923;
    margin-top: 20px;
}

.modal-header.photo-p-header {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}

    .modal-header.photo-p-header h2 {
        color: #4c4c4c;
        font-size: 24px;
        font-weight: 500;
    }

    .modal-header.photo-p-header p {
        color: #4c4c4c;
        font-size: 15px;
        margin: 0;
    }

    .modal-header.photo-p-header .close {
        margin: 0;
        background: none;
        color: #dc3545;
        font-size: 40px
    }

.modal-footer.photo-p-footer button.btn {
    border-radius: 100px;
    width: 120px;
    height: 35px;
    padding: 0;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.35);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.35);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.35);
}

#PropertyNameFonts,
#PropertyNameFontWeight {
    flex: 0 0 27%;
    margin-right: 5px;
    margin-right: 5px;
}

#PropertyNamecolorScheme {
    flex: 0 0 26%;
}

.edit-p-width {
    width: 96%;
    max-width: 96%;
}

.img-edit-p#editorModel {
    background: rgba(255, 255, 255, 0.64);
    overflow: auto;
}

.space-ava {
    text-align: center;
}

    .space-ava h2 {
        color: #3C4858;
        font-size: 24px;
        font-weight: 300;
    }

    .space-ava p {
        font-size: 18px;
        color: #3C4858;
    }

    .space-ava .btn-space {
        background: #EA7B25;
        border-radius: 3px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.57);
        color: #fff;
        font-size: 15px;
        padding: 10px 40px !important;
    }

.spaceAvailableWraper_tb .scrollbar {
    width: 100%;
    margin: 0;
    max-height: calc(100vh - 520px);
}

    .spaceAvailableWraper_tb .scrollbar .table {
        margin-bottom: 0;
    }

tr.space-ava-titel th {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    border-bottom: 2px solid #999;
    border-top: 2px solid #999;
}

.spaceAvailableWraper_tb td {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.modal-dialog.add-space {
    max-width: 930px;
}

.space-header-pop {
    margin-bottom: 20px;
}

    .space-header-pop h4 {
        font-weight: 300;
        text-transform: none;
        text-align: left;
        font: Bold 40px/56px Montserrat;
        letter-spacing: 0;
        color: #000000;
        opacity: 1;
    }

    .space-header-pop .close {
        font-size: 14px;
    }

.spaceAvailableWraper.spaceAvail-popup p,
.spaceAvailableWraper.spaceAvail-popup label,
.spaceAvail-popup label {
    font-size: 16px;
    color: #595959;
    font-weight: 400;
    text-align: left;
    margin: 0;
}

.spaceAvailableWraper.spaceAvail-popup span {
    font-size: 14px;
    color: #333;
    float: right;
}

.space-btn {
    color: #fff;
    padding: 30px 0;
}

    .space-btn a {
        padding: 10px 51px;
        margin: 20px;
    }

.spaceAvailableWraper.spaceAvail-popup .check-pos label {
    font-size: 14px;
    font-style: normal;
    float: left;
}

.check-pos {
    padding-top: 23px;
}

    .check-pos.ext-pt {
        padding-top: 33px;
    }

#Space_Description.customFormControl.spaceform-cont {
    width: 320px;
    height: 170px;
}

#uploadModalPopup.dz-preview.dz-processing.dz-image-preview.dz-complete {
    margin-top: 100px !important;
}

.market-section.customDropZone.active.space-drop-zone {
    border: 1px solid #838383;
    border-radius: 5px;
    width: 100%;
    height: 170px;
    text-align: center;
}

.uplod-boder {
    border-radius: 5px;
}

.hr-line:after {
    position: absolute;
    width: 21px;
    top: 72px;
    height: 2px;
    content: "";
    display: block;
    top: 45px;
    right: -10px;
    z-index: 5;
    background: #000;
}

.customFormControl.dolersub {
    width: calc(100% - 34px);
    border-left: 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
    padding-left: 3px;
}

.input-group-prepend.sybal .input-group-text {
    background: none;
    border: 1px solid #e6dbda;
}

.input-group-prepend.sybal {
    border-radius: 4px 0 0 4px;
}

.modal.wh-bg {
    background: rgba(255, 255, 255, 0.8);
}

.city-header {
    padding-top: 20px;
}

.sele-img {
    left: 650px;
    top: 99px;
    display: none;
}

.city-header h3 {
    color: #3C4858;
    font-size: 24px;
    font-weight: 300;
}

.city-header p {
    color: #3C4858;
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 300;
}

.cityInformation h6 {
    color: #3C4858;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: bold;
    text-align: left;
    margin: 0 0 5px 5px;
}

.cityInfo p {
    font-size: 14px;
    font-family: Montserrat;
    color: #725E5F;
}

.cityInfo .Cityabstract p {
    font-size: 14px;
}

.cityInfo {
    border-radius: 6px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.53);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.53);
    height: 442px;
}

.chimg-btn {
    padding-top: 100px;
}

.cityThumbnails {
    margin-bottom: 40px;
}

.cutm-error {
    top: 20px;
    left: 96px;
}

.chimg-btn .choosebtn {
    padding-top: 70px;
}

.chimg-btn button,
.chimg-btn span {
    width: 136px;
    font-size: 10px;
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.note-btn-group > .note-btn:last-child:not(.note-dropdown),
.note-btn-group > .note-btn-group:last-child:not(.note-dropdown),
.note-btn-group > .note-btn:first-child,
.note-btn-group > .note-btn-group:first-child,
.note-popover .note-popover-content .note-color .dropdown-toggle,
.note-toolbar .note-color .dropdown-toggle,
.note-editable {
    border: none;
}

.note-popover .note-popover-content,
.note-toolbar {
    border-radius: 6px;
}

.note-editor.note-frame {
    border: none !important;
}

    .note-editor.note-frame .note-statusbar {
        display: none;
    }

.city-adr {
    background: #fff;
    text-align: left;
    padding: 10px 0 10px 15px;
    border-top: 1px solid #e2e2e3;
}

.custm-footer button {
    width: 120px;
}

.edit-btn.cancel-btn {
    background-color: red;
    margin-bottom: 2px;
}

.lblmsg {
    margin-left: 142px;
    color: rgb(255, 0, 0);
    font-size: 100%;
}

.branding-head {
    text-align: left;
    z-index: 999;
    padding-top: 10px;
}

    .branding-head h2 {
        text-transform: uppercase;
        font-size: 32px;
        color: #373A3C;
        font-weight: 300;
    }

    .branding-head h6 {
        font-size: 24px;
        color: #3C4858;
        font-weight: 300;
    }

.edit-doc {
    position: absolute;
    left: 40px;
    width: 220px;
    background: #657a84;
    border-radius: 10px 10px 10px 10px !important;
    z-index: 10;
}

    .edit-doc h4 {
        color: #fff;
        font-size: 13px !important;
        font-weight: 500;
        padding: 20px 12px 10px 12px;
        background-color: black;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    .edit-doc ul {
        list-style-type: none;
        padding-left: 0;
    }

    .edit-doc li {
        padding: 3px 0;
    }

    .edit-doc a {
        color: #fff;
        font-weight: 400;
        padding-left: 20px;
        font-size: 14px;
    }

.edt-page {
    position: absolute;
    right: -160px;
    top: -33px;
}

.edit-page-btn {
    color: #FF7810;
    font-size: 25px !important;
    border: 2px solid #FF7810;
    background: none;
    border-radius: 100px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-top: 12px;
}

    .edit-page-btn:hover {
        color: #fff;
        border: #ff8923;
        background: #ff8923;
        box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    }

.edt-page .btn {
    zoom: 125%;
    border-radius: 100px;
    padding: 0.4rem 2rem;
    margin-top: 7px;
    display: block;
}

.doc-styles {
    position: absolute;
    right: 50px;
    width: 220px;
    background: #657a84;
    border-radius: 10px 10px 10px 10px !important;
    z-index: 10;
}

    .doc-styles h4 {
        color: #fff;
        font-size: 13px !important;
        font-weight: 500;
        padding: 20px 12px 10px 12px;
        background-color: black;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    .doc-styles label {
        color: #fff;
        margin: 0;
    }

#PropertyNameFonts.customFormControl.PropertyNameFonts {
    flex: 0 0 70%;
    margin: 0;
}

#PropertyNameFontWeight.customFormControl.fontWeight {
    flex: 0 0 45%;
    margin: 5px 5px 20px 0;
}

#PropertyNamecolorScheme.customFormControl {
    flex: 0 0 45%;
    margin: 5px 0 20px 0;
}

.modal-dialog.priv-dialog .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}

.modal-dialog.priv-dialog {
    max-width: 90%;
}

.priv-head {
    padding: 10px 10px 0;
}

    .priv-head h4 {
        font-size: 24px;
        color: #3C4858;
        font-weight: 300;
        text-align: center;
    }

.close.priv-close {
    color: #f94141;
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    z-index: 5;
}

    .close.priv-close:not(:disabled):not(.disabled):focus,
    .close.priv-close:not(:disabled):not(.disabled):hover {
        color: #f94141;
    }

.preLoader {
    position: fixed;
}

.avpw_scroll_page_complete {
    width: 490px !important;
    padding-left: 132px !important;
}

#avpw_control_main_scrolling_region {
    padding-left: 50px !important;
}

#avpw_logo,
#avpw_lftArrow,
#avpw_rghtArrow {
    display: none !important;
}

#reset-image-button,
#clear-image-button,
#save-image-button {
    width: 98px !important;
    height: 44px !important;
    margin-bottom: 2px !important;
}

#editable-image {
    width: 100%;
    height: 325px;
}

.modal-slider {
    border: none;
    background: none;
}

.modal .modal-dialog .modal-content.modal-slider {
    box-shadow: none;
}

.custom-btn {
    position: absolute;
    left: 50%;
    right: auto;
    display: inline-block;
    top: -60px;
    margin: 0 auto;
    transform: translate(-50%, 19%);
}

.customfild-name {
    text-align: center;
}

    .customfild-name h1 {
        font-size: 24px;
        color: rgba(0, 0, 0, 0.7);
        font-weight: bold;
    }

    .customfild-name p {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        padding-top: 10px;
        font-weight: 500;
    }

    .customfild-name h3.custom-fil {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 500;
        text-align: left;
        padding: 34px 0 5px 0;
    }

    .customfild-name .custmbtn {
        margin: auto;
        padding-top: 15px;
    }

.custmbtn {
    padding-top: 30px;
    padding-bottom: 10px;
}

.custom-btn-cancel,
.custom-btn-add {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #E71E2C;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    border-radius: 100px;
    border: none;
    padding: 7px 45px;
    margin: 0 26px;
}

    .custom-btn-cancel:hover {
        background: #be101c;
    }

.custom-btn-add {
    background: #07C245;
}

    .custom-btn-add:hover {
        background: #058a31;
    }

.customfild-close {
    color: #dc3545;
    right: 0px;
    top: -15px;
    position: absolute;
    background: none;
    border: none;
    font-size: 40px !important;
    z-index: 10;
    cursor: pointer;
}

    .customfild-close:hover {
        background: none;
        border: none;
        color: #dc3545;
    }

    .customfild-close:focus {
        outline: none;
    }

#style-1::-webkit-scrollbar-track,
#style-2::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E6E6E6;
}

#style-1::-webkit-scrollbar,
#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #E6E6E6;
}

#style-1::-webkit-scrollbar-thumb,
#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ADADAD;
}

#style-2 {
    overflow-x: hidden;
}

.more-data-pop {
    width: 100%;
    margin: auto;
    text-align: center;
}

.more-data-fild {
    margin: auto;
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}

.more-data-pop h1 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 15px;
}

.more-data-pop p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px;
}

.more-data-area {
    padding: 30px 50px;
}

.vmfield .row {
    border-top: 1px solid #e2e2e3;
    padding: 10px 0;
}

.vmfield .form-group {
    margin-bottom: 0;
}

.vmfield labele {
    padding-left: 10px;
}

.more-data-left {
    text-align: left;
    margin: auto 0;
}

    .more-data-left label {
        padding-left: 20px;
        margin: 0;
    }

.close.more-data-close {
    background: none;
    color: #dc3545;
    font-size: 40px;
}

    .close.more-data-close:hover {
        color: #f37b86;
    }

.property-list .listing .row {
    background: #fff;
}

.get-address {
    margin: auto;
}

    .get-address h1 {
        color: #3C4858;
        font-size: 36px;
        font-weight: 300;
    }

    .get-address h2 {
        color: #3C4858;
        font-size: 24px;
        font-weight: 300;
    }

.form-address {
    width: 100%;
}

.get-leas-address {
    padding: 5px 9rem;
}

.get-edit-address {
    margin: auto;
    padding: 0;
}

    .get-edit-address i {
        color: #fff;
        font-size: 10px;
    }

.addr-form {
    padding-left: 36px;
}

.get-edit-address .btn {
    background: #55ACEE;
    border-radius: 100px;
    padding: 1px 7px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
    -moz-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
    box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
}

.get-leas-address h3 {
    font-size: 20px;
    color: #707070;
    font-weight: 400;
}

.form-colm {
    border-top: 1px solid #E2E2E3;
    margin-bottom: 0;
}

.form-ro {
    margin: 7px auto;
}

.edit-fill {
    padding: 0;
}

    .edit-fill i {
        color: #fff;
        font-size: 10px;
    }

    .edit-fill .btn {
        background: #55ACEE;
        border-radius: 100px;
        padding: 1px 7px;
        margin-left: 30px;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
        -moz-box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
        box-shadow: 0px 2px 2px 0px rgba(85, 156, 238, 0.5);
    }

div#GetMulDIv .form-control.form-size {
    width: 100%;
}

.view-data,
.add-data {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    background: #55ACEE;
    border: none;
    padding: 11px;
    margin: 0 30px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.20);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.20);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.20);
    padding-left: 20px;
    padding-right: 20px;
}

.add-data {
    background: #FF8923;
}

    .add-data:hover {
        color: #fff;
    }

.add-address {
    box-shadow: 0 0 10px #ccc;
    padding: 20px 12px;
    margin: 0;
    text-align: center;
    width: 200px;
    position: absolute;
    right: -30%;
    top: 0;
}

    .add-address h5 {
        text-align: left;
        color: #707070;
        font-size: 12px;
        font-weight: 600;
    }

.add-adress-btn {
    color: #fff;
    background: #FF8923;
    border: none;
    border-radius: 100px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(255, 138, 35, 0.52);
    -moz-box-shadow: 0px 5px 5px 0px rgba(255, 138, 35, 0.52);
    box-shadow: 0px 5px 5px 0px rgba(255, 138, 35, 0.52);
}

    .add-adress-btn:hover {
        background: #e77009;
    }

.ridus-colm {
    border-radius: 5px;
}

.property-list {
    margin: 15px auto;
    padding: 30px 80px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #707070;
}

    .property-list .heading h3 {
        color: #707070;
        font-size: 20px;
        font-weight: 400;
    }

        .property-list .heading h3 span {
            display: block
        }

    .property-list .listing {
        max-height: 420px;
        overflow: auto;
        overflow-x: hidden;
        padding: 0;
        margin: 25px 0 0 0;
    }

        .property-list .listing .row {
            padding: 10px 0;
            border-top: 1px solid #e2e2e3;
        }

            .property-list .listing .row .fa.menu {
                font-size: 18px;
                cursor: move;
            }


        .property-list .listing .option {
            color: rgba(0, 0, 0, 0.8);
            font-size: 15px;
        }

        .property-list .listing .edit-btn {
            background: #55acee;
            width: 30px;
            height: 30px;
            border: none;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            color: #fff;
            font-size: 13px;
        }

.property-name row {
    background: #fff;
}



.add-addh-header {
    background: none;
    text-align: center;
    padding-top: 30px;
}

h5.add-address-title {
    color: rgba(0, 0, 0, 0.70);
    font-weight: bold;
    font-size: 24px;
}

h6.add-address-tagl {
    color: rgba(0, 0, 0, 0.70);
    font-size: 15px;
    padding-top: 7px;
}

.modal-add-adress p.topText {
    color: #F23A02;
}

.modal-add-adress p.bottomText {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.modal-add-adress .address-block {
    padding: 52px 25px;
}

.add-addres-footer {
    padding: 0 0 44px 0;
    text-align: center;
}

.add-adres-cancel,
.add-adres-ok {
    min-width: 100px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: #FA521C;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    border: none;
    margin: 0 26px;
    padding: 11px 15px;
}

    .add-adres-cancel:hover {
        background: #eb7a19;
    }

.add-adres-ok {
    background: #08ada7;
    padding: 10px 55px;
}

    .add-adres-ok:hover {
        background: #037D79;
    }

.edit-adres-cancel,
.edit-adres-ok {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: #E71E2C;
    border-radius: 100px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    border: none;
    margin: 0 26px;
}

.edit-adres-ok {
    background: #07C245;
    padding: 6px 55px;
}

    .edit-adres-ok:hover {
        background: #089938;
    }

.edit-adres-cancel:hover {
    background: #be000d;
}

.spnstreetaddresssubpart {
    color: #000;
    font-size: 20px;
    max-width: 245px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font: 18px/32px Montserrat;
    cursor: pointer;
    F padding-left: 10px;
}

    .spnstreetaddresssubpart.active {
        font: Bold 24px/32px Montserrat;
    }

.spnstreetaddresssubpartForSideHead {
    color: #000;
    font-size: 18px;
    max-width: 900px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font: 14px Montserrat;
    cursor: pointer;
    padding-left: 10px;
    display: block;
}

    .spnstreetaddresssubpartForSideHead.active {
        /*font: 24px/24px Montserrat;*/
        color: #FF8923;
        font-weight: 500;
    }

.btnhide {
    display: none !important;
}

.btnshow {
    display: block;
}

.note-editor.note-frame .note-editing-area .note-editable {
    width: 100%;
}

.divGetData {
    height: 356px;
}

.highlightdivHeight {
    height: 530px;
}


/*New*/

.outer {
    width: 100%;
    margin: auto;
    border: none;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.21);
    box-shadow: none;
    float: left;
}

.multi-address table tr th {
    padding: 10px;
    background: #fff;
    vertical-align: top;
    border-bottom: none;
    border-top: none;
    font-size: 20px;
    font-weight: 800;
    border-bottom: 2px solid orange;
}

.multi-address table {
    margin-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.multi-address .custom-scroll table {
    width: calc(100% - 5px);
}

.multi-address table tr td {
    background: #fff;
    height: 55px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    font-weight: 800;
    margin: 0;
    padding: 8px 10px;
    vertical-align: middle;
    border-top: 1px solid #e2e2e3;
}


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

    .multi-address table tr th {
        padding: 10px 5px;
        font-size: 16px;
    }
}

.edit-btn {
    background: #55acee;
    width: 30px;
    height: 30px;
    border: none;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.btneditrow {
    background: transparent;
    width: 30px;
    height: 30px;
    border: none;
    color: #55acee;
    cursor: pointer;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.edit-btn.gap {
    margin-top: 34px;
}

.ellipsis {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis2 {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.ellipsis3 {
    max-width: 121px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.ellipsis4 {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.ellipsis5 {
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

@supports (-ms-ime-align:auto) {
    .total-data table,
    .table-heading table {
        margin-bottom: 10px !important
    }
}

#tblContent .disableinput input[type="text"] {
    height: 32px;
    font-size: 20px;
    font-weight: bold;
}

    #tblContent .disableinput input[type="text"]:disabled {
        background: transparent;
        border: none;
    }

.crb-right-address {
    position: relative;
}

    .crb-right-address .outer {
        overflow: auto;
    }

.needsclick img {
    width: 65% !important;
    display: block;
    margin: 0 auto;
}

.property-details img {
    width: 100%;
}

.editofferring {
    margin-right: 88px;
    font-size: 13px;
    width: auto;
    margin-top: -1px;
}

.can_btn {
    font-size: 8px;
    margin-right: 25px;
}

.modelProgress .MW_100 {
    width: 100% !important;
}

.modal-slider .row.brandingColor {
    position: absolute !important;
    bottom: 0;
    width: 100%;
}

.apiaddrHover {
    color: #fff;
    background: #21BA45;
}

#mapLeasingLiveprogress content {
    width: 100%;
    height: 100%;
}

.dropzone .dz-preview.dz-image-preview {
    background: #ffffff;
    top: 85px !important;
}

.modelProgress .mid-heightsecond {
    /*zoom: 0.6;*/
    zoom: 0.99;
}


.mid-heightsecond .table {
    text-align: left !important;
}

.footer-bottom h5 {
    font-size: 16px;
    line-height: 25px;
    display: inline-block;
    padding-right: 16px;
    width: 32.5%;
}

.footer-bottom .secondContact {
    display: none;
}

/*.footer-bottom h5:nth-child(1) {
        width: fit-content;
        float: left;
        max-height: 101px;
    }

    .footer-bottom h5:nth-child(2) {
        width: fit-content;
        float: right;
    }*/

.footer-bottom .officeAddress,
.footer-bottom .officstreetAddr {
    font-size: 14px;
}

.midheightpaddingbottom {
    padding-bottom: 5px;
}


.mid-heightsecond .table {
    text-align: left !important;
}

.mid-height {
    height: 1000px;
    overflow: hidden;
}

.modal.show .modal-dialog {
    /*width: 9.5in;
    height: 1030px;*/
}

.footer-bottom .brandingColor {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.divheight span {
    display: block;
}

.property-details .table-sm th,
.property-details .table-sm td {
    padding: 0.1rem 0.3rem;
}

.property-details.height-content .table-sm thead th {
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
}

.property-details.height-content .table-sm tbody th,
.property-details.height-content .table-sm tbody td {
    font-size: 14px;
    font-weight: 400;
    color: #656464;
}

.height-content .limt-sp {
    width: 190px;
}

.modelProgress .height-content {
    height: auto;
}

.second-edit {
    top: 0;
    left: -4px;
}

.edit-shop {
    width: 90% !important;
    height: 90% !important;
    max-width: 90% !important;
}

    .edit-shop .modal-content {
        width: 100% !important;
        height: 100% !important;
    }

#photopeaframe {
    height: 100%;
}

.show-lft-cont {
    text-align: left;
    width: 40%;
    float: left;
}

.show-rht-cont {
    width: 58%;
    float: right;
    text-align: right;
}

.txt-al-lt {
    text-align: left;
}

.mb_lg_resz {
    text-align: left;
}

    .mb_lg_resz .logo1 {
        margin: 0px 15px;
        width: 220px;
    }

        .mb_lg_resz .logo1 img {
            max-height: 110px;
            max-width: 110px;
            width: 110px;
            object-fit: contain;
        }

.footer-par-lt {
    width: 390px;
    font-size: 9px;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 30px;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
}

.slide-gall-img .modalBanner {
    width: 100%;
    max-height: 313px;
    height: 313px;
    overflow: hidden;
}

    .slide-gall-img .modalBanner img {
        width: 100%;
        height: 313px;
        object-fit: fill;
        position: relative;
        object-position: center;
    }


.slide-gall-img .modalBannerTwoImage {
    width: 100%;
    max-height: 313px;
}


.slide-gall-img .modalBannerTwoImageLeft, .slide-gall-img .modalBannerTwoImageRight {
    width: 402px;
    max-height: 313px;
    display: inline-block;
}

.slide-gall-img .modalBannerTwoImageRight {
    float: right;
}

    .slide-gall-img .modalBannerTwoImageLeft img, .slide-gall-img .modalBannerTwoImageRight img {
        width: 100%;
        height: 313px;
        object-fit: fill;
        position: relative;
        object-position: center;
    }

/*.show .slide-gall-img .modalBanner {
    width: 100%;
    max-height: 350px;
}

    .show .slide-gall-img .modalBanner img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        position: relative;
        object-position: center;
    }*/

.main-logo-tp {
    width: 210px;
    height: 85px;
}

    .main-logo-tp img {
        max-width: 110px;
        max-height: 110px;
        object-fit: contain;
    }

.spaceAvlhide {
    display: none !important;
}

.Building-left-main {
    width: 75px;
    float: right;
}

.editApiData {
    width: 100%;
}

.property-highlights {
    margin-top: 25px;
}

    .property-highlights .scrolldiv {
        height: 130px;
    }

.property-overview .add-points-header {
    border-top: 1px solid #ccc;
}

.editmaponmodelpop {
    margin-top: 327px;
    position: absolute;
    height: 50px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: #ddd;
    height: 3px;
}

::-webkit-scrollbar-corner {
    display: none;
    height: 0px;
    width: 0px;
}

.off-align-span .editApiData {
    width: 100%;
    height: 36px;
}

.off-align-span .bulding-scrolling {
    max-height: 36px;
}

.off-align-span .editApiData .form-control {
    margin-top: 0px;
}

.Building-left-cont .Building-left span {
    float: left;
    padding-right: 5px;
}

.Building-left-cont .Building-left input {
    float: left;
    width: 66px;
}

.off-align-span .show-lft-cont {
    min-width: 85px;
    padding-right: 5px;
}

.scrolldiv-fx-ht .scrolldiv {
    max-height: 100px;
}

.Building-left .form-control {
    font-size: 12px;
    width: 62px;
}

.Building-left-cont {
    width: 95px;
}

.eql-fl-pln-ht > div img {
    height: 352px;
    margin-bottom: 15px;
}

h5 span.officstreetAddr {
    min-height: 20px;
    display: inline-block;
    width: auto;
}

.divFloorPlan h4 {
    text-align: left;
}

.modal.show .eql-fl-pln-ht .divFloorPlan > div img {
    height: 388px;
    object-fit: fill;
}

.footer-bottom h5 span.officeAddress {
    line-height: 18px;
    display: inline-block;
}

.offer-summary-content {
    max-height: 520px;
    overflow: hidden;
}

.addtop img {
    height: 825px;
    width: 100%;
}

.show#LeasingAdditionalImages .addtop img {
    height: 860px;
    width: 100%;
}

.addb1 img {
    height: 427px;
}

.modal-header.brandingColor {
    visibility: hidden;
    display: none;
}

.modal.show .modal-header.brandingColor {
    visibility: visible;
    top: -20px;
    background-color: transparent;
    display: contents;
}

.firstbann-sec,
.secondbann-sec,
.thirdbann-sec,
.four-bann-sec {
    width: 813px;
    float: left;
    height: 710px;
}

.firstbann-img {
    display: block;
    width: 813px;
    height: 754px;
    position: relative;
}

.secondbann-img {
    display: block;
    width: 810px;
    height: 374px;
    position: relative;
    object-fit: cover;
}

.addtop2 img {
    height: 410px;
    width: 100%;
}

.addtop2:nth-child(1) {
    margin-bottom: 4px;
}

.modal.show .addtop2 img {
    height: 426px;
    width: 100%;
    object-fit: cover;
}

.thirdbann-img {
    display: block;
    width: 808px;
    height: 372px;
    position: relative;
}

.thirdbann-img-lft.addtop3 {
    width: 405px;
    height: 369px;
    float: left;
    display: inline-block;
    margin: 1px;
}

.thirdbann-img-rht.addtop3 {
    width: 404px;
    height: 369px;
    float: right;
    display: inline-block;
    margin: 1px;
    margin-left: 0px;
}

.four-bann-sec .thirdbann-img-lft.addtop3 img,
.four-bann-sec .thirdbann-img-rht.addtop3 img {
    margin-bottom: 7px;
}

.property-overview-txt .divPropertyHighlights ul {
    margin-bottom: 0px;
}

    .property-overview-txt .divPropertyHighlights ul li {
        color: #626262;
        font-size: 13px;
        font-weight: 400;
        line-height: 30px;
    }

.footer-bottom .emailAddress,
.footer-bottom .webite {
    font-size: 14px;
}

.eql-fl-pln-ht .divFloorPlan.sig-fl-plan > div img {
    height: 780px;
    width: 100%;
}

.modal.show .eql-fl-pln-ht .divFloorPlan.sig-fl-plan > div img {
    height: 840px;
    width: 100%;
}

.divFloorPlan.sig-fl-plan h4 {
    text-align: left;
    padding: 10px 0px 5px 30px;
}

.eql-fl-pln-ht .divFloorPlan.dou-fl-plan > div img {
    height: 309px;
    width: 100%;
}

.modal.show .eql-fl-pln-ht .divFloorPlan.dou-fl-plan > div img {
    height: 321px;
    width: 100%;
    margin-bottom: 0;
}

.divFloorPlan.dou-fl-plan h4 {
    text-align: left;
    padding: 10px 0px 5px 30px;
}

.sixt-src-img {
    width: 815px;
    height: 313px;
    bottom: 150px;
    position: absolute;
    left: 0;
    right: 0;
}

.edt-page-1 {
    position: absolute;
    right: -9%;
    top: 0px;
    font-size: 13px;
}

    .edt-page-1 .edit-page-btn {
        color: #FF7810;
        font-size: 13px;
        border: 2px solid #FF7810;
        background: none;
        border-radius: 100px;
        padding: 4px 20px;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        margin-top: 0px;
        top: -34px;
        position: absolute;
        right: 4px;
    }

.property-highlights .showApiData li {
    list-style-type: none;
    background: url(/images/list-dot.png);
    background-size: 5px 5px;
    background-repeat: no-repeat;
    background-position: left 6px;
    padding: 0 0 6px 15px;
}

.not-active {
    display: none;
}

.modal#add-space {
    zoom: 100%;
}

.modal.show#add-space .modal-dialog.add-space {
    width: 9.5in;
    height: auto;
}

.modal.sp-add-space {
    zoom: 70%;
}

.form-group .sign-in-login-btn {
    background: #FA521C 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #fff;
    border-radius: 30px;
    padding: 15px;
    text-align: center;
    width: 165px;
    height: auto;
    text-align: center;
    margin: 0 0 0 33%;
}

.form-group.custom-field-margin {
    padding-bottom: 20px;
    padding-top: 20px;
}

section.login-page {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 30px;
}

input.LoginpopField {
    height: 50px;
}

a.LoginpopAchors {
    text-decoration: underline;
}

.fitIbject {
    object-fit: cover;
    object-position: center;
}

.col-md-2-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.img-border-with-radius {
    border: 1px solid;
    padding: 5px;
    border-radius: 10px;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.scrolling-details {
    overflow: auto;
    max-height: 1100px;
}

.PopGrowthInputWidht {
    max-width: 75px;
    min-height: 40px;
    border-radius: 5px;
    border: 1px solid #BEBEBF;
}

.PopGrowthInputWidhtSelect {
    min-width: 75px;
}

.myExpensesTable1 tbody tr:nth-child(even) {
    background: #ccc;
}

.myExpensesTable1 .expense-results {
    background: #000;
    color: #fff;
}

.expense-modal-popup-area {
    width: 100%;
    margin: auto !important;
    margin-top: 2% !important;
}

.TenantProfileBox {
    margin: 30px;
    margin-left: 0px;
}

    .TenantProfileBox p {
        font-weight: 500;
    }

.outer {
    padding-top: 5px;
}

.border-top-bottom {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 14px;
}

.htmlRenderSection-branding {
    display: block;
    clear: both;
    float: none;
    width: 1056px;
    margin: 0 auto;
    padding-top: 815px;
    position: relative;
    transform-origin: top;
    -webkit-transform-origin: top;
}

    .htmlRenderSection-branding .show {
        width: 1056px;
    }

    .htmlRenderSection-branding .cover-width {
        width: 100% !important;
    }


    .htmlRenderSection-branding #rentroll-modal-tbody tr {
        line-height: 1.5;
    }

    .htmlRenderSection-branding #rentroll-finalize-data .tableModalHead {
        height: 20px;
        color: white;
    }



    .htmlRenderSection-branding #rentroll-modal-tbody th {
        font-size: 9px !important;
        padding: 2px;
    }

    .htmlRenderSection-branding #rentroll-modal-tbody td {
        font-size: 9px !important;
        padding: 2px;
    }

    .htmlRenderSection-branding .expenses-tbd th {
        font-size: 9px !important;
        padding: 2px;
    }

    .htmlRenderSection-branding .expenses-tbd td {
        font-size: 9px !important;
        padding: 2px;
    }

    .htmlRenderSection-branding .tblLeasingspace th {
        font-size: 9px !important;
        padding: 2px;
    }

    .htmlRenderSection-branding .modal-content {
        height: 100% !important;
    }

#assumptionsummary-data h4 {
    font-size: 12px !important;
}

#assumptionsummary-data .Assumption-line span {
    font-size: 7px !important;
}

.PropertyAddressCentered {
    margin: auto;
    margin-top: 50px;
}

.slideConfidentialityLast .back-cover-lf p {
    padding: 5px 0 0 0;
    margin-bottom: 5px;
}

.slideConfidentialityLast h5 {
    margin-top: 10px;
    font-size: 15px !important;
}

.slideConfidentialityLast .back-cover-padd {
    padding: 0;
    position: absolute;
    bottom: 60px;
    right: 30px;
    left: 0;
}

.slideConfidentialityLast .footer-logo {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

.slideConfidentialityLast .footerAddresslogo {
    position: absolute;
    right: 0;
    bottom: 0;
}

#aboutCity {
    line-height: 1;
    margin-top: 30px;
}

.slideCityInfo .wiki-img {
    margin-top: 25px;
}

.slideCityInfo .wiki-img {
    width: 90% !important;
    height: auto !important;
    margin: 30px auto;
}

.expenses-tbd thead tr {
    background: #c11e1e;
    color: #fff;
}

.expenses-tbd tbody tr:nth-child(even) {
    background: #ccc;
}

.croppedImage {
    position: relative;
    display: block;
    float: left;
}

    .croppedImage img {
        width: auto;
        height: 100%;
    }

#liveprogressbar .modal-content {
    height: 100%;
}

#liveprogressbar .modal-body {
    height: 100%;
}

#liveprogressbar .modal.show .modal-dialog {
    display: block;
    clear: both;
    float: none;
    width: 1056px;
    margin: 0 auto;
    padding-top: 815px;
    position: relative;
    transform-origin: top;
    -webkit-transform-origin: top;
    zoom: 100%;
}

.AdditionalphotoD2 {
    width: 100%;
    height: 100%;
}

#liveprogressbar .modal.show .modal-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}


.assumptionsheader {
    display: none !important;
}

.tableModal {
    width: 100%;
}

.customTableModal {
    width: 90% !important;
    margin: 10px auto;
}

#divD3,
#divD3D4,
#divD3D4D5 {
    width: 1056px;
    height: 815px !important;
    padding: 0px;
}

.AdditionalphotoImg1 img,
.AdditionalphotoImg2 img,
.AdditionalphotoImg3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#divD3 .row,
#divD3 .col-sm-12 {
    width: 1056px;
    height: 815px !important;
    padding: 0px !important;
    margin: 0px !important;
}

#divD3 .AdditionalphotoImg1 {
    width: 1056px;
    height: 815px;
}

#divD3D4 .AdditionalphotoImg1,
#divD3D4 .AdditionalphotoImg2 {
    height: 408px !important;
    width: 1056px;
}

#divD3D4D5 .AdditionalphotoImg1,
#divD3D4D5 .AdditionalphotoImg2 {
    height: 408px !important;
    width: 528px;
}

#divD3D4D5 .AdditionalphotoImg3 {
    height: 408px !important;
    width: 1056px;
}

.AdditionalphotoImg1,
.AdditionalphotoImg2,
.AdditionalphotoImg3 {
    width: 100%;
    height: 100%;
}

#divD3D4D5 .row,
#divD3D4D5 .col-sm-6,
#divD3D4D5 .col-sm-12,
#divD3D4 .row,
#divD3D4 .col-sm-12 {
    height: 408px !important;
    padding: 0px !important;
}

#rentroll-finalize-data th,
#rentroll-finalize-data td {
    font-size: 10px;
    padding: 5px;
}

.rightWrapperImg {
    height: 815px !important;
    width: 1056px !important;
}

.market-section .dropzone .dz-previewadd {
    border-radius: 5px;
    float: left;
    width: 150px;
    height: 85px;
}

.col-4.text-right input#btnFinilizeDocNext,
.col-4.text-right input#btnNext,
.col-4.text-right button#btnFinilizeDocNext,
.col-4.text-right button#btnNext,
.col-4.text-right button.saveLeasingBrandingHtml,
.col-4.text-right button.saveBrandingHtml {
    margin-right: 15px;
}

.custom-check.citycheckbox + label {
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    margin: 0;
    padding-left: 25px;
    font-size: 13px;
    font-weight: 800;
}

.packageTitle {
    font-size: 18px;
    font-weight: bold;
}

.dynamicAddNewPackage .col-sm-3 {
    padding: 5px;
}

.slideCityInfo .wiki-info img {
    width: 100%;
    height: auto;
}

#bestPhoto {
    object-fit: fill;
}

.blurRightWrapper {
    float: left;
    width: 792px !important;
    background: #145f99;
    min-height: 815px;
    height: 815px;
    padding: 30px 15px 15px 40px;
    color: #ffffff;
}

.blurLeftWrapper {
    float: right;
    width: 50%;
    background: #145f99;
    min-height: 815px;
    height: 815px;
    padding: 30px 15px 15px 40px;
    color: #ffffff;
}

.rightWrapperImg {
    width: calc(100% - 660px);
    height: 100%;
}

    .rightWrapperImg > img {
        width: 100%;
    }

.tochead {
    margin-bottom: 20px;
}

.mainHeadTab {
    color: #000;
    font-size: 27px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.coverSectionWrapper {
    position: relative;
}

.confidentialityfooter {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}

.tblLeasingspace th {
    padding-top: 5px;
}

#AerialcropedimagenameC1 {
    width: 264px;
}

.cashflow td {
    font-size: 11px !important;
    font-weight: 400;
    text-align: left;
    padding: 0 !important;
}

.assumptionsheader {
    display: none !important;
}

.tableModal {
    width: 100%;
    max-width: 1056px;
}

.wiki-img {
    width: 80% !important;
    height: 50% !important;
    margin: 10px auto;
}

.wiki-info img {
    width: 100%;
    height: auto;
}

.AdditionalphotoD2 {
    width: 100%;
    height: 100%;
}

.expenses-tbd thead tr {
    background: #c11e1e;
    color: #fff;
}

.expenses-tbd tbody tr:nth-child(even) {
    background: #ccc;
}

.croppedImage {
    position: relative;
    display: block;
    float: left;
}

    .croppedImage img {
        width: auto;
        height: 100%;
    }

.modal-body {
    height: 100%;
}



.footerAddressSection {
    margin-top: 0px;
}

.commonModalText {
    margin: 0;
    line-height: 1.3;
    font-size: 16px;
    color: #fff;
}

.back-cover-rg .mainHeadTab,
.coverSectionWrapper .mainHeadTab {
    color: #fff;
}

.confidentialityfooter .builtBy {
    margin-bottom: 10px;
    font-size: 16px;
}

.previousDivfooterLogoModal {
    /*padding-left: 10px;*/
    padding-left: unset !important;
    vertical-align: middle;
    /*height: 80px;*/
    width: 100px;
    display: table-cell;
    object-fit: unset;
    text-align: center;
}

.confidentialityfooter .footerLogoModal {
    height: 110px !important;
    width: 102px !important;
    max-height: 110px !important;
    max-width: 110px !important;
    object-fit: cover;
    border-radius: 4px;
}


.divCompanyImage {
    /*width: 80px;
    height: 100px;*/
    vertical-align: middle;
    height: 110px !important;
    width: 98px;
    display: table-cell;
    object-fit: unset;
    text-align: center;
}

.slideConfidentialityLast .CContactPhoto {
    /*object-fit: contain;
    height: 70px;
    width: 60%;*/
    height: auto !important;
    width: auto !important;
    max-height: 110px !important;
    max-width: 110px !important;
    object-fit: cover;
    border-radius: 4px;
}

#rentroll-finalize-data,
#cashflow-data,
#demographicTable {
    padding-top: 25px;
}

.investmentSummary {
    margin-top: 25px;
}

.Assumption-head {
    background-color: #1c619a;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.Assumption-line {
    border-bottom: 2px solid #1c619a;
    vertical-align: middle;
    font-size: 13px;
    float: left;
    width: 100%;
    padding: 4px 5px;
}

.Assumption-border {
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.ed-cnl {
    display: none;
}

.show .ed-cnl {
    display: block !important;
}

.whiteBg {
    padding: 35px 0%;
}

.paddingTopAllignment {
    margin-top: 30px;
}

.spacepad {
    list-style: none;
    width: 100%;
    padding: 0px;
}

    .spacepad li {
        color: white;
        line-height: 18px;
        width: 100%;
    }

    .spacepad .license,
    .spacepad .emailAddress,
    .spacepad .webite,
    .spacepad .officNumber {
        font-size: 60%;
        line-height: 14px;
    }

.htmlRenderSection-branding .investmentSummary ul {
    list-style: none;
}

#cashflow-data tr {
    line-height: 1.5;
}

#hdextract {
    /* max-height: 360px;*/
    overflow: hidden;
    margin-bottom: 25px;
}

.cityInfoleft {
    width: 1408px !important;
}

.cityInforight {
    width: 1408px !important;
    margin-left: -1056px;
}

.fit-image {
    object-fit: cover;
}

.stretch-image {
}

.center-image {
}

.head-img {
    width: 1056px;
    height: 395px;
    object-fit: cover;
}

.alpha-head-img {
    width: 1056px;
    height: 675px;
    object-fit: cover;
}

.bravo-head-img {
    width: 1056px;
    height: 815px;
    object-fit: cover;
}

.left-img,
.righ-img {
    width: 527px;
    height: 276px;
    object-fit: cover;
}

.additionalimageISDiv {
    width: 482px;
    height: 258px;
    object-fit: cover;
}

.imageTopImageB1Div {
    width: 1056px;
    height: 815px;
}

.imageSitePlanE1div {
    width: 1056px !important;
    ;
    height: 815px;
    margin: 0px;
    padding: 0px;
}

.imageAdditionalD2Div {
    width: 1056px;
    height: 815px;
}

.floorplanchanger {
    width: 810px;
    height: 300px;
}

.SCTitle {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.SCAddress1 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.SCAddress2 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.SCImage {
    height: 70px;
    width: auto;
    object-fit: cover;
}

.SCDesc {
    /*    font-size: 12px;
    margin-bottom: 10px;
    max-height: 70px;*/
    line-height: 1;
    overflow: hidden;
}

.SCTable {
    font-size: 12px;
    width: 100%;
    margin-top: 0PX;
}

    .SCTable tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

        .SCTable tr:first-child,
        .SCTable tr:last-child,
        .SCTable tr:nth-last-child(2) {
            border-bottom: 0px;
        }

    .SCTable td:first-child {
        width: 60%;
        padding: 10px 15px;
    }

    .SCTable td:last-child {
        width: 40%;
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        padding: 10px 15px;
    }

.SCProfileBox {
    margin: 40px;
    margin-left: 0px;
}

#imgGoogleMapPopulation {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 !important;
    margin-top: 5% !important;
}


.TenantProfileBox p {
    font-weight: 500;
    max-height: 200px;
    overflow: hidden;
}

input:-moz-read-only {
    /* For Firefox */
    background-color: #dedede;
}

input:read-only {
    background-color: #dedede;
}

.lnkbtn {
    background-color: #FF8923;
    padding: 5px 20px;
    color: #fff !important;
    font-size: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: none;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    -moz-box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    box-shadow: 0px 8px 16px 0px rgba(156, 39, 176, 0.36);
    display: inline-block;
    text-align: center;
    width: 135px;
    margin-top: 10px;
}

#InvestementSummary-form .form-group,
#InvestementHighlight-form .form-group,
#locationHighLight-form .form-group {
    margin: 0px !important;
}

.divSecondContactProfilePic,
.divFirstContactProfilePic {
    /*width: 80px;
    height: 100px;*/
    vertical-align: middle;
    height: 110px;
    width: 110px;
    display: table-cell;
    object-fit: unset;
    text-align: center;
    border-radius: 4px;
}

    .divSecondContactProfilePic img,
    .divFirstContactProfilePic img {
        height: 110px !important;
        width: 98px !important;
        max-height: 110px !important;
        max-width: 110px !important;
        object-fit: cover;
        border-radius: 4px;
    }

    .divCompanyImage img {
        height: 110px !important;
        width: 93px !important;
        max-height: 110px !important;
        max-width: 110px !important;
        border-radius: 4px;
    }

.imgSupplementDiv {
    width: 405px;
    height: 374px;
    float: left;
    padding-right: 2px;
}

.divFloorPlanImg {
    width: 813px;
    height: 687px;
}

.leasingaboutPlace {
    /*max-height: 250px;*/
    overflow: hidden;
}

    .leasingaboutPlace h4 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: left;
    }

    .leasingaboutPlace p {
        line-height: 18px;
        color: #000;
        font-weight: 500;
        /* max-height: 240px;*/
        text-align: left;
        width: 363px;
        margin-bottom: 10px;
    }

.modal.show .leasingaboutPlace p {
    line-height: 17px;
    color: #000;
    font-weight: 500;
    /* max-height: 290px;*/
    width: 363px;
    text-align: left;
    margin-bottom: 10px;
}




table.leasingOfferSummary {
    width: 100%;
    margin-top: 10px;
}

    table.leasingOfferSummary tr {
        border-bottom: 1px solid #808080;
        height: 14px;
    }

    table.leasingOfferSummary td {
        font-size: 13px;
        width: 50%;
        padding: 8px 0px;
    }

    table.leasingOfferSummary th {
        font-size: 13px;
        font-weight: 700;
        width: 50%;
        padding: 8px 0px;
    }

@media only screen and (min-width: 768px) {
    .property-overview-wrap {
        text-align: left;
    }
}

@media (max-width: 767px) {
    #demographics-summary .modal-lg {
        max-width: 100%;
    }

    #rent-roll .modal-lg {
        max-width: 100%;
    }

    #overviewassumption.modal-lg {
        max-width: 100%;
    }

    #ftfrontage.modal-lg {
        max-width: 100%;
    }

    .modal-property {
        max-width: 100%;
    }
}

@media (min-width:1024px) {
    #imgProjects .modal-dialog {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 1368px) {
    .modal.DocTemplate {
        zoom: 50%;
    }
}

@media only screen and (min-width: 1370px) {
    .modal.DocTemplate {
        zoom: 70%;
    }
}

@media only screen and (max-width: 1440px) {
    .packageTitle {
        font-size: 14px;
        font-weight: bold;
    }
}




.abosutepositionbottom {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 150px;
}

.opaque {
    opacity: 0.5;
}



.mainPageAddressBar {
    font-weight: unset !important;
}

.divLeasingPropertyName {
    font-weight: unset !important;
}

.divLeasingPropertyAddress {
    font-weight: unset !important;
}

.allzero {
    padding: 0;
    margin: 0;
}

.investmentSummary ul, .investmentSummary, .investmentSummary ul li {
    list-style: none;
}



.TenantProfileBox .tenantName {
    font-size: 17px;
    font-weight: bold;
    margin: 0;
}



.TenantProfileBox .tenantDesc {
    font-size: 11px;
    color: #707070;
    margin: 0;
    line-height: 1
}

.cityTitle {
    text-transform: uppercase;
}

b, strong {
    font-weight: 600;
}

.rounded-circle {
    object-fit: cover;
}




.sideNav {
    width: 19%;
    float: left;
    background-color: #ffffff;
    top: 64px;
    height: calc( 100vh - 64px);
    position: absolute;
    text-align: center;
}

.MainCnt {
    width: 81%;
    float: right;
    height: calc(100vh - 64px);
    overflow-y: auto;
}

.brand img {
    width: 140px;
    max-height: 52px;
    object-fit: contain;
}

.brand a {
    display: flex;
    align-items: center;
}

.nav-side-menu {
    overflow-y: auto;
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    background-color: #f1f1f1;
    top: 0px;
    width: 100%;
    height: calc(100vh - 64px);
    color: #000;
    border-right: 2px solid #f4f4f4;
}




    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu li a {
        color: #fff;
        padding-left: 40px;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 1;
        cursor: pointer;
    }

    .nav-side-menu .menu-list .menu-content {
        display: block;
        width: 50%;
        margin: auto;
    }

.top-nav-menu .menu-list .menu-content {
    display: block;
    width: 50%;
    margin: auto;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .sideNav {
        display: none;
    }

    .MainCnt {
        float: none;
        width: 100%;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.menu-list ul {
    border-left: 1px solid #fff;
}

.menu-list li {
    margin-bottom: 16px;
    /* display: flex; */
    /* align-items: center; */
    height: 40px;
    position: relative;
}

    .menu-list li:last-child {
        margin-bottom: 0px;
        height: 0;
    }

    .menu-list li a:before {
        content: "";
        width: 3px;
        height: 31px;
        position: absolute;
        left: -3px;
        top: 0;
        background: #fff;
        width: 15px;
        height: 15px;
        border-radius: 50px;
        margin-left: -5px;
        margin-top: 0px;
        color: #fff;
    }

    .menu-list li.active a:before {
        background: #fa521c;
        border: 5px solid #fdc600;
        width: 25px;
        height: 25px;
        margin-left: -10px;
        margin-top: -5px;
    }

    .menu-list li.active a {
        color: #fdc600;
        font-weight: bold;
    }

@media (min-width: 767px) {
    .top-nav-menu .menu-list .menu-content {
        display: block;
    }
}

/*#header, .MainCnt {
    background-color: #e9e9e9 !important;
}*/

#header {
    background-color: #fff !important;
}

.MainCnt {
    background-color: #ffffff !important;
}


.marketing-item {
    width: 100%;
    display: block;
    min-height: 420px !important;
    padding: 10px;
    border-radius: 5px;
}

    .marketing-item h4 {
        font-size: 16px !important;
        color: #040404;
        margin-top: 25px;
        min-height: 60px;
        text-align: left;
        line-height: 1.5;
    }

    .marketing-item:hover {
        width: 100%;
        display: block;
        /*height: 350px;*/
        background-color: #e9e9e9;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
    }

        .marketing-item:hover h5 {
            color: #040404 !important;
            font-weight: bold !important;
        }

    .marketing-item img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-top: 20px;
        box-shadow: none;
        border: 2px solid #fff;
    }

    .marketing-item:hover img {
        width: 150px;
        border-radius: 50%;
        margin-top: 20px;
        box-shadow: none;
        border: 2px solid #fa521c;
    }

    .marketing-item a {
        display: block;
        text-align: center;
        /*height: 330px;*/
        cursor: pointer;
    }

    .marketing-item.marketing-box ul {
        text-align: left;
        margin: 0;
        padding-left: 0;
        padding-bottom: 25px;
        list-style: none !important;
    }

    .marketing-item.marketing-box li {
        color: #3C4858;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 18px;
        text-transform: capitalize;
        position: relative;
    }

    .marketing-item.marketing-box h5 {
        color: #626262;
        font-size: 14px;
        font-weight: 500;
        padding-left: 0;
        margin-bottom: 10px;
        text-align: left;
    }

.noboarder, .h1-withoutBorder, .h1-withoutBorder::before, .h2-withoutBorder {
    border: none !important;
    background: none !important;
}

.nopadding, .h1-withoutBorder, .h2-withoutBorder {
    padding: 0px !important;
}

.h2-withoutBorder {
    margin-top: 10px !important;
    color: #707070 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}


.btnBack {
    background: none;
    color: #6b7280;
    padding: 10px 36px;
    text-align: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    margin-left: 3%;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}

.btnBack:hover {
    border-color: #9ca3af;
    color: #374151;
    background: #f9fafb;
}

.btnNext {
    background: none;
    color: #fa521c;
    padding: 10px 36px;
    text-align: center;
    border: 1px solid #fa521c;
    border-radius: 6px;
    margin-left: 3%;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}

.btnNext:hover {
    background: #fff5f2;
}

.overview-header p {
    font-size: 18px;
    color: #707070;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.add-points-header h5 {
    color: #000000;
    padding: 0 10px !important;
}

.add-points-header {
    padding: 15px 10px !important;
    margin-bottom: 3px !important
}

    .add-points-header .btn {
        padding: 0.175rem 0.75rem !important;
    }

.add-points .scrollbar {
    padding-top: 0 !important;
}

.setect-text-table td .white-box {
    margin: 5px 20px;
    margin-right: 40px;
    box-shadow: none !important;
    border: 1px solid #B8B1B1;
    border-radius: 0px 10px 10px 0px !important;
}

span.table-add.add-new-property.add-btn.btnaddnewproperty {
    box-shadow: none;
    background-color: #FDC600;
    padding: 13px;
    color: black;
}

span.table-add.add-new-summary.add-btn.btnaddnewproperty {
    box-shadow: none;
    background-color: #FDC600;
    padding: 13px;
    color: black;
}

span.table-add.add-new-investment.add-btn.btnaddnewproperty {
    box-shadow: none;
    background-color: #FDC600;
    padding: 13px;
    color: black;
}

span.table-add.add-new-location.add-btn.btnaddnewproperty {
    box-shadow: none;
    background-color: #FDC600;
    padding: 13px;
    color: black;
}

.btn-space {
    box-shadow: none !important;
    background-color: #FDC600 !important;
    padding: 13px !important;
}

span.table-add.text-center.add-new.add-btn {
    box-shadow: none;
    background-color: #FDC600;
    padding: 13px;
}

.image-upload > input {
    display: none !important;
}

.image-upload label {
    cursor: pointer;
}

.image-upload {
    background: url("../images/empty2.png");
    background-size: cover;
    width: 113px;
    height: 111px;
    display: block;
    border-radius: 5px;
    border: 1px #c0c0c0 solid;
}

    .image-upload img {
        width: 113px;
        height: 111px;
        display: block;
        overflow: hidden;
        margin: auto;
        border-radius: 4px;
        padding: 10px;
    }


.image-upload-wbg > input {
    display: none !important;
}

.image-upload-wbg label {
    cursor: pointer;
}

.image-upload-url {
    background: url("../images/empty2.png");
}

.image-upload-wbg {
    background-size: contain;
    background-position: center;
    width: 113px;
    height: auto;
    display: block;
    border-radius: 5px;
    border: 1px #c0c0c0 solid;
    text-align: center;
    height: 100%;
}

    .image-upload-wbg img {
        width: 113px;
        display: block;
        overflow: hidden;
        margin: auto;
        border-radius: 4px;
        padding: 0px;
        max-height: 100%;
        height: 122px;
        object-fit: cover;
    }

.image-tenant-profile-wbg > input {
    display: none !important;
}

.image-tenant-profile-wbg label {
    cursor: pointer;
}

.image-tenant-profile-wbg {
    background-size: cover;
    width: 100px !important;
    height: auto !important;
    display: block;
    border-radius: 5px;
    border: none;
    object-fit: cover;
    text-align: center;
}

    .image-tenant-profile-wbg img {
        width: 150px;
        height: auto;
        display: block;
        overflow: hidden;
        margin: auto;
        border-radius: 4px;
        padding: 10px;
        max-height: 100%;
    }


@media (min-width: 1300px) {
    .container {
        max-width: 1460px !important;
    }
}


.btneditcityinforow {
    background-color: white !important;
}

    .btneditcityinforow i {
        color: #55acee;
    }

.btnAddcityInforowData i {
    color: #55acee;
    cursor: pointer;
}

.add-address-btn-line {
    margin-top: 50px;
    font-weight: bold;
    border-bottom: 2px solid #fa521c;
    padding-bottom: 20px;
    color: #000;
    padding-left: 20px;
    position: relative;
}

    .add-address-btn-line:before {
        position: absolute;
        background: #fdc600;
        height: 2px;
        content: '';
        width: 30%;
        bottom: -2px;
        right: 0;
    }

.crb-addaddress {
    font-size: 14px;
    font-weight: 500;
}

.btnAddApiData > .fa-check {
    color: black;
}

.btnAddcityInforowData.btnAddApiData.customCloseBtn.mr-2.my-0.ml-0.align-top > .fa-check {
    color: transparent;
}

.btn-api-address-list-edit {
    background: transparent !important;
    color: #fff !important;
}
/*
.borderBtm:after {
    position: absolute;
    background: #fdc600;
    height: 2px;
    content: '';
    width: 35%;
    bottom: -2px;
    right: 0;
}*/

.borderBtm {
    /*border-bottom: 2px solid red;*/
    background-image: url('/images/title_border.png');
    background-position: center;
    background-size: cover;
    position: relative;
    height: 2px;
    display: block;
    margin-bottom: 10px;
}

.layout-section-title {
    color: #1A1A1A;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    font-size: 24px;
    line-height: 115%;
    font-weight: 600;
    margin-bottom: 0px !important;
    text-align: center;
}

.layout-section-content {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 1.25;
    color: #1A1A1A;
    font-weight: 500;
    text-align: center;
}


.wizard {
    /*width: 920px;*/
    position: relative;
}

    .wizard > .steps {
        float: left;
        margin-top: 36px;
    }

        .wizard > .steps .current-info, .wizard > .steps .number {
            /*display: none;*/
            margin-top: 0px;
            color: #9ca3af;
            padding-top: 12px;
            display: inline-block;
            padding-left: 0px;
            font-size: 9px;
            width: 100px;
            font-weight: 600;
            text-align: center;
            margin-left: -42px;
            letter-spacing: 0.3px;
        }

        .wizard > .steps ul {
            display: flex;
            justify-content: center;
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .wizard > .steps li a span {
        }

        .wizard > .steps li a {
            display: inline-block;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #e5e7eb;
            margin-right: 74px;
            position: relative;
            border: 3px solid #e5e7eb;
            pointer-events: none;
            transition: background 0.3s ease, border-color 0.3s ease;
        }


li.checked a {
    border-color: #FA521C;
}

li.current a {
    border-color: #FDC600;
}

li.checked .number {
    color: #fa521c !important;
    font-weight: 700;
}

.wizard > .steps li a:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #e5e7eb;
    position: absolute;
    right: 14px;
    top: 5px;
    border-radius: 2px;
}

.wizard > .steps li a:after {
    content: "";
    width: 0;
    height: 3px;
    background: #FA521C;
    position: absolute;
    left: -90px;
    top: 5px;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.wizard > .steps li.first a {
    background-color: #FA521C;
}

.wizard > .steps li.checked a {
    background-color: #FA521C;
}

    .wizard > .steps li.checked a:after {
        width: 106px;
    }

.wizard > .steps li:last-child a {
    margin-right: 0;
}

.wizard > .steps li:first-child a:before {
    display: none;
}

.wizard > .steps li:first-child a:after {
    display: none;
}

.wizard > .content {
    position: relative;
    height: 521px;
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-size: 13px !important;
    line-height: inherit;
}

.row_margin_assumptions {
    padding: 15px;
}

.bottom-bar {
    bottom: 0px;
}



.card-img-top.card-img-top-custom {
    max-height: 200px;
    min-height: 200px;
}


#header > div > div > div.col-md-9 > div > div > ul li {
    display: none;
}

.investmentSummary-popup {
    max-height: 245px;
}

.readable-list {
    border: 0px !important;
}

    .readable-list li {
        color: black;
        line-height: 1.25;
        margin: 10px;
        opacity: 0.9;
        padding: 0px;
        padding-left: 10px;
        height: auto;
        font-weight: normal;
    }

.SCTable {
    min-height: 342px;
    height: 100%;
}

    .SCTable tr {
        vertical-align: top;
        height: 30px;
    }


.posdown {
    /*position:absolute;
bottom:0;*/
}

.mapImg.areaMapImage.areaMap {
    object-fit: cover;
    margin: auto;
}

#cashflow-modal-popup th {
    text-align: right;
    padding-right: 10px;
}

#cashflow-modal-popup td {
    padding-right: 10px;
}

.btnsavedraft {
    background: #55ACEE;
    color: #fff;
    padding: 5px 40px;
    text-align: end;
    border: 1px solid;
    border-radius: 25px;
    margin-right: 3%;
    cursor: pointer;
    display: none;
}

.asumption-header td {
    font-size: 14px !important;
}

footer a {
    color: #040404;
}

#cashflow-data td {
    padding: 0 1px !important;
}

    #cashflow-data td:first-child {
        padding-left: 2px !important;
        text-transform: uppercase;
    }

.tableModalBody .isNOI td {
    font-weight: 600 !important;
}

.dynamicfontSize40, .dynamicfontSize40 > span {
    font-size: 40px !important;
}

.dynamicfontSize38, .dynamicfontSize38 > span {
    font-size: 38px !important;
}

    .dynamicfontSize38, .dynamicfontSize38 > span {
        font-size: 38px !important;
    }

.dynamicfontSize36, .dynamicfontSize36 > span {
    font-size: 36px !important;
}

.dynamicfontSize35, .dynamicfontSize35 > span {
    font-size: 35px !important;
}

.dynamicfontSize34, .dynamicfontSize34 > span {
    font-size: 34px !important;
}

.dynamicfontSize33, .dynamicfontSize33 > span {
    font-size: 33px !important;
}

.dynamicfontSize32, .dynamicfontSize32 > span {
    font-size: 32px !important;
}

.dynamicfontSize31, .dynamicfontSize31 > span {
    font-size: 31px !important;
}

.dynamicfontSize30, .dynamicfontSize30 > span {
    font-size: 30px !important;
}

.dynamicfontSize29, .dynamicfontSize29 > span {
    font-size: 29px !important;
}

.dynamicfontSize28, .dynamicfontSize28 > span {
    font-size: 28px !important;
}

.dynamicfontSize27, .dynamicfontSize27 > span {
    font-size: 27px !important;
}

.dynamicfontSize26, .dynamicfontSize26 > span {
    font-size: 26px !important;
}

.dynamicfontSize25, .dynamicfontSize25 > span {
    font-size: 25px !important;
}

.dynamicfontSize24, .dynamicfontSize24 > span {
    font-size: 24px !important;
}

.dynamicfontSize23, .dynamicfontSize23 > span {
    font-size: 23px !important;
}

.dynamicfontSize22, .dynamicfontSize22 > span {
    font-size: 22px !important;
}

.dynamicfontSize21, .dynamicfontSize21 > span {
    font-size: 21px !important;
}

.dynamicfontSize20, .dynamicfontSize20 > span {
    font-size: 16px !important;
}

.dynamicfontSize19, .dynamicfontSize19 > span {
    font-size: 19px !important;
}

.dynamicfontSize18, .dynamicfontSize18 > span {
    font-size: 18px !important;
}

.dynamicfontSize17, .dynamicfontSize17 > span {
    font-size: 17px !important;
}

.dynamicfontSize16, .dynamicfontSize16 > span {
    font-size: 16px !important;
}

.dynamicfontSize15, .dynamicfontSize15 > span {
    font-size: 15px !important;
}

.dynamicfontSize14, .dynamicfontSize14 > span {
    font-size: 14px !important;
}

.dynamicfontSize13, .dynamicfontSize13 > span {
    font-size: 13px !important;
}

.dynamicfontSize12, .dynamicfontSize12 > span {
    font-size: 12px !important;
}

.dynamicfontSize11, .dynamicfontSize11 > span {
    font-size: 11px !important;
}

.dynamicfontSize10, .dynamicfontSize10 > span {
    font-size: 10px !important;
}

.dynamicfontSize9, .dynamicfontSize9 > span {
    font-size: 9px !important;
}

.dynamicfontSize8, .dynamicfontSize8 > span {
    font-size: 8px !important;
}

.dynamicfontSize7, .dynamicfontSize7 > span {
    font-size: 7px !important;
}

.dynamicfontSize6, .dynamicfontSize6 > span {
    font-size: 6px !important;
}

.dynamicfontSize5, .dynamicfontSize5 > span {
    font-size: 5px !important;
}

.dynamicfontSize4, .dynamicfontSize4 > span {
    font-size: 4px !important;
}


.tdBold td {
    font-weight: bold;
}

#downloadProgressDiv {
    border-radius: 7px;
    background: #28a745;
    height: 40px;
    width: 0%;
    background-size: 40px 40px;
}

#downloadProgressPercentage {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    z-index: 999;
    font-size: 12px;
}

#demographicTable td, #demographicTable th {
    font-size: 11px;
    line-height: 1.5;
}

.cityThumbnails img {
    object-fit: contain !important;
}

.address-data-row {
    border: 0px;
    border-top: 2px solid #e9e9e9 !important;
    border-bottom: 2px solid #e9e9e9 !important;
}


.address-row {
    border: 0px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}


.activerow {
    border-top: 2px solid #FF8923 !important;
    border-bottom: 2px solid #FF8923 !important;
}


.SideHeadArrow .fa {
    margin-top: 13px;
    color: black;
    font-size: 18px;
}



.SideHeadArrow.active .fa {
    color: #FF8923 !important;
}


@media only screen and (min-width: 1600px) {
    .wizard > .steps .current-info, .wizard > .steps .number {
        width: 120px;
        font-size: 10px;
        margin-left: -50px;
    }

    .wizard > .steps li a {
        margin-right: 100px;
    }

        .wizard > .steps li a:before {
            width: 104px;
        }

    .wizard > .steps li.checked a:after {
        width: 226px;
    }


    .wizard > .steps li a:after {
        left: -110px;
    }
}
/* CSS PARA AGRANDAR LAS ELEMENTOS */

.sliderSection {
    transform: scale(0.79) !important;
}

.slideBtnBanner.btnRightSlide {
    right: 6PC;
}

.slideBtnBanner.btnLeftSlide {
    left: 6PC;
}

.cmlivepbar .modal.show {
    zoom: 80%;
}

#CoverPage.show, .cmlivepbar .modal.show {
    margin-top: 3%;
}

.cmlivepbar .modal.show {
    zoom: 80%;
}

#CoverPage.show, .cmlivepbar .modal.show {
    margin-top: 3%;
}

.investmentSummary-popup {
    height: 15pc;
}

@media only screen and (min-width: 992px) {
    #header .col-md-10 {
        zoom: 70%;
    }

    .sign-in {
        zoom: 80%;
    }

    .sliderSection {
        transform: scale(0.5) !important;
    }

    .slideBtnBanner.btnRightSlide {
        right: -43px;
    }

    .slideBtnBanner.btnLeftSlide {
        left: -43px;
    }

    .edit-doc, .doc-styles {
        zoom: 80%;
    }
}

@media only screen and (min-width: 1200px) {
    #header .col-md-10 {
        zoom: 90%;
    }

    .sign-in {
        zoom: 90%;
    }

    .sliderSection {
        transform: scale(0.5) !important;
    }

    .slideBtnBanner.btnRightSlide {
        right: -3px;
    }

    .slideBtnBanner.btnLeftSlide {
        left: -3px;
    }

    .edit-doc, .doc-styles {
        zoom: 80%;
    }
}

@media only screen and (min-width: 1440px) {
    #header .col-md-10 {
        zoom: 90%;
    }

    .sign-in {
        zoom: 90%;
    }

    .sliderSection {
        transform: scale(0.65) !important;
    }

    .slideBtnBanner.btnRightSlide {
        right: 6PC;
    }

    .slideBtnBanner.btnLeftSlide {
        left: 6PC;
    }

    .edit-doc, .doc-styles {
        zoom: 90%;
    }
    .saved-title {
        width: 50%;
        font-size: 20px !important;
        margin-top: 10px;
        opacity: 0.7;
    }
}
.saved-title {
    width: 50%;
    font-size: 20px !important;
    margin-top: 10px;
    opacity: 0.7;
}

/* ========== 2026-02 Aesthetic Cleanup ========== */

/* Dropdown menu polish */
.custom-dropdown-position {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    padding: 6px 0 !important;
}

.dropdown-item {
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 500;
    color: #374151 !important;
    transition: background 0.15s ease;
}

.dropdown-item:hover {
    background: #f9fafb !important;
    color: #fa521c !important;
}

/* Soften page background */
body {
    background: #f3f4f6;
}

/* Bottom bar spacing */
.whiteBg {
    padding: 24px 0%;
    background: #fff;
}

/* Form inputs consistency */
.form-control {
    border-radius: 4px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    padding: 8px 12px;
    transition: border-color 0.2s ease;
}

.form-control:focus {
    border-color: #fa521c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(250, 82, 28, 0.1);
}