/****************************************/
/*              RESET                   */
/****************************************/
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, b, u, i, center, dl, dt, dd, ul,
li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline:0;
}
body {
	line-height:1;
	color: #000;
  overflow-y: auto !important;
  margin: 0 !important;
  -webkit-print-color-adjust:exact;
}
ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
}
.clear {
	clear: both;
}
.clear.big {
	padding-bottom: 20px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.center {
  text-align: center;
}
 .clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
html{
	height: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
	font: 400 100%/1.65 serif; /* base font size 18px with 1.65 line-height */
}
body {
	height: 100%;
  font-family: 'redhat_regular', Tahoma, Arial, sans-serif;
  line-height: 1.3em;
  font-size: 1em;
  color: #000;
  overflow-x: hidden;
  background: #fff;
}
div.section {
	float: left;
  width: 100%;
  margin: 0px auto 0px auto;
}
.wrap {
	position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #7aab8a;
	text-decoration: none;
}
a.uline {
  text-decoration: underline;
}
a.uline:hover {
	text-decoration: underline;
}
a.gren {
  color: #7aab8a;
  text-decoration: none;
}
a.gren:hover {
  color: #4c4c4c;
}

.imgleft {
  float: left;
  margin: 0px 20px 10px 0px;
}
.imgright {
  float: right;
  margin: 0px 0px 10px 20px;
}

/****************************************/
/*             HEADER                   */
/****************************************/
header {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0px 0px 0px 0px;
  z-index: 1000;
	border-bottom: 1px solid #4c4c4c;
}
header * {
	margin-bottom: 0 !important;
}
#logo {
  float: left;
  width: auto;
  min-width: 200px;
  min-height: 38px;
  margin: 21px 0px 0px 0px;
}
header #logo a {
  float: left;
  width: 100%;
  min-height: 38px;
  margin: 0px 0px 0px 0px;
}
#logo a span {
	position: relative;
  left: -9000px;
}
div#slidemenu {
	display: none;
}
div#topmenu {
  float: right;
  width: auto;
  padding: 0px 0px 17px 0px;
  margin: 0px 0px 0px 0px;
}
div#topmenu div {
	float: left;
	font-size: 18px;
	font-family: 'redhat_black', Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 17px 0px;
	border-right: 1px solid #d9d9d9;
}
div#topmenu div:first-child {
	border-left: 1px solid #d9d9d9;
}
div#topmenu div a {
	float: left;
  color: #3c3c3c;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 3px solid #fff;
	text-decoration: none;
}
div#topmenu a:hover {
	color: #4c4c4c;
	border-bottom: 3px solid #7aab8a;
}
div#topmenu div a.active {
  color: #7aab8a;
	border-bottom: 3px solid #000;
}

div#slidemenu {
	float: right;
	width: 36px;
	height: 36px;
	margin: 22px 0px 0px 20px;
}
div#slidemenu a {
	font-size: 2.5em;
	cursor: pointer;
	text-decoration: none;
}


div.search {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 15px;
}
div.search div.scell {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 6px 0px;
	border-right: 1px solid #d9d9d9;
}

div.search a {
	float: left;
	z-index: 2000;
	cursor: pointer;
}
div.search a#filter_hide {
	display: none;
}
div.search a#filter_show span {
	color: #4c4c4c;
}
div.search a#filter_show:hover span {
	color: #7aab8a;
}
div.search a#filter_hide span, div.search a#filter_hide strong {
	color: #fff;
}
div.search a#filter_hide:hover span, div.search a#filter_hide:hover strong {
	color: #7aab8a;
}
div.search a span.icon-ico-search {
	float: left;
	font-size: 24px;
	padding: 7px 10px 0px 0px;
}
div.search a span.icon-ico-down, div.search a span.icon-ico-close {
	float: right;
	font-size: 18px;
	padding: 8px 0px 0px 10px;
}
div.search a strong {
	float: left;
	font-size: 18px;
	color: #000;
	font-family: 'redhat_black', Tahoma, Arial, sans-serif;
	padding: 8px 0px 0px 0px;
}
div.search a:hover strong {
	color: #7aab8a;
}

div#myFilters, div#selFilters  {
	display: none;
	float: left;
  width: 100%;
	margin: 0px 0px 0px 0px;
	background: #4c4c4c;
	color: #fff;
}
div#myFilters  {
	border-bottom: 1px solid #737373;
}
div#selFilters {
	display: block;
}
div#selFilters .wrap {
	padding: 0px 0px 0px 0px;
}
div#selFilters .wrap .full {
	padding: 10px 10px 5px 10px;
	border-right: 1px solid #737373;
	border-left: 1px solid #737373;
	border-bottom: 1px solid #737373;
}
/*div#selFilters div.full {
	margin: 10px 0px 5px 0px;
}*/
div#selFilters div div.fltrbtn {
	float: left;
	color: #fff;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 5px 0px;
	background: #363636;
	line-height: 24px;
}
div#selFilters div div.fltrbtn.delall {
	background: #000;
}
div#selFilters div div.fltrbtn a {
	float: right;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 10px;
	background: #000;
}
div#selFilters div div.fltrbtn a span {
	color: #7aab8a;
	font-size: 22px;
}
div#selFilters div div.fltrbtn a:hover {
	background: #7aab8a;
}
div#selFilters div div.fltrbtn a span:hover {
	color: #fff;
}

div.fltr_contflex {
	display: flex;
  flex-direction: row;
	border-left: 1px solid #737373;
}
div.fltr_cont.col33, div.fltr_cont.col30 {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 20px;
	border-right: 1px solid #737373;
}

div.fltr_cont.col33 h4 a {
	padding-left: 20px;
	color: #7aab8a;
	text-decoration: none;
}
div.fltr_cont.col33 h4 a:hover {
	color: #fff;
	text-decoration: none;
} 



div.fltr_cont.col40 {
	padding: 20px;
	border-right: 1px solid #737373;
}
div.fltr_cont.col40 h4 {
	float: left;
	width: 100%;
}
div.fltr_cont.col40 .skatrow {
	float: left;
	width: 50%;
}

div.fltr_search {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
div.fltr_end {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
div.fltr_search input[type=text] {
	float: left;
	width: calc(100% - 60px);
	border: none;
	background: #fff;
	font-size: 16px;
	font-family: 'redhat_regular', Tahoma, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	-webkit-appearance: none;
  border-radius: 0;
}
div.fltr_cont input[type=checkbox] {
	float: left;
	width: 20px;
	margin: 4px 10px 0px 0px;
}
div.fltr_cont div.katrow, div.fltr_cont div.skatrow {
	float: left;
	width: 100%;
}
div.fltr_cont div.katrow {
	font-family: 'redhat_black', Tahoma, Arial, sans-serif;
	padding: 0px 0px 5px 0px;
}
div.fltr_cont div.skatrow {
	font-family: 'redhat_regular', Tahoma, Arial, sans-serif;
	padding: 0px 0px 0px 0px;
}
div.fltr_cont label {
	float: left;
	padding: 0px 0px 0px 0px;
}
div.fltr_search button {
	float: left;
	border: none;
	background: none;
}
div.fltr_search button span {
  float: left;
	font-size: 30px;
	color: #7aab8a;
	margin: -1px 0px 0px 10px;
	z-index: 1000;
}
div.fltr_cont h4 {
	color: #7aab8a;
	font-size: 18px;
	padding: 0px 0px 10px 0px;
}
div.fltr_cont p {
	color: #fff;
	padding: 0px 0px 5px 0px;
}

div#breads {
	float: left;
	width: 100%;
	background: #e6e6e6;
}
div#breads p {
	font-size: 14px;
	padding: 7px 0px 8px 0px;
	text-transform: lowercase;
}
div#breads p strong {
	text-transform: none;
}
div#breads p span {
  padding: 3px 15px 0px 15px;
}
div#breads p span:first-child {
  font-size: 18px;
  padding: 5px 0px 0px 0px;
}
div#breads p a {
  color: #4c4c4c;
	text-decoration: none;
}
div#breads p a:hover {
  color: #000;
}

div#midban.banspace {
	float: left;
  width: 100%;
	padding: 30px 0px 30px 0px;
	text-align: center;
	border-bottom: 1px solid silver;
}
.banspace img {
	float: left;
  width: 100%;
	height: auto;
}
.banspace img.norm {
	display: none;
}

div#hpmap, div#detmap {
	position: relative;
	float: left;
  width: 100%;
	height: 600px;
	margin: 0px 0px 0px 0px;
}
div#hmap, div#detmap {
	position: relative;
}
#fullmap {
	position: relative;
	float: left;
  width: 100%;
	height: calc(100vh - 78px);
}
#fullmap.flt {
	position: relative;
	float: left;
  width: 100%;
	height: calc(100vh - 124px);
}
#map {
  position: absolute;
  right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
  width: 100%;
  z-index: 1000;
}
div#mapbtns {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 bottom: 0px;
	 right: 0px;

	 background: rgba(76,76,76,0.35);
	 z-index: 6000;
}
div#mapbtns .mapbtn	{
	float: left;
	width: 100%;
	padding-top: 300px;
	text-align: center;
}
div#mapbtns .mapbtn .btn span	{
	color: #fff;
}
div#mapbtns .mapbtn .btn:hover	{
	color: #fff;
	background: #83b18b;
}
.joinus {
	float: left;
	width: 100%;
	background: #dadada;
	padding: 30px;
}
#conts .joinus {
	float: left;
	width: 100%;
	background: #dadada;
	padding: 30px 30px 30px 30px;
}
.joinus h3 {
	padding: 0px 0px 5px 0px;
	font-family: 'redhat_bold', Tahoma, Arial, sans-serif;
}
#complist, #conts {
	min-height: 600px;
}
.joinus p {
	padding: 0px;
}
/****************************************/
/*              FOOTER                  */
/****************************************/
footer {
	float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #4c4c4c;
  color: #fff;
}
footer .col50 p {
  color: #fff;
	padding: 20px 30px 0px 0px;
}
footer .col50 p.social {
  font-size: 30px;
}
footer .col25 ul.simple li {
	padding: 0px 0px 10px 0px;
}
footer a {
  color: #7aab8a;
	text-decoration: none;
}
footer a:hover {
  color: #fff;
	text-decoration: underline;
}
footer .wrap {
	position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0px 20px 0px 20px;
  margin: 0 auto;
}
footer div.info {
	float: left;
  width: 100%;
	padding: 50px 0px 20px 0px;
}
footer div.copy {
	float: left;
  width: 100%;
	padding: 10px 0px 10px 0px;
	background: #000;
}
footer div.copy p {
	font-size: 14px;
	color: #818181;
	padding: 0px 0px 0px 0px;
}