@charset "utf-8";
/* CSS Document */



/*-----------------------------------------------------Four Component Start here-----------------------------------------------------*/
.comp_4 {margin-bottom:25px;}
.comp_4 .breadcrumb { margin-bottom:34px;}
.comp_4 .breadcrumb .active{ color:#5d5d5d;}

.comp_4 .tab_section { margin:0px 0 0px 0; padding:30px 0 0 0; border-top:1px solid #eee; box-sizing:border-box;}
.comp_4 .tab_area { margin:0px 0 30px 0; padding:14px 13px 0px 14px ; border:1px solid #cfcfcf; background:#f5f5f5; border-radius:3px;-o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.comp_4 .tab_area .nav-tabs { margin:0px; padding:0px; border-bottom:none}
.comp_4 .tab_area .nav-tabs ul { margin:0px; padding:0px; list-style:none}
.comp_4 .tab_area .nav-tabs > li { margin-bottom:0px;}
.comp_4 .tab_area .nav-tabs > li > a { margin:0px 6px 0 0; padding:6px 10px 9px; border-radius:0px; background:#02a2f8; color:#fff; font-size:20px; font-weight:400; border:1px solid #eeeeee; cursor:pointer; display:block}
.comp_4 .tab_area .nav-tabs > li.active > a { background:#fff; border:1px solid #eeeeee; color:#4b4b4b}
.comp_4 .tab_area .nav-tabs > li > a:hover {background:#fff !important;border:1px solid #eeeeee; color:#4b4b4b } 
.comp_4 .tab_area .nav-tabs > li.last { margin-right:0px;}

.comp_4 .tab_area .tab-content { margin:0px 0 21px 0; padding:24px 20px 20px 20px; background:#fff}
.comp_4 .tab_area .tab-content label { margin-bottom:10px; font-size:15px; color:#4b4b4b}

.comp_4 .tab_area .tab-content #city label .city_text { font-weight:400;}

.comp_4 .tab_area .tab-content #address_form { overflow:hidden}

.comp_4 .tab_area .tab-content #address_form input { width:97%;}
.comp_4 .tab_area .tab-content #address_form input.street_name {}

.comp_4 .tab_area .tab-content .city_area  .col-md-3 { width:25%; line-height:20px; margin-bottom:10px; float:left;} 
.comp_4 .tab_area .tab-content .city_area {  height: 135px;    overflow-x: hidden; padding:15px 0 15px 15px;    overflow-y: scroll; border:1px solid #363636}

.comp_4 .bottom_form {/* padding-top:10px;*/}
.comp_4 .bottom_form .row { margin-bottom:24px}

.comp_4 .bottom_form .property_type .col-md-6 { width:48%; float:left;}
.comp_4 .bottom_form .property_type .col-md-3 { width:22%; margin-left:26px; float:left;}

.comp_4 .bottom_form label { font-size:15px; color:#4b4b4b; padding-bottom:4px;}

.comp_4 input {  color:#000;}
.comp_4 .form-control { color:#000;}

.comp_4 .bottom_form .price_type .col-md-3 { width:22%; margin-right:26px; float:left;}

.comp_4 .bottom_form .price_type .col-md-3:last-child { margin-right:0px;}
.comp_4 .bottom_form .financial_area  .col-md-4{ float:left; margin-right:30px;}
.comp_4 .bottom_form .financial_area .title_financial { font-size:15px; color:#4b4b4b; font-weight:600; padding-bottom:7px;}
.comp_4 .bottom_form .financial_area .col-md-4 label.checkbox-inline { line-height:20px;}

.comp_4 .bottom_form .lifestyle_area { margin-bottom:17px;}
.comp_4 .bottom_form .lifestyle_area .title_lifestyle { font-size:15px; color:#4b4b4b; font-weight:600; padding-bottom:7px;}
.comp_4 .bottom_form .lifestyle_area .col-md-4 { width:30%; margin-right:22px; margin-bottom:8px; float:left}
.comp_4 .bottom_form .lifestyle_area .col-md-4:last-child { margin-right:0px;}
.comp_4 .bottom_form .lifestyle_area .col-md-4 label.checkbox-inline { line-height:21px;}

.comp_4 .bottom_form .btn_area { margin-bottom:15px;}
.comp_4 .bottom_form .btn_area .col-md-6 { width:50%; float:left;}
.comp_4 .bottom_form .btn_area { border-top:1px solid #d9d9d9; padding-top:17px}
.comp_4 .bottom_form .btn_area .btn.btn-default.btn-lg { margin:0px; padding:10px 17px 12px; background:#4cb802; border:none; border-radius:5px; color:#fff; font-size:18px;}
.comp_4 .bottom_form .btn_area .btn.btn-default.btn-lg .glyphicon.glyphicon-star { margin-right:8px; font-size:23px; top:3px;}

.comp_4 .bottom_form .btn_area .btn.btn-default { margin:0px; padding:12px 28px 12px 28px; background:#4cb802; border:none; border-radius:5px; color:#fff; font-size:18px;}
.comp_4 .bottom_form .btn_area .btn.btn-default.btn_reset { text-transform:uppercase; float:right; margin-left:10px;} 
.comp_4 .bottom_form .btn_area .btn.btn-default.btn_search { text-transform:uppercase;  font-weight:600;  float:right;  margin-left:10px;} 


.comp_4 .tab_section .quick_area { padding-bottom:50px;}
.comp_4 .tab_section .quick_area .quick_title { margin:0px 0 10px 0; padding:0px 0 10px 0; font-size:14px; color:#4b4b4b; font-weight:600; border-bottom:1px solid #d9d9d9}
.comp_4 .tab_section .quick_area ul { margin:0px; padding:0px; list-style:none;}
.comp_4 .tab_section .quick_area ul li { list-style:none; margin:0px; padding:7px 0 8px 10px; font-size:13px; color:#585858; border-bottom:1px solid #d9d9d9; width:33.3%; float:left}
.comp_4 .tab_section .quick_area ul li .glyphicon.glyphicon-plus { color:#9f9f9f; font-size:12px; margin-right:8px;}
.comp_4 .tab_section .quick_area ul li a { color:#585858}
.comp_4 .tab_section .quick_area ul li a:hover { color:#01a5ed; text-decoration:none}











@media only screen and (max-width : 768px){
	.comp_4 { /*float:left;*/ width:100%; }
	.comp_4 .tab_area .tab-content #address_form .col-md-6{ width:50%; float:left}
}


@media only screen and (max-width : 767px) and (min-width : 480px) {
	.comp_4 .tab_area .nav-tabs > li > a {padding:5px; font-size:15px; margin-right:2px;}
	.comp_4 .tab_area .tab-content .city_area .col-md-3 { width:50%;}
	.comp_4 .bottom_form label, .comp_4 .bottom_form .financial_area .title_financial, .comp_4 .bottom_form .lifestyle_area .title_lifestyle, .comp_4 .tab_area .tab-content label { font-size:13px;}
	.comp_4 .bottom_form .property_type .col-md-6 {width: 43%; float:left}
	.comp_4 .bottom_form .property_type .col-md-3 {width:22%; float:left}
	.comp_4 .bottom_form .price_type .col-md-3 {margin-right:22px; width: 21%;}
	.comp_4 .tab_area .tab-content .city_area { height:130px;}
	.comp_4 .bottom_form .col-md-4 { width:44% !important; margin-right:0px;}
	.comp_4 .bottom_form .btn_area .col-md-6 {width:100% !important; float:none;}
	.comp_4 .bottom_form .btn_area .btn.btn-default.btn_search, .comp_4 .bottom_form .btn_area .btn.btn-default.btn_reset  { float:none; margin:10px 5px 0px 0px;}
}

@media only screen and (max-width : 479px) and (min-width : 320px) {
	
	.comp_4 .tab_area .nav-tabs > li { float:none; width:100% !important; }
	.comp_4 .tab_area .nav-tabs > li > a { padding:5px; font-size:14px; width:100%; display:block}
	.comp_4 .tab_area .col-md-3, .comp_4 .bottom_form .col-md-4 { width:100% !important; float:none;}
	.comp_4 .bottom_form .property_type .col-md-6 { width:100%; float:none}
	.comp_4 .bottom_form .property_type .col-md-3, .comp_4 .bottom_form .price_type .col-md-3 { float:none; margin-left:0px; margin-bottom:15px; margin-top:15px;}
	.comp_4 .bottom_form .btn_area .col-md-6 {width:100% !important; float:none;}
	.comp_4 .bottom_form .btn_area .btn.btn-default.btn_search, .comp_4 .bottom_form .btn_area .btn.btn-default.btn_reset  { float:none; margin:10px 5px 0px 0px;}
	.quick_area li{ float:none; width:100% !important;}			
}