html, body { font:14px/1.5em Arial,Helvetica,sans-serif; margin:0; padding:0;  } 
/*
#wrapper { width:800px; margin:auto;}
*/
.position { position:relative; }
.address { padding:5px 0 20px; font-style:italic; color:#666; }
/*
.toggle { position:relative; border:1px solid #ccc; padding:10px 10px 10px 40px; margin-top:5px; }
.toggle a.switch { position:absolute; left:10px; width:20px; height:20px; text-align:center; display:block; padding:0; text-decoration:none; font-weight:normal; font-size:1em; background-color:#262626; }

.toggle a.switch:before { content:'+'; color:#fff; }
.toggle a.switch.opened:before { content:'–'; color:#fff; }
.toggle a.switch.opened { color: #ae895d; background-color: #ae895d; }

.toggle .content { padding:0; display:none; position:relative; }
.toggle .logo { position:absolute; top:0; right:0; max-width:200px; max-height:200px; }
*/
.content {  position:relative; border-top:1px solid #ccc;  padding:10px 0 15px; }
.content:last-child { border-bottom:1px solid #ccc; }
.content h3 span { font-weight:normal; }

.content .logo {
	float:right;
	width:100px;
	margin-top:15px;
}
.content .logo img {
	width:100%;
	height:auto;
}


input[type="text"]{
	font-size:14px;
	background-color: #f5f5f5;
	margin-bottom: 7px;
	color: #000;
	border: none;
	padding: 10px 5px;
	outline: none;
	width:200px;
	border-bottom:3px solid #ccc;
}
input[type="button"]{
	font-size:14px;
	padding:10px 20px;
	border:none;
	background-color:#b41920;
	color:#fff;
	border-bottom:3px solid #900;
	cursor: pointer;
	outline: none;
}
input[type="button"]:hover{
	background-color:#900;
}

.result-title { display:none; }
.result { width:30%; float:left; }

/* getting coord 
.gm-style > * { cursor: crosshair !important;}
*/
#jive-map-wrapper { position:relative; width:100%; padding-top:50%; }
#jive-map { position:absolute; top:0; left:0; right:2px; height:100%; background:#eee; border:1px solid #ccc; }

#jive-map-reset { 
	cursor:pointer; position:absolute; left:10px; top:50px; z-index:9999; padding:5px 10px; background:#fff; box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius:2px; 
    color: rgb(86, 86, 86); font-size:11px; font-family:Roboto, Arial, Sans-Serif;
}
#jive-map-reset:hover {
	background-color:#e9e9e9;
}

ul.infotext { margin:0; padding:0; margin-left:1.5em; }
ul.infotext li { margin:.5em 0; }

/*
.jive-col-left { float:left; width:calc(100% - 250px); }
.jive-col-right { float:right; width:220px; }
*/

/* clearer */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }


#jive-toggle-marker { display:none; }
#jive-toggle-marker ul { list-style-type: none; margin:0; padding:0; margin-top:10px; }
#jive-toggle-marker li { position:relative; font-size:14px; line-height:1.5em; display:inline-block; padding-right:20px; }
#jive-toggle-marker li a { text-decoration:none; padding-left:1.5em; color:#333; cursor:pointer; display:inline-block; }
#jive-toggle-marker li a::before,
#jive-toggle-marker li a::after { content:''; position:absolute; top:.125em; left:0; display:block; border-radius:50%; -webkit-transition:.2s; transition:.2s; }
#jive-toggle-marker li a::before { width:11px; height:11px; border:2px solid #ccc; background:#fff; }
#jive-toggle-marker li a::after { width:7px; height:7px; margin:4px 0 0 4px; background:#fff; }
#jive-toggle-marker li a:hover::before { border-color:#333; }
#jive-toggle-marker li a.current { color:#333; }
#jive-toggle-marker li a.current::before { border-color:#333; }
#jive-toggle-marker li a.current::after { background:#333; }

#jive-toggle-marker li.kat1 a:hover::before { border-color:#33c; }
#jive-toggle-marker li.kat1 a.current { color:#33c; }
#jive-toggle-marker li.kat1 a.current::before { border-color:#33c; }
#jive-toggle-marker li.kat1 a.current::after { background:#33c; }

#jive-toggle-marker li.kat2 a:hover::before { border-color:#f00; }
#jive-toggle-marker li.kat2 a.current { color:#f00; }
#jive-toggle-marker li.kat2 a.current::before { border-color:#f00; }
#jive-toggle-marker li.kat2 a.current::after { background:#f00; }

#jive-toggle-marker li.kat3 a:hover::before { border-color:#3cf; }
#jive-toggle-marker li.kat3 a.current { color:#3cf; }
#jive-toggle-marker li.kat3 a.current::before { border-color:#3cf; }
#jive-toggle-marker li.kat3 a.current::after { background:#3cf; }

#jive-toggle-marker li.kat4 a:hover::before { border-color:#666; }
#jive-toggle-marker li.kat4 a.current { color:#666; }
#jive-toggle-marker li.kat4 a.current::before { border-color:#666; }
#jive-toggle-marker li.kat4 a.current::after { background:#666; }

#jive-toggle-marker li.kat5 a:hover::before { border-color:#3c6; }
#jive-toggle-marker li.kat5 a.current { color:#3c6; }
#jive-toggle-marker li.kat5 a.current::before { border-color:#3c6; }
#jive-toggle-marker li.kat5 a.current::after { background:#3c6; }

#jive-toggle-marker li.kat6 a:hover::before { border-color:#fc0; }
#jive-toggle-marker li.kat6 a.current { color:#fc0; }
#jive-toggle-marker li.kat6 a.current::before { border-color:#fc0; }
#jive-toggle-marker li.kat6 a.current::after { background:#fc0; }

@media only screen and (max-width: 1023px) and (min-width: 746px) {
}
@media only screen and (max-width: 520px) {
	#jive-toggle-marker li { padding-right:0; width:170px; }
}
@media only screen and (max-width: 340px) {
	#jive-toggle-marker li { padding-right:0; width:auto; display:block; }
}


/* https://codepen.io/jczimm/pen/vEBpoL */
.loader {
  position: absolute;
  top:0;
  left: 330px;
  width: 40px;
  height:40px;
  display:none;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}