*{ margin:0px; padding:0px;}
.clear{ clear:both;}

body {
    color: #555;
}

.h4, h4 {
    font-size: 18px;
}

.text-primary{ color:#f44336 !important;}
.btn-default { border-radius:5px !important; border-color:#ced4da !important;}

h2, h3{ color:#EE2E24; font-size:30px; font-weight:bold; margin-top:0px; padding-top:0px;}
.text-orange {
    color: #EE2E24;
}
.bg-ligh-gray{ background: #ccc;}

.d_none{ display: none;}

.logo img {
    width: 185px;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:visited{
    border:1px solid #da241a !important;
    background:#da241a !important;
    outline:0px !important;
    border:0px !important;
    box-shadow: none !important;
}
.btn-primary{ background:#EE2E24; transition:all 0.45s; border:0px;}
.btn-primary:hover, .btn-primary:focus{ background:#c52119;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{background:#c52119;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{background:#c52119;}

.btn-primary-border{background: none !important;
    border: 2px solid #da241a !important;
    color: #da241a;
    font-size: 13px !important;
}


header{ width:100%; height:auto; padding:6px 0px; border-bottom:1px solid #ccc;}
header .headerRight{ margin-top:6px;}
header .headerRight ul{ margin:0px; padding:0px;}
header .headerRight ul li{ list-style:none; float:left; margin:0px 10px;}
header .headerRight ul li ul li{ float:none;}


.btn-primary:hover, .btn-primary:focus, .btn-primary:visited{
    border:1px solid #da241a !important;
    background:#da241a !important;
    outline:0px !important;
    border:0px !important;
    box-shadow: none !important;
}
.btn-primary{ background:#EE2E24; transition:all 0.45s; border:0px;}
.btn-primary:hover, .btn-primary:focus{ background:#c52119;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{background:#c52119;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{background:#c52119;}

.btn-primary-border{background: none !important;
    border: 2px solid #da241a !important;
    color: #da241a;
    font-size: 13px !important;
}

.btn{border-radius: 25px;padding: 6px 20px;}

.wishlist_count{ position: relative; margin-top: 10px;}
.wishlist_count svg{font-size: 21px;  margin-top: 4px; margin-left:-10px;}
.wishlist_count sup { background:#f44336; width: 22px; height: 22px; border-radius:50%; color:#fff; display: block; position: absolute; top:-11px; right:-16px; font-size: 12px;
    padding: 5px;
    padding-top: 10px;
    text-align: center;}

    .post_property_free{ background:#f1f1f1; color:#666; padding:2px 10px; border-radius:10px; font-size: 80%; padding-bottom: 4px; text-transform: uppercase; font-weight:500;}.highlight_property_info .table td, .table th {    padding: 17px 0.75rem;}

    .helpTextLanding{ text-align:center; padding:10px;}
    .postPropertyBox{ box-shadow: 0 0 32px rgba(0,0,0,.32);  border-radius: 5px; padding:20px 10px; height:auto; overflow:hidden; background:#fff;}
    .postPropertyBox h5{ font-weight:bold;}


/*********Property div list*************/
.dv-list-item
    {
       color: rgba(0, 0, 0, 0.54);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    margin: 0px 2px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(230, 230, 230);
    border-image: initial;
    border-radius: 24px;
    padding: 0px 15px;
    }
    .dv-list-item.active
    {
      background: #f44336;
      border-color:#f44336;
      color: white;
    }

    .postPropertySection h2 {
        font-size: 24px;
    }
    
    .phone-circle{ border: 1px solid #ccc;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 18px;
    color: #f44336;
    transform: rotate(90deg);}
 
   .phone-circle svg {
    margin: 8px;
}
.top_contact_number {
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
}
ul.why-post-content{ margin-top: 20px;}
ul.why-post-content li{ list-style: none; background:#d1d1d1; border-radius: 25px; padding: 6px 15px; margin-bottom:10px; padding-left: 40px !important;}
ul.why-post-content li:nth-child(1){ background: url(../images/whyIcon1.png) no-repeat top 3px left 4px, #d1d1d1;}   ul.why-post-content li:nth-child(2){ background: url(../images/whyIcon2.png) no-repeat top 3px left 4px, #d1d1d1;}  ul.why-post-content li:nth-child(3){ background: url(../images/whyIcon3.png) no-repeat top 3px left 4px, #d1d1d1;}


#loginModal{ padding-right:0px !important;}
#loginModal .modal-content{ background:none; border:0px;}
#loginModal .modal-body{border-radius: 0.25em; padding:0px; overflow: hidden;}
#loginModal .nav-tabs .nav-link{ background-color:#ccc; border-radius:0px !important; color:#495057;}
#loginModal .nav-tabs .nav-link.active{ background:#fff;}
#loginModal .tab-content{ background:#fff; padding: 30px 5px;}
#loginModal .btn-primary{padding: 10px 20px;}
.dropdown-item.active, .dropdown-item:active{background-color: #eb1e25;}



/*  inner pages begin here  width: 24.666667 */
.agent-nav{ width: 100%; height: auto; background: #ccc; overflow: hidden;}
.agent-nav ul{ margin: 0px; padding: 0px;}
.agent-nav ul li{ list-style: none; float: left; width: 20%;}
.agent-nav ul li a{ display: block; padding: 0px 0px; line-height: 40px; color: #fff; text-align: center; text-decoration: none;}
.agent-nav ul li a:hover{ text-decoration: none;}
.agent-nav ul li:nth-child(1) a{ background: #BA68C8 ;}
.agent-nav ul li:nth-child(2) a{ background: #9234ab ;}
.agent-nav ul li:nth-child(3) a{ background: #b955ca ;}
.agent-nav ul li:nth-child(4) a{ background: #9234ab;}
.agent-nav ul li:nth-child(5) a{ background: #BA68C8;}
.agent-nav ul li:nth-child(6) a{ background: #994a45;}
.agent-nav ul li a.active{ background:#f4f4f4; color: #555; font-weight: bold;}

.agent-bg{ background: #f4f4f4; min-height: 600px;}
.agent-bg h1{ font-size: 32px; margin-bottom: 18px;}


.content-box{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.32); border-radius: 5px;}
.content-box .border{min-height:400px;}
ul.agent-nav-tabs{ margin: 0px; padding: 0px;}
ul.agent-nav-tabs li{ width: 100%; width:100%; list-style:none;}
ul.agent-nav-tabs li a{ color: #555; border-bottom: 1px solid #f1f1f1; padding:6px 15px; line-height:30px; display:block; cursor:pointer; transition:all 0.45s;}
ul.agent-nav-tabs li a:hover{ background:#f1f1f1; padding-left:20px;}
ul.agent-nav-tabs li a.active{ background: #ccc;}


.search_list_begin .col{ padding:0px 10px;}
.search_list_begin .search-list-box{ box-shadow: 0 0 5px rgba(0,0,0,.32); margin-bottom: 10px;  transition: all 0.25s;}
.search-list-box:hover{box-shadow: 0 0 32px rgba(0,0,0,.32);}
.search-list-box .card{ border-radius:0px; padding: 15px;}
.search-list-box .card .cardClick{cursor: pointer;}
.search-list-box .card h1{ font-size:20px !important;}
.search-list-box .card h2{ font-size: 17px !important;}
.search-list-box .card p{ font-size: 12px !important;}
.search-list-box .card p.font-weight-bold{ font-weight: 500 !important;}
.search-list-box .card a:hover, .search-list-box .card a:hover { text-decoration:none;}
.search-list-box .card-img-top, .search-list-box .card-img-top {
    height: 222px;
    border-radius: 0px;
    border: 1px solid #ccc;
}
.property_status, .search-list-box .property_status { position: absolute; top:0px; right:0px; background:rgba(238, 46, 36, 0.9); width:auto; height:auto; color: #fff;
    padding: 2px 15px; font-size: 12px;}
.property_wishlist, .search-list-box .property_wishlist{ position:absolute; top:0px; left:0px; background:rgba(238, 46, 36, 0.9); width:auto; height:auto; padding: 0px 15px; color:#fff;}
.property_wishlist svg, .search-list-box .property_wishlist svg{ font-size:12px !important;}
.search-list-box .fa-heart{ font-size: 24px; margin-top: 2px;}

.search-list-box .property_photos{    position: absolute;
        bottom: 0px;
        left: 0px;
        width: auto;
        height: auto;
        padding: 2px 8px;
        color: #fff;
        font-size: 12px;
    background:rgba(0, 0, 0, 0.6);}

.search-list-box .search_list_btn{ position: absolute; bottom: 18px; left: 265px;}
.card-body{ border-top:1px solid #ccc; padding: 10px; background:#f8f8f8; border:1px solid #dedede;}


.property_btn_list{ margin:0px; padding: 0px; overflow: hidden;}
.property_btn_list li{ list-style: none; float: left; margin:0px 5px;}
.property_btn_list li svg{  cursor: pointer;}

.search-list-box .btn-primary, .btn-primary-border{padding: 2px 12px !important;}
.btn-primary-border:hover, .btn-primary-border:focus{ border: 2px solid #da241a !important; color:#fff;}
.search-list-box .btn-primary, .btn-primary-border .badge{ border: 1px solid #da241a;}

.badge-radius{border-radius: 50%; width: 22px; height: 22px; text-align: center; padding-top: 5px;}
.btn-remark{ text-decoration: none;}
.btn-remark:hover{ text-decoration: none;}


.bottom_custom_modal{ position: fixed; top:10%; left:0px; right: 0px; margin-left:auto; margin-right:auto; width: 100%; background:#fff; padding:20px; z-index: 1100; transition:all 0.45s; transform:translateX(-1200px); width: 50%; border-radius: 5px;}
.bottom_custom_modal h5{ font-size:18px !important;}
.bottom_custom_modal.active{transform:translateX(0);}
.bottom_close_btn{ position: absolute; top:0px; right:0px; font-weight:bold; cursor:pointer; padding:15px; z-index: 10000;}
.bottom_back_drop {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000 !important;
    transition: all 0.45s;
    display: none;
}
.bottom_back_drop.active {
    display: block;
}

.custom_date, .custom_time{}
.custom_date ul{margin:0px; padding: 0px; text-align: center;}
.custom_date ul li{list-style: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0px 5px;
    width: 60px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    min-height: 55px;}
.custom_date ul li:nth-child(1) span, .custom_date ul li:nth-child(2) span{ padding-top: 28%;}
.custom_date ul li span{ display: block;}
.custom_date ul li span.lead{font-size: 1rem; line-height:16px;}
.custom_date ul li.active {
    background: #f44336;
    border-color: #f44336;
    color: white;
}

.custom_time ul{margin:0px; padding: 0px; margin-top:15px; text-align: center;     width: 75%;
    margin: auto;
    margin-top: 20px;}
.custom_time ul li{list-style: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0px 5px;
    width: 60px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    min-height: 25px;
    margin-bottom: 5px;
}
.custom_time ul li span{ display: block;}
.custom_time ul li.active {
    background: #f44336;
    border-color: #f44336;
    color: white;
}

.bottom_schedule_modal, .get_owner_detail_modal{ background: url(../images/ScheduleYourVisitVector.png) bottom center no-repeat, #fff; padding-bottom:200px;}
.btn-primary:not(:disabled):not(.disabled):active{ background:#c52119 !important;}

input {
font-size: 14px !important;
}