body{font-family: sans-serif;}
.har-search-form{
background: rgba(4,29,105,1);
background: -moz-linear-gradient(left, rgba(4,29,105,1) 0%, rgba(12,74,197,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,29,105,1)), color-stop(100%, rgba(12,74,197,1)));
background: -webkit-linear-gradient(left, rgba(4,29,105,1) 0%, rgba(12,74,197,1) 100%);
background: -o-linear-gradient(left, rgba(4,29,105,1) 0%, rgba(12,74,197,1) 100%);
background: -ms-linear-gradient(left, rgba(4,29,105,1) 0%, rgba(12,74,197,1) 100%);
background: linear-gradient(to right, rgba(4,29,105,1) 0%, rgba(12,74,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041d69', endColorstr='#0c4ac5', GradientType=1 );
color:#fff;
padding:15px;
}
.har-search-form .header h2 { color:#fff;padding:0px;margin:0px 0px 15px 0px;}
.har-form-container{width:70%; float:left;border-right:1px solid rgba(255,255,255,0.2);}
.har-logo-links{width:28%; float:right; text-align:center; }
.clearfix{clear:both;}
.hll {padding-top:10px;}
.hll > a { display:inline-block; color:#fff; padding:5px;font-size:14px;font-weight:500;text-decoration:underline; }
.har-logo{display: block;margin-top:5px; clear:both; text-align: center; }
.hff-item input[type="text"]{width:100%;box-sizing:border-box;padding:8px 27px 8px 6px;font-size: 14px; margin-bottom:0px; line-height: 1;border:1px solid #ccc;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius:0px;color:#757575;background:#ffffff; height:37px;}
.custom_select{width:100%;box-sizing:border-box;/*padding:8px 27px 8px 6px;*/font-size: 14px; margin-bottom:0px; line-height: 1;border:1px solid #ccc;border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border-radius:0px;
color:#757575;
background:#ffffff url(http://www.har.com/resources/images/icons/check-2.png) no-repeat right center;}
select.widget_select::-ms-expand,
select.custom_select::-ms-expand {display: none;}
.custom_input{width:100%;box-sizing:border-box;/*padding:8px 27px 8px 6px;*/font-size: 14px; margin-bottom:0px; line-height: 1;border:1px solid #ccc;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius:0px;color:#757575;background:#ffffff ;}
.widget_select{width:100%;box-sizing:border-box;padding:6px 27px 8px 6px;font-size: 14px; margin-bottom:0px; line-height: 1;border:1px solid #ccc;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius:0px;color:#757575;background:#ffffff url(http://www.har.com/resources/images/icons/check-2.png) no-repeat right center;max-height:33px;}
.widget_input{width:100%;box-sizing:border-box;padding:11px 27px 10px 6px;font-size: 14px; margin-bottom:0px; line-height: 1;border:1px solid #ccc;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius:0px;color:#757575;background:#ffffff ;max-height:33px;overflow:hidden;}
.hff-item{color:#fff;width:22%;font-size:12px;margin-right:10px;float:left;box-sizing:border-box;margin-bottom:10px;}
.btn.btn-green,.btn{text-decoration:none; display:inline-block; box-sizing:border-box;padding:6px 8px;font-size:14px;line-height:26px;text-align:center;color:#fff;font-weight:bold;}
.btn.btn-green{color:#fff !important;}
.vertical-form .btn.btn-green{display:block;}
.white_links {font-size:14px; text-decoration:underline;color:#fff !important;padding: 0px;display: inline-block;}
.hff-item-2cols{width:43%;float:left;}
.font12{font-size:12px !important;}
.pt10{padding-top:10px;}
.left-col{ width:70%;float:left; }
.right-col{ width:28%;float:right;padding-left:1.8%;min-width:320px;max-width:380px; }

.har-search-form.vertical-form .har-logo-links{width:100%;float:none;}
.har-search-form.vertical-form .har-form-container{padding-bottom:20px;margin-bottom:20px; margin-right:0px; float:none;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.2);}
.har-search-form.vertical-form .hff-item{width:100%;}
.har-search-form.vertical-form .hff-item-2cols{width:100%;}
.har-search-form.vertical-form .header{padding:10px;line-height:1.2;}
.har-search-form.vertical-form .header h2 {text-align:center;}
.har-search-form.vertical-form .hff-item-2cols.pt10{padding-top:20px; padding-bottom:10px;}
.har-search-form.vertical-form .har-logo-links .har-logo { width:80px;float:left; }
.har-search-form.vertical-form .har-logo-links .hll { margin-left:80px;text-align:left; }

#MoreFilters{display:none; }

/*top nav bar*/
.har_top_bar{ font-family: Arial,sans-serif;font-size:10px;font-weight:normal;left:0;line-height:28px;position:absolute;right:0px;top:0px;background-color:#000;border-color: #747272;color: #747272;}
ul.htb_links{display:block;margin:0px;padding:0px;list-style:none;padding:0px;}
ul.htb_links li{display:inline-block;padding:0px 12px;border-left:1px solid rgba(255,255,255,1);line-height:14px;}
ul.htb_links li a{ color:rgba(255,255,255,1); font-size:10px; line-height:16px;text-decoration:none;}
ul.htb_links li.first {border-left:none;}

.pointer {cursor: pointer; }
.dropdown-menu li a span {
    min-width: 15px;
    text-align: center;
}
.typeahead .badge, .typeahead .label {
    background-color: #999;
    color: #fff;
    display: inline-block;
    font-size: 11.84px;
    font-weight:400;
    line-height: 14px;
    padding: 5px 7px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
    border-radius:3px;
    margin-right:10px;
}
.typeahead.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.typeahead {
    border-radius: 4px;
    margin-top: 2px;
    z-index: 1051;
}
.typeahead.dropdown-menu {
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    min-width: 210px;
    padding: 5px 0;
    text-align: left;
}

.typeahead.dropdown-menu {
    margin-left: 3px;
    margin-top: 0;
}
.typeahead.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
.typeahead.dropdown-menu li ul li a, .typeahead.dropdown-menu > li > a, .typeahead.dropdown-submenu:hover > ul > li > a {
    color: #666;
    padding: 8px 20px;
}
.typeahead li {
    line-height: 20px;
}
strong {
    font-weight: 700;
}
.tlabel_City { background-color: #DC0086 !important; }
.tlabel_Zip_Code { background-color: #E18F00 !important;  }
.tlabel_ZipCode { background-color: #E18F00 !important;  }
.tlabel_School { background-color: #DFB200 !important; }
.tlabel_CharterSchool { background-color: #F9C700 !important; color: #424242 !important; }
.tlabel_Management_Name { background-color: #DBB400 !important; }
.tlabel_County { background-color: #0B50D2 !important; }
.tlabel_Subdivision { background-color: #DFB200 !important; }
.tlabel_MarketArea { background-color: #D6353D !important; }
.tlabel_Neighborhood { background-color: #69C200 !important; }
.tlabel_Street { background-color: #00c453 !important;}
.tlabel_StreetAddress { background-color: #00C453 !important;}
.tlabel_Address { background-color: #00C453 !important;}
.tlabel_District { background-color: #336600 !important; }
.tlabel_Apartment_Name { background-color: #7006A0 !important; }
.tlabel_Apartment_MLS { background-color: #7006A0 !important; }
.tlabel_Course { background-color: #7006A0 !important; }
.tlabel_Highrise { background-color: #9B51BD !important; }
.tlabel_Community { background-color: #00C453 !important; }
.typeahead p{padding:0px;margin:0px;}

body{padding:0px;margin:0px;}
.chro_resp_header{background-color:#000; box-sizing: content-box;}
.crh_menu{float:left;width:20%;padding:20px 15px;max-width:30px; box-sizing: content-box;}
.crh_logo{float:left;width:40%; text-align:left;padding-top:18px; box-sizing: content-box;}
.crh_har_logo{float:right;width:30%;text-align:right;padding:3px 3px 0px 3px;}
.mobile_header {
    background-color: #fff;
    border-bottom: 1px solid #cfd6df;
    display: none;
    margin-bottom: 20px;
    padding: 10px 14px 14px;
}
.mobile_header .title {
    color: #212121;
    display: block;
    float: left;
    font-family: "effra",sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    width: 38%;
    text-decoration:none;
}
.mobile_header .mh_links {
    float: right;
    text-align: right;
    width: 62%;
}
.mobile_header .mh_links a {
    font-family: "effra",sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 0px 0px 0px 20px;
}
.chro_resp_header ul.htb_links li a {
    color:#fff;;
    font-size: 16px;
    line-height: 20px;
    text-decoration:underline;
}
.chro_resp_header ul.htb_links li {
    border-left:none;
    display:block;
    line-height: 14px;
    padding:10px 12px;
    width:50%;
    float:left;
    box-sizing: border-box;
}
.chro_resp_header ul.htb_links{display:none;padding-bottom:30px;padding-top:10px;position:absolute;z-index:100; background-color: #000;width:100%;}
.span4 .db_form_container{padding:0px;}
.span4 .db_form_container .box_simple { border:none;}
.span4 .db_form_container .box_simple .custom_select{border-radius:4px;margin-bottom:10px;}

.BannerSlider{top:90px !important;}
.banner_with_slider .banner{min-height:440px !important;}

.har-search-form .header { background-color:transparent !important;float:none !important;margin:0px 0px 16px 0px !important;}
.har-search-form .header h2 { padding-left:0px !important;text-transform:capitalize;}
/*.har-search-form .har-fc-form .widget_input {padding:7px 8px; line-height:33px; }*/
#location1.widget_input{height:30px; padding:0px 10px; }
.har-search-form .har-fc-form .hff-item .white_links {margin-top:10px !important;}
.har-logo-links .white_links{color:#fff !important;}
.har-logo { margin-bottom:7px; }
.chro_resp_header {display:none;}
.btn-transparent{color:#0b50d2;}

.status-sold .block_price{font-size: 18px !important;}
.block-property .block_features > span { padding-left:5px;}
.slides { width: 5600%; } /* load images side by side initially */
@media only screen and (max-width:1250px) {
  #map_results { left:60%; }
  .result_left { width:60%; }
  
}

@media only screen and (max-width:979px) {
	.left-col{ width:100%;float:none;margin-bottom:40px; }
	.right-col{ width:100%;float:none;}
}

@media only screen and (max-width:950px) {
  /*.result_left { width:420px;width:100%; /*make results take whole screen on mobile. changes made by Erick. If you're going to remove this then please fix the left align issue on mobile. Thanks.  }
  #map_results { left:420px; }*/
  .mcol50 { width:100%; float:none; padding-left:0px !important; }
  .map_searchform { padding:15px 15px 5px 15px; }
  .map_searchform input[type="text"] { line-height:20px !important; margin-bottom:10px; }
  .map_searchform .custom_select { height:24px; line-height:20px; width:100%; margin-bottom:10px; }
  .map_properties { top:305px; }
  .map_prop_item { width:50%; float:left; }
  .map_prop_item .mpi_info{font-size:14px;}
  .map_searchform .custom_select { padding:4px 6px;}
}/*@media only screen and (max-width:800px) {*/

@media only screen and (max-width:800px) {
  .db_form_container{/*display:none;*/ margin-top:0px !important; position:relative;}
  .db_form_content{margin-right:0px;}
  #formForResponsive{display:block;}
  .mapcontainer{width:100%;clear:both;float:none;}
  .map_info{width:100%;clear:both;float:none;padding:20px;height:auto;}
}


@media only screen and (max-width:767px) {
	.rightcontent,.leftnav { width:auto; float: none}
	.leftnav { display: none; }
	.addlisting { width:90px; }
	.title_right_btn { padding:4px; line-height:normal; }
	.pagetitle_block { width:auto; padding-top:0px; padding-bottom: 10px;} .page_title { font-size: 16px; } .sub_title{ font-size: 12px;}
	#EditForm .col40.pr20 { padding-right:0px !important;}
	#EditForm .col20.pl10 { padding-left:0px !important; }
	#addListingContainer { width:300px; }
	.mobile_header { display: block; }
	.result_left { width:100%; background-color:#fff; }
	.map_searchform { display: none; }
	.map_properties { top:100px; }
	#map_results { display: none; }
	.displayMap#map_results { left:0px; }
	.display_form .map_searchform { display:block; margin-top:70px; }
	.display_form .map_properties { display: none; }
	.emprty_container { top:190px; background: url(../../images/big_game/big_game_bg_mobile.jpg) no-repeat center top; background-size:cover; }
	.empty_info { font-size:20px; text-align: center; line-height:24px; margin-top:120px; width:80%; }
	.BannerSlider{top:63px !important;}
	.banner_with_slider .banner{min-height:360px !important;}
	.chro_resp_header {display:block;}
	.har_top_bar{display:none;}
	.mobile_header{top:63px;}
	#search_results{margin-top:40px;}
}
@media only screen and (max-device-width:767px) and (orientation: landscape) {
	
	
}

@media only screen and (max-width:720px) {
	.hff-item{width:100% !important;}
	.hff-item-2cols{width:100%;}
	
}
@media only screen and (max-width:550px) {
	.har-logo-links{width:100%;float:none;}
	.har-form-container{padding-bottom:20px;margin-bottom:20px; margin-right:0px; float:none;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.2);}
	.hff-item{width:100% !important;}
	.hff-item-2cols{width:100%;}
	
	.rightcontent,.leftnav { width:auto; float: none}
	.leftnav { display: none; }
	.addlisting { width:90px; }
	.title_right_btn { padding:4px; line-height:normal; }
	.pagetitle_block { width:auto; padding-top:0px; padding-bottom: 10px;} .page_title { font-size: 16px; } .sub_title{ font-size: 12px;}
	#EditForm .col40.pr20 { padding-right:0px !important;}
	#EditForm .col20.pl10 { padding-left:0px !important; }
	#addListingContainer { width:300px; }
	.mobile_header { display: block; }
	.result_left { max-width:550px; width:100%; background-color:#fff; }
	.map_searchform { display: none; }
	.map_properties { top:100px; }
	#map_results { display: none; }
	.displayMap#map_results { left:0px; }
	.display_form .map_searchform { display:block; margin-top:70px; }
	.display_form .map_properties { display: none; }
	.emprty_container { top:190px; background: url(../../images/big_game/big_game_bg_mobile.jpg) no-repeat center top; background-size:cover; }
	.empty_info { font-size:20px; text-align: center; line-height:24px; margin-top:120px; width:80%; }
	.banner_with_slider .banner{min-height:260px !important;}
	 .map_prop_item { width:100%; float:none; }
	 .hst-freeform.hdnce-e .header h2{font-size:16px;line-height:normal;}
}

/* IE10+ specific styles go here */  	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.custom_select{
			padding-right:0px !important;			
		}
	}