body{margin:0;padding:0;background:#fff;font-family: 'Open Sans', sans-serif;}
h1{margin:0;padding:20px 0;font-size:30px;color:#323232;line-height:40px;font-weight:700}
h2{margin:0;padding:20px 0 30px;font-size:24px;color:#323232;line-height:30px;text-align:center}
.header-top-strip{background:#252525;color:#fff;text-align:right;padding-top:5px;padding-bottom:5px}
.header-strip-main{padding-right:30px;font-size:16px}
.header-strip-main span{font-size:11px}
.header-strip-main span.icon{font-size:16px;margin:0 5px 0 15px}
.navbar-default{background-color:#070707; border-color:#070707;}
.navbar{border-radius:0; margin:0;}
.listing-nav-bg{background:#000;padding:0;margin:0;border-bottom:none;width:100%;border-top:none;border-left:none;border-right:none}
.listing-navi li.menu a{color:#fff}
.navbar-brand{padding-top:1px; padding-bottom:5px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > li > a:hover{ background-color:#212121; color:#fff;}
.project-navi > li > a{padding-left:12px; padding-right:12px;}
.listing-header{width:50%;}
.inner_search{margin-left:30%;}
.stylish-input-group{margin-top:8px;}
.stylish-input-group .input-group-addon{background:#212121; border:0; border-radius:0; padding:6px 7px}
.stylish-input-group .form-control{border:0; background-color:#212121; border-radius:0;}
.stylish-input-group .form-control:focus {box-shadow:none;}
.stylish-input-group button{border:0; background:#212121;}
.contact-banner{width:100%;float:left;position:relative}
.project-logo{width:100%;z-index:9;left:0;bottom:0;position:absolute; background-color:rgba(0,0,0,.8);}
.project-logo-bg{/*background:url(../images/search-bg.png) repeat;padding-top:10px;padding-bottom:10px;overflow:hidden*/}
.project-logo-image{/*width:200px;height:100px;float:left*/ position:absolute; background-color:rgba(0,0,0,.8); padding:5px; top:-50px; text-align:center;}
.project-logo-image img{padding:3px}
.project-logo-text{margin-left:190px;color:#fff; float:left;}
.project-logo-text h1{margin:0; padding:0;color:#fff; font-size:20px; line-height:35px;}
.intro-title-right{color:#fff; float:right; margin-left:10px;}
.intro-title-right span{font-size:14px}
.search-bar{width:50%;position:absolute;z-index:9;top:40%;left:25%;border-radius:10px;padding:0}
.search-title{width:auto;float:left;font-size:25px;color:#fff;line-height:30px;font-weight:400;background:url(../images/search-bg.png) repeat;padding-left:10px;padding-right:10px;padding-top:10px;border-radius:5px 5px 0 0}
.search-main{width:100%;float:left;background:url(../images/search-bg.png) repeat;border-radius:0 5px 5px 5px;padding:10px}
.search-home-field{width:80%;height:40px;float:left;border-radius:5px 0 0 5px;padding-left:10px;padding-right:10px}
.search-home-btn{width:20%;height:40px;float:left;background:#000;border-radius:0 5px 5px 0;padding-top:5px;font-size:25px;color:#fff;outline:none;border:1px solid #000}
.content-main{padding-bottom:50px}
.content-main h2{text-align:left;margin:10px 0 0;padding:0}
.content-main p{margin:0;padding:0 0 10px;font-size:15px;line-height:23px;text-align:justify}
.featured-main{width:100%;float:left;background:#eff1f5;padding-bottom:50px}
.hot-property{padding-bottom:20px;padding-top:20px}
.hot-prop{background:#f7f7f7;width:100%;float:left;margin-bottom:30px}
.hot-prop:hover{box-shadow:0 0 3px #000}
.hot-prop-left{width:40%;float:left}
.hot-prop-left img{width:90%;height:100%}
.hot-prop-right{width:60%;float:right}
.hot-prop-right p{margin:0;padding:0;font-size:13px;color:#666;line-height:22px}
.hot-prop-right p.title{color:#000;font-size:17px;margin-top:10px}
.hot-prop-right p span{color:#000}
.hot-prop-right p span img{width:auto;height:auto;margin-right:5px}
.search-inner{width:100%;float:left;background:#404040;padding-top:13px;padding-bottom:13px}
.search-inner-field{width:80%;height:40px;float:left;border-radius:5px 0 0 5px}
.search-inner-btn{width:20%;height:40px;float:left;background:#000;border-radius:0 5px 5px 0;padding-top:5px;font-size:25px;color:#fff;outline:none;border:1px solid #000}
.search-inner-right{font-size:16px;color:#fff;text-align:right}
.search-inner-right span{font-size:11px}
.search-inner-right span.icon{font-size:16px;margin:0 5px 0 15px}
.listing-cover{padding-top:0}
.listing-main{box-shadow:0 0 1px #000;overflow:hidden;margin-top:30px;padding-bottom:10px;background:#fff}
.listing-main:hover{box-shadow:0 0 5px #000}
.listing-top{width:100%;float:left}
.listing-top img{width:100%;height:250px}
.listing-bot{width:100%;float:left;padding-top:20px;padding-bottom:0}
.listing-bot-left{width:30%;float:left;padding:1%;text-align:center}
.listing-bot-left img{width:100%;height:60px}
.listing-bot-right{width:70%;float:right;padding:2%;border-left:2px solid #ccc}
.listing-bot-right p{margin:0;padding:0;font-size:20px;color:#000;line-height:24px}
.listing-bot-right p span{font-size:15px;line-height:22px;color:#7a7a7a}
.listing-cover2{padding-top:20px}
.listing-main2{box-shadow:0 0 2px #000;margin-top:30px;padding-bottom:0;background:#fff}
.listing-top2{width:60%;float:left}
.listing-top2 img{width:100%;height:250px}
.listing-bot2{width:30%;float:left;padding-top:20px;padding-bottom:0;margin-left:5%;margin-right:5%}
.listing-bot-left2{width:100%;float:left;padding:1%}
.listing-bot-left2 img{width:100%;height:auto}
.listing-bot-right2{width:100%;float:right;padding:2%;text-align:center;margin-top:20px}
.listing-bot-right2 p{margin:0;padding:0;font-size:20px;color:#000;line-height:24px}
.listing-bot-right2 p span{font-size:15px;line-height:22px;color:#7a7a7a}
.footer-top{background:#5f5f5f;padding-bottom:20px}
.foot-main{padding-top:20px;padding-left:0}
.foot-main ul{margin:0;padding:0}
.foot-main ul li{list-style:none;font-size:18px;color:#fff;}
.foot-main ul li a{text-decoration:none;font-size:13px;color:#bbb7b7}
.foot-main ul li a:hover{text-decoration:underline}
.foot-main ul li span{font-weight:400;line-height:40px}
.foot-contact{background:#000;padding-top:20px;padding-bottom:10px}
.foot-contact ul{margin:0;padding:0}
.foot-contact ul li{list-style:none;display:block;font-size:13px;color:#fff; margin-bottom:5px;}
.foot-contact ul li span{font-weight:400;font-size:21px;line-height:40px}
.foot-contact ul li i{font-size:18px; margin-right:5px;}
.footer-bot{background:#5f5f5f;padding-top:10px;padding-bottom:10px`;color:#fff;border-top:1px solid #fff}
.foot-left{padding-top:10px;padding-bottom:0;text-align:right}
.foot-left a{text-decoration:none;font-size:13px;line-height:20px;color:#fff;padding:0 10px}
.foot-left a:hover{text-decoration:underline}
.foot-right{padding-top:0;padding-bottom:10px}
/*.foot-right ul{margin:0;padding:0}
.foot-right ul li{list-style:none;display:block;font-size:15px;color:#fff;line-height:25px;padding-bottom:5px}
.foot-right ul li img{float:left;margin:0 10px 10px 0;border-radius:5px}
.foot-right ul li i{width:18px;height:20px;border-radius:5px}
.foot-right ul li a:hover{box-shadow:0 0 3px #000}*/
.foot-right ul{ padding-left:0px;}
.foot-right ul li{list-style:none; margin:0; padding:0; font-size:25px;}
.foot-right ul li{float:left; text-align:center; margin-right:5px; border-radius:100%; position:relative;}
.foot-right ul li a{padding:1px; display:block; width:40px; height:40px; color:#fff; border-radius:100%;}
.foot-right ul li.f_facebook a{background-color:#204385; border:1px solid #204385;transition: all 0.2s ease;}
.foot-right ul li.f_twitter a{background-color:#3391e2; border:1px solid #3391e2;transition: all 0.2s ease;}
.foot-right ul li.f_linkedin a{background-color:#02669A; border:1px solid #02669A;transition: all 0.2s ease;}
.foot-right ul li.f_google_plus a{background-color:#D4492C; border:1px solid #D4492C;transition: all 0.2s ease;}
.foot-right ul li.f_youtube a{background-color:#EB2429; border:1px solid #EB2429;transition: all 0.2s ease;}
.foot-right ul li.f_facebook a:hover{background-color:#fff; color:#204385 !important;}
.foot-right ul li.f_twitter a:hover{background-color:#fff; color:#3391e2 !important;}
.foot-right ul li.f_linkedin a:hover{background-color:#fff; color:#02669A !important;}
.foot-right ul li.f_google_plus a:hover{background-color:#fff; color:#D4492C !important;}
.foot-right ul li.f_youtube a:hover{background-color:#fff; color:#EB2429 !important;}

.foot-g-plus{width:41px;height:41px;float:left;background:url(../images/g-plus.png) no-repeat;margin-right:5px;border-radius:5px}
.foot-facebook{width:41px;height:41px;float:left;background:url(../images/facebook.png) no-repeat;margin-right:5px;border-radius:5px}
.foot-twitter{width:41px;height:41px;float:left;background:url(../images/twitter.png) no-repeat;margin-right:5px;border-radius:5px}
.foot-linkedin{width:41px;height:41px;float:left;background:url(../images/linkedin.png) no-repeat;margin-right:5px;border-radius:5px}
.foot-youtube{width:41px;height:41px;float:left;background:url(../images/youtube.png) no-repeat;margin-right:5px;border-radius:5px}
.foot-wordpress{width:41px;height:41px;float:left;background:url(../images/wordpress.png) no-repeat;margin-right:5px;border-radius:5px}
.btn-pop{position:fixed;z-index:1;top:40%; right:-83px;background:#f1f1f1;color:#000;border-radius:0;border:none;transform:rotate(-90deg); font-size:18px; box-shadow:0 0 5px 3px #666;border:none;}
.btn-pop:hover{background:#f1f1f1; color:#000;}
.btn-pop-icon{font-size:22px;margin-top:8px;margin-right:10px;float:left}

.form-popup{background:#fff;margin-top:3px;border-radius:0px;padding-bottom:20px;}
.form-popup ul{margin:0;padding:0;}
.form-popup ul li{list-style:none;border-bottom:1px dotted #e5e5e5;width:100%; float:left;padding-top:10px; display:block; margin-left:0%;}
.form-popup ul li label{ text-align:center; width:100%; padding-bottom:10px; font-size:25px; font-weight:normal;}
.form-popup ul li span{width:30%;float:left;text-align:right;padding-right:10px; font-weight:bold; font-size:12px; height:30px; border-radius:0px;}
.form-popup ul li p{width:70%;float:left;border-left:2px solid red;padding-left:2px;}
.form-popup ul li p input{width:100%;padding:5px; border:1px solid #666; height:30px; font-size:14px; border-radius:0px;}
.form-popup ul li p input.c-code{width:30%; float:left;}
.form-popup ul li p input.c-field{width:70%; float:left;}
.form-popup ul li p select{width:100%;height:30px; border:1px solid #666; border-radius:0px;}
.form-popup ul li p textarea{width:100%;height:70px;padding:0 5px;  border:1px solid #666; border-radius:0px;}
.form-popup ul li .in-btn{text-align:right;float:right;width:30%;margin-right:0%;text-align:center;padding:5px 0; background:#000; color:#fff; outline:none; border:0px;}
.form-popup ul li.bot-line{border-bottom:none}
.modal-dialog{top:calc(50% - 210px);}
.popup_content{padding:15px;}
.popup_heading{font-size:19px; font-weight:bold; margin-bottom:10px;}
.modal-body{padding:15px;}
.modal-content{border:none; border-radius:0;}
.modal-header{border-bottom:none; padding:0; min-height:inherit;}
.modal-header .close{position:absolute; right:-22px; top:0; z-index:10; margin:0; padding:5px; background-color:#fff; opacity:1;}
.modal-backdrop.in{opacity:.90;}
.breadcrumb{background-color:transparent; margin-top:10px; margin-bottom:10px; margin-left:-15px;}
#rera_con{position:fixed; left:0; bottom:0; z-index:10; width:100%; background-color:rgba(0,0,0,.99); color:#565656; padding:15px; text-align:justify;}
#rera_con .heading{font-size:18px;}
#rera_con a#close{position:absolute;top:1px; right:1px; border-radius:0; background-color:#ffff; color:#000; border:none; font-weight:bold; font-size:18px;}
#rera_con p{padding-right:30px;}
#rera_con{display:none}
@media only screen and (min-width: 992px) and (max-width: 1170px) {
.search-bar{width:80%;top:20%;left:10%}
.search-title{font-size:25px;line-height:24px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.listing-navi li.menu a{font-size:14px}
.search-bar{width:80%;top:20%;left:10%}
.search-title{font-size:25px;line-height:24px}
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
.search-bar{width:90%;top:10%;left:5%}
.search-title{font-size:25px;line-height:24px}
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
.search-bar{width:90%;top:5%;left:5%;border-radius:5px;padding:5px}
.search-title{display:none}
.search-main{margin-top:0}
.search-property{width:100%;height:30px;border-radius:5px 5px 0 0}
.search-location{width:50%;height:30px;border-radius:0 0 0 0}
.search-price{width:50%;height:30px;border-radius:0 0 0 0}
.search-btn{width:100%;height:30px;font-size:15px;border-radius:0 0 5px 5px;padding-top:5px}
.listing-top img{width:100%;height:200px}
.listing-bot-right2{width:100%;float:right;padding:2%;text-align:center;margin-top:10px}
.listing-bot-right2 p{margin:0;padding:0;font-size:16px;color:#000;line-height:24px}
.listing-bot-right2 p span{font-size:13px;line-height:20px;color:#7a7a7a}
}
@media only screen and (min-width: 400px) and (max-width: 991px) {
.listing-bot-left img{width:auto;height:60px}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.header-strip-main{padding-right:0}
}
@media only screen and (min-width: 470px) and (max-width: 767px) {
.listing-header{width:100%;}
}
@media only screen and (min-width: 320px) and (max-width: 470px) {
.listing-header{width:100%;}
}
@media (max-width:480px){
.xs-mall{width:100%;}
}	
}
@media only screen and (min-width: 320px) and (max-width: 497px) {
.foot-main{width:98%;padding-left:1%;padding-right:1%}
.foot-contact{width:98%;padding-left:3%;padding-right:1%;margin-top:10px;}
.inner_search{ margin-left:0%;}
}
@media only screen and (min-width: 650px) and (max-width: 991px) {
.hot-main{width:50%;float:left}
}
@media only screen and (min-width: 320px) and (max-width: 649px) {
.hot-main{width:100%;float:left}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
.search-inner-right{padding-top:10px;float:left}
}

@media only screen and (min-width: 350px) and (max-width: 575px) {
.contact-banner img{width:100%;height:200px}
.project-logo-image{width:150px;height:70px;float:left}
.project-logo-image img{width:100%;height:100px;border:2px solid #fff;padding:3px}
.project-logo-text{float:right;margin-left:10px;color:#fff;font-size:14px;}
.project-logo-text h1{margin:0;padding:0;color:#fff;font-size:18px}
}
@media only screen and (min-width: 320px) and (max-width: 350px) {
.contact-banner img{width:100%;height:200px}
.project-logo-image{width:100px;height:70px;float:left;margin-top:10px}
.project-logo-image img{width:100%;height:70px;border:2px solid #fff;padding:3px}
.project-logo-text{width:64%;float:right;margin-left:0px;color:#fff;font-size:14px;}
.project-logo-text h1{margin:0;padding:0;color:#fff;font-size:18px}
.project-logo-text p{margin:0}
}
@media only screen and (min-width: 320px) and (max-width: 555px) {
.intro-title-right{font-size:16px;color:#fff;line-height:30px}
.intro-title-right span{font-size:14px}

}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.project-logo-text{width:52%}
}
@media only screen and (min-width: 768px) and (max-width:980px) and (orientation:portrait) {
.project-navi{margin-left:140px; margin-top:-50px;}
.project-navi > li > a{padding-top:5px; padding-bottom:5px;}
.listing-navi li.menu a{font-size:14px; padding-left:8px; padding-right:8px;}
.listing-header{width:45%}
}
@media (max-width:375px){
.project-logo-image{display:none;}
.project-logo-text{float:inherit; width:auto}
.inner_search{float:left; width:92%; margin-bottom:2px; margin-left:15px; margin-right:15px;}	
}
.topplan{background-color:#ccc;color:#000;font-weight:700;padding:5px;clear:both}
.topplan_sub{background-color:#ccc;color:#000;font-weight:700;padding:5px;margin:2px 0 5px;clear:both}