/*CSS Reset by Eric Meyer at http://meyerweb.com*/
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
*/
/*
body {
	line-height: 1;
	color: black;
	background: white;
}
*/
/* ul {list-style: none;} */
/* FONT */
@font-face{
    font-family:NovecentowideBold;
    src:url('NovecentowideBold.otf') format("opentype");;
}
.maction {display: none;}
div#direction {display: none;}
input[type="button"] {
    width: auto;
    padding: 2px 13px;
    background: #00a6c9;
    font-family: "montserratbold";
    font-size: 12px;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border: none;
    margin-left: 4px;
}
div#inputlocation select {width: 83%;}
/* .gm-style-iw div {overflow: inherit;} */
.gm-style img {width:180px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input {vertical-align:middle; margin:0; padding:0;}


/* COMMON */
.hidden{
	display: none;
}
.fl{float: left;}
.clear{clear: both;}
a{text-decoration: none;color: #000;}
/*
h3{
	font-family: 'NovecentowideBold';
	text-transform: uppercase;
	font-size: 20px;
	color: #666;
}
*/
/* FILTER */
/*
body{
	font-family: arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:center
}
*/
#mainContent{
	width: 970px;
	margin: 10px auto;
	text-align:left;
}

#filter{
	width: 300px; width: 100%;
	margin-right: 23px;
	margin-bottom: 35px;
}
#head-filter{
	background-color:#00a6c9;
	padding: 10px 15px;
	position: relative;
	z-index: 1;
}
#head-filter h3{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}
#head-filter a{
	color: #fff;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#content-filter{
	/* background-color: rgba(150, 193, 207,.3); */
	border-color: transparent;
  background: rgba(116, 57, 24, 0.1);
	padding: 15px ;
}
#content-filter h4{
	font-weight: bold;
	font-size: 14px;
}
#content-filter ul {
  margin-bottom: 0;
  padding-left: 0;
}
#content-filter ul ul{
	padding-left: 30px;
	display: none;
}
#content-filter ul ul:after {
  content: "";
  display: block;
  clear: both;
}
#content-filter ul{
	/* margin-left: 20px; */
}

#content-filter li{
  font-size: 16px;
	line-height: 20px;
	color: #666;
	margin: 8px 0px;
	cursor:pointer;
	list-style: none;
}
#content-filter li:last-child{
  margin-bottom: 0;
}
#content-filter li li{
  width: 33.33333%;
  float: left;
	color: #8a8a8a;
}

.css-label{
	background-image:url(../img/checkbox.png);
	width: 0px;
	height: 20px;
	overflow: hidden;
	padding-left:25px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 -20px;
	vertical-align:middle;
	cursor:pointer;
}
#content-filter label.checked{background-position: 0 0;}
#map{
	/*width: 646px; */width: 100%;
	min-height: 420px;
	margin-bottom: 20px;
	overflow: hidden;
}

#map-canvas{
	/*width: 646px; */width: 100%;
	height: 420px;
}
.slimScrollBar{
/* 	background-color: #dbe6ee !important; */
	opacity: 1 !important;
}
.slimScrollRail{
	background-color: #ccdae5 !important;
	right: 3.5px !important;
	width: 1px !important;
	opacity: 1 !important;
}
.slimScrollDiv{
  position: relative;
  overflow: initial;
  width: auto;
  height: initial !important;
}
.slimScrollDiv ul{
  overflow: initial;
  width: auto;
  height: initial !important;
}
/* RESULTS */
#results{
  display: none;
	width: 100%;
	float: left;
	padding-bottom: 30px;
}
#head-results, #foot-results{
	padding: 15px;
	position: relative;
	height: 20px;
/* 	border-bottom: 1px solid #f4f4f4; */
}
#head-results {height: auto;}
/* #head-results{border-top: 1px solid #f4f4f4;} */
#head-results h3{
	color: #666;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}
.paging,.maction{
	position: absolute;
	right: 15px;
	bottom: 8px;
	color: #bababa;
}

.paging {display: table; margin: 0 auto; position: relative;}
.paging:after {content: ""; display: block; clear: both;}

/*
.paging a,.maction a{
	color: #bababa;
	margin: 0 5px;
}
.paging .page{
	color: #666;
}
.paging .page.active{
	color: #6d1326;
	text-decoration: underline;
}
*/
#content-results{float: left;width: 100%;}
span.ellipse.more, span.ellipse.less {display: none !important;}
.item-results{
  display: inline-block;
	width: 25%;
	vertical-align: top;
	margin-right: -4px;
	padding: 30px 0px;
  /*min-height: 280px;*/
	border-bottom: 1px solid #f4f4f4;
}
.item-results .col{float: left;}
.item-results .col-l{width: 61px;text-align:center}
.item-results .col-r{
	width: 224px;
	padding-top: 5px;
	padding-left: 15px;
	overflow:hidden;
}
.item-results .col-r h4{
	font-size: 16.02px;
	font-weight: bold;
	color: #434343;
	margin-bottom: 12px;
	line-height: 20px;
}
.item-results .col-r [class*=-address]{color: #666;margin-bottom: 12px;}
.item-results .col-r .info{overflow:hidden;}
.item-results .col-r .action{
	float: left;
	position: relative;
	bottom: 0px;
	width: 100%;
}
.item-results .col-r .action .btn{
	float: left;
	display: inline-block;
	min-width: 90px;
	margin-right: 1px;
	padding: 8px;
	text-align: center;
	text-transform: capitalize;
	font-size: 12px;
	border-radius: 20px;
}
.view-map.btn {
	color: #fff;
	background: #00a6c9;
  border-radius: 20px;
}
.detail{
	color: #666;
	background-color:#eee ;
}
#map-popup{
	background: #fff;
	width: 450px;
	/*min-height: 250px;*/
}
#head-map-popup{
	padding: 7px;
	background: #6d1326;
	color: #fff	;
	margin-bottom: 10px;
}
#head-map-popup a, #head-map-popup a:link, #head-map-popup a:visited{color: #fff	;}
#map-popup .address{
	width: 100px;
	margin-right: 10px;
	color: #adadad;
	font-size:12px;
	margin-left: 3px;
	line-height:15px;
}
#map-popup a{
	/*color: #2e90a6;*/
	cursor:pointer; padding: 9px 17px;
}
#map-popup a:hover{
	text-decoration:underline;
}
#map-popup .info{
	width: 330px;
}
#map-popup .info .tabs{
	margin-left: -20px;
}
#map-popup .info .tabs a{
	color: #666;
	margin: 0px 20px;
	cursor:pointer;
}
#map-popup .info .tabs a:hover{
	text-decoration:underline
}
#map-popup .info .tabs a.active{
	color: #754835;
}
#map-popup .tabs-content .tab{
	display: none;
	color:#666;
	line-height:18px;
	/*height: 200px;*/
	width: 450px;  /* was 330 */
	margin-top: 0px; margin-bottom: 9px;
}
#map-popup .tabs-content .active{
	display: block;padding: 4px;
}
#direction{
	margin-top: 30px;
}
#head-direction{
	padding-bottom:20px;
	position: relative;
/* 	border-bottom: 1px solid #f4f4f4 */
}
#head-direction .action{
	bottom: 20px;
}
#head-direction .maction .active{
	color:#2e90a6;
}
#direction .item-results{
	width: 100%;
	border-bottom: none;
	padding: 20px 0px;
	position: relative;
	height: auto;
}
#direction .item-results .col-l{
	position: absolute;
	left: -10px;
	top: 20px;
}
#direction .item-results .col-r{
	padding-left: 64px;
	width: auto;
	float: none;
}
#direction .item-results h4{
	font-size: 18px;
	margin-bottom: 25px;
	margin-top: 15px;
	width: 200px;
	line-height: 22px;
}
#direction .item-results .direction-address{font-size: 15px;}
#direction .item-results .direction-address span:last-child{float: right;}
#error-directions { color:red }
#directions-panel, .adp-text, .adp-substep{ color:#444;font-size:13px}
.adp-directions{width:100%}
.adp-placemark { background-color:#eee;border:none}
.adp-placemark .adp-text{font-weight:bold;font-size:15px;}
/*simplePagination.css*/

ul.simple-pagination {list-style: none;}
.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}
.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.simple-pagination li {
	list-style: none;
	padding: 5px;
	margin: 0;
	float: left;
	font-size:15px;
}
.simple-pagination .page-link { color:#666 }
.simple-pagination li span.current { color:#6d1326;text-decoration:underline}
.simple-pagination li span.prev, .simple-pagination li span.next {text-decoration:none}

/*pajinate.css*/
.paging a, .paging a{
	padding:3px 5px;
	margin:2px;
	color:#666;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 15px;
}
.active_page{
	background-color:#00a6c9 !important;
	color:#fff !important;
	text-decoration:underline;
}
.paging .first_link,
.paging .previous_link,
.paging .next_link,
.paging .last_link {background: #888; color: #fff !important;}

#head-filter {text-align: center; background-color: #074ea5; text-align: center;}
div#map {position: relative;}
div#filter {float: none !important; width: 100% !important; position: relative; z-index: 9; margin-bottom: 0;}
.i-wrapper.open div#filter {z-index: 1;}
#content-filter h4, #content-filter li {/*float: left;*/ margin-right: 32px; color: #fff; padding: 8px 0;}
#content-filter h4, #content-filter li, #content-filter ul {display: inline-block;}
#content-filter ul:after {content: ""; display: block; clear: both;}
div#content-filter {background: #074ea5; padding: 0 15px; text-align: center;}

/*Joe Custom*/
#head-map-popup {background: #004caa;}

@media only screen and (max-width: 1200px) {
  .item-results{width: 33.33333%;}
}

@media only screen and (max-width: 992px) {
/* 	#filter {width: 30%; margin-right: 2%;} */
/* 	#map {width: 68%;} */
	#map-canvas {width: 100%;}
	#mainContent {width: 100%;}
	#mainContent.interactiveMap {padding: 15px;}
}

@media only screen and (max-width: 767px) {
	.item-results {width: 50%;}
	#filter {width: 100%; height: auto; /*margin: 0;*/}
	.slimScrollDiv,
	#content-filter ul {height: auto !important;}
	#contant-filter ul:after {content: ""; display: block; clear: both;}
/* 	#content-filter li {float: left; width: 25%; margin: 8px 0;} */
	#content-filter li li {width: 50%;}
	#map {width: 100%;}
}

@media only screen and (max-width: 589px) {
	.slimScrollDiv,
	/*#content-filter ul {height: 240px !important;}*/
/* 	#content-filter li {width: 33%;} */
  #content-filter li li {width: 100%;}
}

/*
@media only screen and (max-width: 555px) {
	.item-results {width: 100%;}
}
*/

@media only screen and (max-width: 480px) {
	#mainContent.interactiveMap {margin-top: 100px;}
/* 	#content-filter li {width: 50%;} */
	.item-results {width: 100%;}
}

@media only screen and (max-width: 320px) {
	#content-filter li {float: none; width: 100%;}
}

@media print {
	body * {visibility: hidden;}
	.printable * {visibility: visible;}
	#results{ height:0px;overflow: hidden; page-break-after:avoid;}
	#map { position: absolute;left:5px;top:5px;}
}
#loading {background:url('../img/loading.gif') no-repeat center center; width:100%;height:100px;}


@media only screen and (min-width: 1200px) {
	/*div#filter {float: left; width: 35% !important;}*/
	/*div#map {float: left; width: 62%; }*/
	/*
#content-filter li {float: left; margin-right: 35px; min-width: 206px;}
	#content-filter ul:after {content: ""; clear: both; float: none; display: block;}
*/
	body.interactive-map h1 {margin-bottom: 25px;}
}