﻿body {
    color: #3f3f3f;
    font-family: Roboto-Regular;
}

/*@media (min-width:640px) {

    .container {
        width: 1170px !important;
    }
}*/



.header_banner_propertyResult {
    position: relative;
}

.header_banner1 img {
    height: 320px;
    width: 100%;
}

.header_banner {
}

.header_banner_image {
}

.header_banner_title1 {
    font-size: 20px;
    color: #193F83;
}

.header_banner_title111 {
    position: absolute;
    left: 50%;
    top: 27px;
    font-size: 30px;
    font-weight: bold;
    transform: translate(-50%, 95px);
}

.header3 {
    font-size: 15px;
    text-align: center;
    margin-top: 30px;
    font-family: 'Roboto-Medium';
    color: #193F83;
    font-weight: bold;
}

.header_banner_title3 {
    position: absolute;
    left: 50%;
    font-size: 25px;
    color: white;
    transform: translate(-50%, 73px);
}

.header_banner_title221 {
    position: absolute;
    left: 50%;
    /*color: #484848;*/
    transform: translate(-50%, 0px);
}

    .header_banner_title221 h3 {
        left: 50%;
        font-size: 28px;
    }

.header_banner_search1 {
    position: absolute;
    width: 100%;
    padding: 22.5px 0px;
    bottom: 0px;
    left: 50%;
    background-color: rgba(0,0,0,0.1);
    transform: translate(-50%,-80px);
    margin-bottom: 0;
}

    .header_banner_search1 input {
        margin: 0px 26px;
        height: 35px;
        padding: 4px 13px;
        font-size: 13px;
    }

        .header_banner_search1 input[type="radio"] {
            margin-left: 10px;
            height: auto;
        }

    .header_banner_search1 a {
        background-color: #C2000B;
        color: white;
        padding: 9.3px 80px;
    }

.header_banner_Boder {
    position: absolute;
    width: 100%;
    padding: 17.5px 93px;
    /* text-align: left; */
    background-color: rgba(0,0,0,0.4);
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    margin-bottom: 0px;
}

    .header_banner_Boder input {
        margin: 0px 5px;
        text-align: left;
        padding: 0px 10px;
        border-bottom: 0,5em solid gray;
        margin-bottom: 10px;
    }

    .header_banner_Boder a {
        font-size: 1em;
        color: black;
        text-decoration-line: underline !important;
    }



.tab-main {
    margin-top: 80px;
}

.a {
    font-size: 1em;
    float: right;
    text-transform: capitalize;
    padding: 8px 96px;
    color: #BCB4A7;
    border: 1px solid #BCB4A7;
    margin-top: 23px;
    border-radius: 0.5rem;
}

/*.row p {
    margin-top: 17px;
    margin-bottom: 17px;
    text-transform: capitalize;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.8em;
    font-family: Roboto-Medium !important;
}*/

.top_main_input {
    margin-bottom: 23em !important;
}

    .top_main_input input {
        display: inline-block;
        font-size: 1.25em;
        text-align: center;
        text-transform: capitalize;
        color: #242424;
        text-shadow: 0 1px 0 #ffffff;
        line-height: 1.8em;
        border: 1px solid #BCB4A7;
        border-radius: 0.5rem;
        left: 2px;
        margin-bottom: 1rem;
        margin-left: 1rem !important;
        padding: 10px 49px;
    }

.grid1 {
    border: 1px;
    margin-bottom: 100px;
    /*margin: 3% 0;*/
}

.grid1_of_3 {
    padding-top: 1px;
    background: #ffffff;
    position: relative;
    margin-bottom: 20px;
}

    .grid1_of_3 h2 {
        padding: 0.25px;
        margin-left: 1px;
        margin-top: 25px;
    }

    .grid1_of_3 a {
        padding: 0.25px;
        margin-left: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .grid1_of_3 h3 {
        padding: 0.25px;
        margin-left: 1px;
        margin-top: 1px;
        color: #3e3e3e !important;
    }

    .grid1_of_3 .image {
        height: 250px;
        object-fit: cover;
    }

    .grid1_of_3 h2, a {
        color: #C2000B;
        text-transform: none;
    }

    .grid1_of_3 img {
        width: 4%;
        margin-right: 10px;
    }

    .grid1_of_3 .btnViewProperty {
        padding: 20px 0px;
    }

.main-form {
    margin-top: 120px;
}

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover, .dropbtn:focus {
        background-color: black;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.dropdown {
    border-bottom-color: black;
}

.dropdown-toggle {
    width: 100%;
    /*padding: 12px 16px;*/
    color: white !important;
    text-align: left;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eee;
}

.dropdown label, input {
    margin: 0px 12px;
    padding: 0px 10px;
    top: 6px;
}

.dropdown {
    margin: 10px 0px;
}

    .dropdown ul, li {
        position: relative;
        text-align: left;
        /*margin: 10px 0px;*/
    }

.dropdown-menu {
    background-color: transparent;
}

.main_div1 {
    color: white;
    position: absolute;
    left: 50%;
    top: 35%;
    font-size: 68px;
    font-weight: bold;
}

.main_div2 {
    color: white;
    position: absolute;
    left: 50%;
    top: 55%;
    font-size: 20px;
    font-weight: bold;
}

.main_div3 {
    position: absolute;
    background: #3e3e3e;
    color: white;
    left: 50%;
    top: 80%;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    /*border: 1px solid black;*/
    /* font-weight: bold; */
    color: white;
}

.menu-top-main {
    padding-top: 20px;
    display: inline-block;
    padding-right: .5rem;
    color: #626262;
    content: "/" !important;
    margin-bottom: 50px;
}



.navleft {
    font-size: 15px;
    margin-bottom: 15px;
    font-family: 'Roboto-Regular';
}

.navleft1 {
    font-size: 14px;
    font-weight: bold;
    text-decoration-line: underline;
}

.f {
    margin-bottom: 30px;
}

.main_form-navi ul {
    padding-left: 100px;
}

.main_form-navi p {
    padding: 7px;
}

.main_form-navi span {
    font-weight: bold;
}

.linkhere {
    color: #194F83;
    margin-left: 100px;
    margin-bottom: 30px;
    font-weight: bold;
}

.linkheree {
    color: #194F83;
    margin-right: 58px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
}

.grid3_of_3 {
    margin-bottom: 50px;
    padding-left: 60px;
}

.grid1_of_3 h4 {
    font-size: 27px;
    font-weight: bold;
}

.grid1_of_3 .image1 {
    height: 200px;
}

.grid1_of_3 span {
    font-size: 20px;
}

.grid1_of_3 h4 {
    font-size: 20px;
    font-weight: bold;
}

.index_title1 {
    text-align: center;
    font-weight: bold;
    font-family: roboto-bold;
    color: #193F83;
    margin: 40px 0px;
}

.indexdes_title1 {
    font-size: 20px;
    margin: 20px 0px;
    font-family: 'Roboto-Medium';
    color: #193F83;
}

.indexdes_content1 {
    color: #3e3e3e;
    font-size: 15px;
}

.indexdes_readmore1 {
    font-size: 15px;
    margin: 10px 0px;
    font-family: roboto-medium;
    color: #193F83;
}



.indexdes_title_line_21 {
    width: 65%;
    float: right;
    position: relative;
    top: 38px;
    height: 3px;
    background-color: var( --main-color);
}

.index_newbox_title1 {
    color: #424242;
    font-family: roboto-bold;
    margin-top: 10px;
    font-size: 19px;
    margin-bottom: 20px;
}

.signup1 {
    background-color: #E5E5E5;
    padding: 5px 0;
}

.signup_title1 {
    color: #424242;
    margin-bottom: 10px;
    font-family: roboto-bold;
    margin-top: 10px;
    font-size: 20px;
}

.signup1 input {
    width: 100%;
    height: 40px;
    margin-right: 15px;
    margin-top: 5px;
    padding-left: 10px;
}

.signup1 a {
    background-color: #193F83;
    color: white;
    padding: 11px 30px;
}

.leading_title1 {
    padding-top: 17px;
    color: #3e3e3e;
    font-size: 15px;
    font-family: Roboto-Regular;
    text-align: justify;
}

.viewall1 {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 15px;
}

    .viewall1 a {
        color: #193F83;
        font-family: roboto-bold;
        border: 1px solid;
        padding: 10px 40px;
        font-weight: bold;
    }

.ourservice_title1 {
    color: #424242;
    font-family: roboto-bold;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.ourservice_content1 {
    text-align: center;
    padding: 3px 9px;
}

.ourservice_readmore1 {
    font-size: 14px;
    margin: 10px 0px;
    text-align: center;
    font-family: roboto-medium;
    color: #193F83;
}

grid1_of_3 h5 {
    margin-top: 10px;
}

.indexdes_title_line1 {
    font-size: 25px;
    margin: 20px 0px;
    overflow: hidden;
    font-family: roboto-bold;
    color: var( --main-color);
    font-weight: bold;
    position: relative;
}

    .indexdes_title_line1:after {
        content: "";
        content: "";
        display: inline-block;
        height: 0.5em;
        vertical-align: bottom;
        left: 0px;
        width: 100%;
        margin-bottom: 3px;
        margin-right: -100%;
        margin-left: 36px;
        border-top: 3px solid;
    }
/*.indexdes_title_line1 {*/
/*font-size: 25px;*/
/*width: 35%;*/
/*float: left;
    overflow: hidden;
    margin: 20px 0px;
    font-family: roboto-bold;
    color: #193F83;
    font-weight: bold;
    position: relative;*/
/*}*/
.menu-main {
    font-size: 25px;
    color: #194F83;
    font-weight: bold;
    /* margin-bottom: 30px; */
    overflow: hidden;
    /* padding-top: 18px; */
    margin: 10px 0px;
}

    .menu-main:after {
        /*content: "";*/
        content: "";
        display: inline-block;
        height: 0.5em;
        vertical-align: bottom;
        left: 0px;
        width: 100%;
        margin-bottom: 3px;
        margin-right: -100%;
        margin-left: 36px;
        border-top: 3px solid;
    }

.header_banner_title_11 h2 {
    position: absolute;
    /*left: 50%;
    top: 74px;*/
    top: 140%;
    font-size: 40px;
    color: white;
    font-weight: bold;
    transform: translate(0%, 65px);
    */
}

.header_banner_title_11 p {
    position: absolute;
    /*left: 50%;
    top: 74px;*/
    top: 180%;
    font-size: 18px;
    color: white;
    font-weight: bold;
    transform: translate(0%, 156px);
}

.header_banner_title_11 input {
    position: absolute;
    transform: translate(-5%, 330px);
    background: #3e3e3e;
    padding: 10px;
    font-size: 14px;
    color: white;
    text-align: center;
}

.header_banner_title_222 {
    position: absolute;
    left: 50%;
    /*top: 27px;*/
    top: 273px;
    font-size: 18px;
    color: white;
    /* font-weight: bold; */
    transform: translate(0%, -43px);
}

.header_banner_title_22 {
    position: absolute;
    left: 50%;
    /*top: 27px;*/
    top: 216px;
    font-size: 18px;
    color: white;
    /* font-weight: bold; */
    transform: translate(0%, -43px);
}

.header_banner_title_33 {
    position: absolute;
    background: #3e3e3e;
    left: 50%;
    top: 405px;
    /* top: 80%; */
    padding: 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    transform: translate(0%, -93px);
}

@media (max-width:1050px) {
    .header_banner_title_11 {
        transform: translate(-50%, 32px);
        width: 90%;
    }

    .header_banner_title_22 {
        width: 90%;
        font-size: 18px;
        transform: translate(-50%, -36px);
    }

    .header_banner_title_222 {
        width: 90%;
        font-size: 18px;
        transform: translate(-50%, -36px);
    }

    .header_banner_title_33 {
        width: 40%;
        font-size: 14px;
        transform: translate(-50%, -100px);
    }
}

@media (max-width:1050px) {
    .header_banner_title111 {
        width: 90%;
        margin: 18px 0px;
        font-size: 24px;
        transform: translate(-50%, 22px);
    }

    .header_banner_title2 {
        width: 90%;
    }

    .header3 {
        font-size: 14px;
        font-size: 14px;
    }
}

@media (max-width:1050px) {
    .header_banner_title1 {
        font-size: 21px;
    }

    .header_banner_title3 {
        width: 90%;
        font-size: 30px;
        padding-left: 75px;
        transform: translate(-50%, 136px);
    }
}

@media (max-width:1050px) {
}

.header_banner_title_33 a {
    color: white;
}

.guildbanner1 {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.guildbanner_title1 {
    text-align: center;
    font-family: roboto-bold;
    color: var( --main-color);
    padding-top: 50px;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 20px;
}

.guildbanner_Cotnent1 {
    text-align: center;
    color: white;
    padding-bottom: 150px;
    text-align: center;
    margin: 0px auto;
    font-size: 26px;
    font-family: roboto-medium;
    width: 71%;
}

.breadcumbs {
    margin-top: 20px;
}

    .breadcumbs ul {
        margin: 0px;
        padding: 0px;
    }

        .breadcumbs ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .breadcumbs ul li a {
                display: block;
                color: #424242;
                font-weight: bold;
                text-transform: uppercase;
            }

            .breadcumbs ul li span {
                color: #bcbcbc;
                text-transform: uppercase;
            }

.htbul {
}

    .htbul li {
        margin-bottom: 10px;
        display: block;
        text-align: left;
        list-style: none;
        margin-left: 20px;
    }

        .htbul li:before {
            content: "·";
            font-size: 74px;
            margin-left: -26px;
            vertical-align: middle;
            line-height: 20px;
        }

    .htbul span {
        color: #484848;
    }

.htbul {
}

    .htbul li {
        margin-bottom: 10px;
        display: block;
        text-align: left;
        list-style: none;
        margin-left: 80px;
    }

        .htbul li:before {
            content: "·";
            font-size: 74px;
            margin-left: -26px;
            vertical-align: middle;
            line-height: 20px;
        }

    .htbul p {
        color: #484848;
        font-weight: bold;
        padding-top: -21px;
        margin-top: -19px;
        /* padding-top: 1px; */
    }

    .htbul span {
        color: #484848;
        padding-left: 5px;
    }

.htbul1 {
}

    .htbul1 li {
        margin-bottom: 10px;
        display: block;
        text-align: left;
        list-style: none;
        margin-left: 20px;
    }

        .htbul1 li:before {
            content: "·";
            font-size: 74px;
            margin-left: -26px;
            vertical-align: middle;
            line-height: 20px;
        }

    .htbul1 span {
        color: #3f3f3f;
    }

.htbul1 {
    /*margin-left: 22px;*/
}

    .htbul1 li {
        margin-bottom: 10px;
        display: block;
        text-align: left;
        list-style: none;
        margin-left: 20px;
    }

        .htbul1 li:before {
            content: "·";
            font-size: 74px;
            margin-left: -26px;
            vertical-align: middle;
            line-height: 20px;
        }

    .htbul1 p {
        color: #484848;
        font-weight: bold;
        padding-top: -21px;
        margin-top: -19px;
        /* padding-top: 1px; */
    }

    .htbul1 span {
        color: #3f3f3f;
    }

.errorpage {
    padding: 60px;
}

    .errorpage h2 {
        padding-bottom: 30px;
        font-size: 40px;
        color: white;
        font-weight: bold;
    }

    .errorpage p {
        color: white;
        /* font-weight: bold; */
    }

    .errorpage input {
        background: #3e3e3e;
        margin-top: 25px;
        padding: 8px;
        font-size: 14px;
        color: white;
        text-align: center;
        margin-left: 0px;
    }

@media (max-width:640px) {

    .dvNewsslideDesktop {
        display: none;
    }

    .dvNewsslideMobile {
        display: none;
    }

    .signup1 input {
        width: 100%;
        height: 40px;
        margin-top: 5px;
        margin-right: 0px;
        margin: 0px;
        margin-bottom: 5px;
    }

    .header3 {
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center;
        color: #193F83;
        font-weight: bold;
    }

    .header_banner_title1 {
        text-align: center;
    }

    .invest_title {
        text-align: center;
        color: #194F83;
        font-size: 20px;
        top: 20px;
        padding-top: 11px;
        font-family: 'Roboto-Bold';
    }

    .indexdes_title_line1 {
        font-size: 20px;
        margin: 20px 0px;
        font-family: roboto-bold;
        color: var( --main-color);
        font-weight: bold;
        position: relative;
    }

    .htbul1 p {
        color: #484848;
        font-weight: bold;
        padding-top: -21px;
        margin-top: -19px;
        font-size: 14px;
        /* padding-top: 1px; */
    }

    .menu-main {
        font-size: 20px;
        margin: 20px 0px;
        font-family: roboto-bold;
        color: var( --main-color);
        font-weight: bold;
        position: relative;
    }

    .indexdes_title_line_2 {
        width: 50%;
        float: right;
        position: relative;
        top: 33px;
        height: 3px;
        background-color: var( --main-color);
    }

    .welcomebox_content {
        display: none;
    }

    .formMessage_image img {
        width: 100px;
        margin: 0px auto;
    }

    .indexdes_title {
        font-size: 20px;
    }

    .header_menu {
        box-shadow: none;
        border-bottom: none;
        position: sticky;
        top: 0px;
        z-index: 9999;
        background-color: white;
    }

    .popularbox {
        min-height: 60px;
    }

    .signup input {
        width: 66%;
        height: 40px;
        margin-right: 15px;
        padding-left: 10px;
    }

    .leading img {
        width: 166px;
        margin: 0px auto;
    }

    .header_logo {
        padding: 5px 0px;
    }

        .header_logo img {
            margin-top: 0px;
            height: 62px;
            width: 88px;
        }

    .header_banner_title1 {
        font-size: 20px;
        font-weight: bold;
        color: #484848;
    }

    .header_banner_title2 {
        width: 100%;
    }

    .header_banner_search {
        position: absolute;
        width: 100%;
        padding: 14px 0px;
        text-align: center;
        background-color: #b5b5b566;
        bottom: 0px;
        left: 50%;
        transform: translate(-50%, 0px);
    }

        .header_banner_search label {
            width: 15%;
        }

        .header_banner_search input[type="radio"] {
            margin-left: 0px !important;
        }

        .header_banner_search input {
            margin: 0px auto;
            height: 35px;
            padding: 0px 10px;
            margin-bottom: 10px;
            width: 100%;
            /*max-width: 90%;*/
        }

        .header_banner_search a {
            color: white;
            /*background-color: var(--main-color);        
            padding: 9.3px 80px;
            width: 90%;
            display: block;
            margin: 0px auto;*/
        }

    .btn-search {
        margin-top: 10px;
        width: 100%;
    }

    .header_banner img {
        height: 510px;
        width: 100%;
        object-fit: cover;
    }

    .index_new_title {
        font-size: 14px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 7px;
    }
}

.r {
    margin-bottom: 100px;
}

.mot {
    margin-bottom: 30px;
}

.nav_backgroud {
    background: #E5E5E5;
    padding: 30px;
}

.navleft2 {
    padding-top: 5px;
}

.nav_backgroud1 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.navleft2 {
    padding: 5px;
}

.imapleft {
}

    .imapleft ul {
        /*border: 1px solid black;
        display: block;*/
    }

    .imapleft li {
        border: 1px solid black;
        display: block;
        padding: 10px;
        margin-right: 35px;
    }

    .imapleft p {
        border: 1px solid black;
        width: 100%;
    }

    .imapleft span {
        float: right;
    }

    .imapleft i {
        float: left;
    }

.rowtabb {
    margin-bottom: 40px;
}

.rowtab h4 {
    padding-top: 20px;
}

.buttommer input {
    background: var( --main-color);
    color: white;
    border: none;
    font-size: 15px;
}

.icon-society {
    text-align: center;
}
