div#content {
    visibility: hidden;
}
body,html{background:#FAFAFA!important;font-family: 'Roboto', sans-serif!important;}
.left-side-menu{float:left; width:20%}
.main-site-content{float:right; width:78%}
#IDX-mapHeader-Search{ text-align:center; margin:0 0 30px 0; position:relative; top:10px; padding:25px 0 65px; border-top:1px solid #ccc; display:block; clear:both; font-size:32px; color:#565656; background:#F3F3F3!important;}
#IDX-mapHeader-Search span{ padding-right:8px;}
#IDX-mapCount{ font-weight:400!important;}
#IDX-criteriaWindow{display: block !important;  margin: 0 auto;  max-width: 1368px;  padding:0 0 15px;  position: relative;  right: 0; background:#FAFAFA;
margin:0 auto 25px;
}
.map-border{border-bottom: 1px solid #ccc; margin:0 auto 25px; max-width: 1370px; padding: 45px 0 25px;}
#IDX-criteriaWindow.IDX-mapControlWindow{ display:block!important}
#mapheader-bgcolor{background:#FAFAFA}
#mapctrl-bgcolor{ background:#F3F3F3; padding:25px; margin-top:-20px}
#IDX-mapContainer{ position:relative; z-index:41}

.leaflet-popup-content{ margin:16px 19px 35px !important}
.leaflet-container a.leaflet-popup-close-button{ top:5px!important; right:8px!important; }

/* Left Menu Styles */
#IDX-main{overflow:hidden}
.IDX-container-navbar ul.nav li{ border-bottom:1px solid #f3f3f3!important}
ul.nav.nav-pills li{background-color: #4a4a4a!important; padding:5px 0;  width: 100%; min-height:48px}

ul.nav.nav-pills li a{ color:#FFFFFF; font-size:16px; font-weight:normal;font-family: 'Roboto', sans-serif;}
form#IDX-searchForm{  overflow: hidden;   padding-bottom: 35px;}
ul.nav.nav-pills li:hover{ background-color:#CFD8DC;}
ul.nav.nav-pills li:hover a{color:#5F7D8C}
ul.nav.nav-pills li.IDX-active{background-color:#8c2!important; 
display: inline-block;position: relative;}
ul.nav.nav-pills li.IDX-active:hover a{color:#FFFFFF;}
ul.nav.nav-pills li.IDX-active a:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -22px;
    border-style: solid;
    border-width: 26px 0 26px 22px;
    border-color: transparent transparent transparent #8c2;
top:-3px;
    z-index: 10;
}
.IDX-wrapper-standard .IDX-navbar-default{ background:none!important; border:none!important}
.nav-pills > li + li{ margin-left:0!important}
.IDX-navbar ul.nav.nav-pills > li:first-child > a{padding:9px 16px}
.IDX-wrapper-standard .IDX-navbar-collapse{ padding-left:0!important}

ul.nav.nav-pills li:last-of-type{-webkit-box-shadow: 0 10px 5px -4px rgba(170,170,170,0.6);
-moz-box-shadow: 0 10px 5px -4px rgba(170,170,170,0.6);
box-shadow: 0 10px 5px -4px rgba(170,170,170,0.6);
border-bottom:0
}
.select2-drop,
.select2-drop.select2-drop-above,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open .select2-choice
{box-shadow:none!important}

.select2-drop-active{border-left:#DDDDDD 1px solid!important;border-right:#DDDDDD 1px solid!important;border-bottom:#DDDDDD 1px solid!important}
#IDX-main.IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-collapse, 
#IDX-main.IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-form, 
#IDX-main.IDX-wrapper-standard .IDX-navbar-default {
background-color: transparent;
}
.nav > li.IDX-searchNavItem > a:hover, .nav > li.IDX-searchNavItem > a:focus {
    text-decoration: none;
    background-color: transparent;
}

/* End Menu */


/* Form */

.IDX-wrapper-standard label{color:#6C8A99!important; font-size:14px!important; font-weight:700!important}
.IDX-wrapper-standard label span{color:#555555!important}
.IDX-criteriaLeft{max-width:470px}
.IDX-criteriaRight{max-width:868px; width:100%; margin-top:15px}
.IDX-criteriaLeft select, .IDX-criteriaLeft .ui-slider{ width:100%}
#IDX-bedrooms-slider.ui-widget-content, #IDX-bathrooms-slider.ui-widget-content{background:#D4DCDF!important; border:none!important;

}

.ui-slider .ui-slider-range {
  background-color:#6E8A98!important;
background-image:none!important;
background: rgba(255,168,150,1);
background: -moz-linear-gradient(top, rgba(255,168,150,1) 0%, rgba(255,109,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,168,150,1)), color-stop(100%, rgba(255,109,41,1)));
background: -webkit-linear-gradient(top, rgba(255,168,150,1) 0%, rgba(255,109,41,1) 100%);
background: -o-linear-gradient(top, rgba(255,168,150,1) 0%, rgba(255,109,41,1) 100%);
background: -ms-linear-gradient(top, rgba(255,168,150,1) 0%, rgba(255,109,41,1) 100%);
background: linear-gradient(to bottom, rgba(255,168,150,1) 0%, rgba(255,109,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa896', endColorstr='#ff6d29', GradientType=0 );
border-top-left-radius:4px!important;
border-bottom-left-radius:4px!important;
}

.ui-slider-horizontal{ height:0.9em!important}
.ui-slider-horizontal .ui-slider-handle{ top:-0.4em}
.ui-slider .ui-slider-handle{ width:22px!important; height:22px!important; border-radius:45%!important; border:0!important; top:-5px!important}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
	background-position:inherit!important;
	cursor:pointer!important;

}

#IDX-price-fields{ padding:0}

.IDX-criteriaRight input[type="text"],.IDX-criteriaRight select{border-left:#DDDDDD 1px solid;
border-top:#DDDDDD 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 3px solid;
height:48px;
color:#AAAAAA;
font-size:14px;
font-weight:500;
padding:0 12px!important
}
#IDX-lp-group,#IDX-hp-group,#IDX-sqft-group,#IDX-add-group,#IDX-acres-group{ max-width:173px;}
#IDX-sqft, #IDX-add, #IDX-acres{ width:100%}
#IDX-map-ccz{ margin-top:12px}
#IDX-map-ccz select{ font-size:14px; font-weight:700; color:#555555}
#IDX-map-ccz .IDX-control-group{ position:absolute}
.IDX-criteriaRight select{width:100%}

#IDX-cczController{position:relative!important; bottom:0!important; display:inline; max-width:269px; top:9px}
#IDX-cczController span{ color:#AAAAAA!important; font-size:14px!important; font-weight:700!important;}

#IDX-map-ccz .IDX-flyTo{ margin-right:60px}
#IDX-city-group.IDX-control-group,
#IDX-county-group.IDX-control-group,
#IDX-zipcode-group.IDX-control-group
{max-width:341px!important; width:100%!important}
.IDX-wrapper-standard label{ margin-bottom:25px!important}
#IDX-bathrooms-group.IDX-slider{ margin-top:25px!important}
#IDX-submit-group{ display:inline-block;max-width:168px; position:relative!important; float:right}
button#IDX-formSubmit span{color:#fff;}
button#IDX-formSubmit{
	/*background:#6D8A99!important;*/
    /*border: 1px solid #6C8A9A!important;*/
    color: #FFFFFF !important;
    font-weight: 700!important;
    text-transform: uppercase!important; 
	box-shadow: 0 10px 5px -4px rgba(170, 170, 170, 0.6)!important;
	height:48px!important;
	position:relative!important;
	padding:0px!important;
	margin:0!important;
	border-radius:0!important;
	top:0px!important;
	font-size:18px!important;
	width:100%!important;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
button#IDX-formSubmit{ top:0!important}	
	}
		
#IDX-map-ccz select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #555555 50%),
    linear-gradient(135deg, #555555 50%, transparent 50%),
    linear-gradient(to right, #555555, #555555);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    6px 6px,
    6px 6px,
    0px 1.5em;
  background-repeat: no-repeat;
}

#IDX-map-ccz select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  background-image:
    linear-gradient(45deg, #555555 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #555555 50%),
    linear-gradient(to right, #555555, #555555);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    6px 6px,
    6px 6px,
    0px 1.5em;
  background-repeat: no-repeat;
  border-color: #DDDDDD;
  outline: 0;
}
	
/* End Form */


/* Responsive */


#IDX-mapContainer{ padding-right:30px}
.IDX-criteriaLeft,.IDX-criteriaRight{ max-width:100%; float:none; display:block; width:100%;}
.IDX-criteriaLeft{ padding-bottom:25px}

.IDX-criteriaRight #IDX-sqft-group,
.IDX-criteriaRight #IDX-add-group,
.IDX-criteriaRight #IDX-acres-group
{max-width: 50%;
    display: inline-block;
    width: 100%;
    float: none;
    padding: 0 15px;}
.IDX-criteriaRight #IDX-price-fields{ max-width:100%; width:100%}
.IDX-criteriaRight #IDX-price-fields #IDX-lp-group,
.IDX-criteriaRight #IDX-price-fields #IDX-hp-group{ max-width:50%; padding:0 15px}
.IDX-criteriaLeft{ padding:0 15px 25px 15px}
#IDX-map-ccz{ padding:0 15px}


@media (max-width : 1024px) {


/* Begin Navs */
.IDX-navbar-header{background:#607D8B;float:right!important; width:100%;}
.IDX-navbar-header button.IDX-navbar-toggle{background:#455A64;display:block!important}
.IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-collapse.IDX-collapse{ display:none!important;}
.IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-collapse.IDX-collapse.IDX-in{ display:block!important;}

.IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-collapse, .IDX-wrapper-standard .IDX-navbar-default .IDX-navbar-form{ border-color:#FAFAFA!important}
#content ul.nav.nav-pills li:last-of-type{
box-shadow: none;
border-bottom:0
}
.main-site-content,.left-side-menu{float:none; width:100%; display:block}
.left-side-menu{ padding:0 30px}
.main-site-content{ padding:0 15px}
#content ul.nav.nav-pills li.IDX-active a:after{ content:normal;}
.IDX-navbar ul.nav.nav-pills > li:first-child > a{ padding:9px 10px}
.IDX-wrapper-standard .IDX-navbar-collapse{ padding-right:0!important}
.IDX-criteriaRight{ padding:0 15px;}
#IDX-map-ccz{ padding:0}
/* End Navs */

#IDX-mapContainer{ padding-right:0px}

.IDX-criteriaLeft{ display:inline-block}
.IDX-criteriaLeft #IDX-bedrooms-group,
.IDX-criteriaLeft #IDX-bathrooms-group
{display: inline-block;width: 50%;padding:0 15px 0 10px;}
.IDX-criteriaRight #IDX-price-fields #IDX-lp-group, .IDX-criteriaRight #IDX-price-fields #IDX-hp-group{ width:50%; padding:0px}
#IDX-sqft, #IDX-add, #IDX-acres{ width:100%}
.IDX-criteriaRight #IDX-sqft-group,
.IDX-criteriaRight #IDX-add-group,
.IDX-criteriaRight #IDX-acres-group{max-width: 33.3%;display: inline-block;padding: 0px;}
#IDX-city-group.IDX-control-group, #IDX-county-group.IDX-control-group, #IDX-zipcode-group.IDX-control-group{ max-width: 75%!important;
    margin-top: 25px; display:block}
#IDX-submit-group{ max-width:20%}
button#IDX-formSubmit{ margin:53px 0 0 0!important}
#mapctrl-bgcolor{ padding:25px 15px}
}

@media (max-width : 800px) {
button#IDX-formSubmit{ font-size:14px!important}
}


@media (max-width : 680px) {
.IDX-wrapper-standard .IDX-navbar-collapse.IDX-in{ overflow-y:visible!important}
#mapheader-bgcolor{ margin-top:120px}

.IDX-criteriaLeft #IDX-bedrooms-group,
.IDX-criteriaLeft #IDX-bathrooms-group,
.IDX-criteriaRight #IDX-price-fields #IDX-lp-group,
.IDX-criteriaRight #IDX-price-fields #IDX-hp-group,
.IDX-criteriaRight #IDX-sqft-group,
.IDX-criteriaRight #IDX-add-group,
.IDX-criteriaRight #IDX-acres-group,
#IDX-city-group.IDX-control-group,
#IDX-county-group.IDX-control-group,
#IDX-zipcode-group.IDX-control-group,
#IDX-submit-group
{display:block!important;width: 100%!important; max-width:100%!important}
button#IDX-formSubmit{ margin:100px 0 0 0!important}
.IDX-criteriaLeft #IDX-bedrooms-group,
.IDX-criteriaLeft #IDX-bathrooms-group
{padding:0 15px 0 9px;}
}
#IDX-mapHeader-Search div#IDX-mapCount, 
#IDX-mapHeader-Search div#IDX-mapCount > span {
    color: #565656!important;
}
#IDX-mapHeader-Search {margin-bottom: 0;}
#IDX-criteriaWindow.IDX-mapControlWindow {display: none!important;}
@media (max-width : 480px) {
#IDX-mapHeader-Search{ margin:0; padding:0px 0 15px}
}
#IDX-a_propStatus-group
{
    display:none !important;
}
.IDX-wrapper-standard .IDX-cczList #IDX-city.IDX-cczSelect, .IDX-wrapper-standard .IDX-cczList #IDX-county.IDX-cczSelect, .IDX-wrapper-standard .IDX-cczList #IDX-zipcode.IDX-cczSelect
{
    height: 48px !important;
}

.IDX-wrapper-standard .select2-chosen, .IDX-wrapper-standard .select2-input.select2-default, .IDX-wrapper-standard .select2-container.select2-container-multi .select2-choices {
    color: #000!important;
}