@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('assets/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('assets/fonts/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body { font:16px/1.5em 'Open Sans',Arial,Helvetica,sans-serif; margin:0; padding:0; letter-spacing:1px;  } 

.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-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:16px;
	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-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:16px;
	padding:10px 20px;
	border:none;
	background-color:#6EC1E4;
	color:#fff;
	border-bottom:3px solid #39a5d3;
	cursor: pointer;
	outline: none;
  transition:background-color .2s;
  text-transform: uppercase;
}
input[type="button"]:hover{
	background-color:#39a5d3;
}

.result-title { display:none; }
.result { width:30%; float:left; padding-bottom:50px; }
.result a { text-decoration:none; color:#39a5d3; }
.result a:hover { color:#333; }
#jive-map { width:65%; float:right; height:700px; background:#eee; border:1px solid #ccc; display:none; }

@media all and (max-width:992px) {
  .result { width:100%; float:none; }
  #jive-map { width:100%; float:none; }
}


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

.clearfix:after {
  clear: both; }


#box-more { display:none; }
#box-more > .content:first-child { border-top:none; }
.box-more-trigger { cursor:pointer; margin-bottom:0; }

.dealerform-pretext {
  padding-bottom:10px;
  color:#666;
}
.dealerform-wrapper {
  position:relative;
}



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

@media all and (max-width:400px){
  .loader {
    top:50px;
    left:0;
    width:30px;
    height:30px;
  }
}

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

.path {
  stroke:#39a5d3;
  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;
  }
}