*,
:after,
:before {
	box-sizing: inherit
}

html {
	box-sizing: border-box;
  overflow-x: hidden;
}

body, html {
  height: 100%;
}

body { 
  font-family:"Roboto", sans-serif; 
  line-height: 1.5; 
}
 
 @media (min-width:993px) {
 
 .filler  {
  height: 25vh;
}

}

h1 {
	font-size: 36px
}

h2 {
	font-size: 30px
}

h3 {
	font-size: 24px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

h1, h2, h3, h4, h5 { 
  font-family:"Open Sans", sans-serif, font-weight: bold; 
}

img {
	vertical-align: middle
}

a {
	color: inherit;
	border: 0;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url('../images/feature-1024x683.png');
  min-height: 100%;
}

.ws-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden; 
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: normal;
}

.ws-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ws-button:disabled {
	cursor: not-allowed;
	opacity: .3
}

:disabled * {
	pointer-events: none
}

.ws-display-container {
	position: relative
}

.ws-input {
	padding: 8px;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%
}

.ws-sidebar {
	height: 100%;
	width: 200px;
	background-color: #fff;
	position: fixed!important;
	z-index: 1;
	overflow: auto;
	float: right;
}

.ws-bar {
	width: 100%;
	overflow: hidden
}

.ws-bar .ws-button {
  padding: 16px;
}

.ws-center .ws-bar {
	display: inline-block;
	width: auto
}

.ws-bar .ws-bar-item {
	padding: 8px 16px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0
}

.ws-bar .ws-button {
	white-space: normal
}

.ws-bar-block .ws-bar-item {
	width: 100%;
	display: block;
	padding: 8px 16px;
	text-align: left;
	border: none;
	white-space: normal;
	float: none;
	outline: 0
}

.ws-bar-block .ws-center .ws-bar-item {
	text-align: center
}

.ws-block {
	display: block;
	width: 100%
}

.ws-bar:after,
.ws-bar:before,
.ws-container:after,
.ws-container:before,
.ws-row-padding:after,
.ws-row-padding:before,
.ws-row:after,
.ws-row:before {
	content: "";
	display: table;
	clear: both
}

.ws-col,
.ws-quarter {
	float: left;
	width: 100%
}

@media (min-width:601px) {
	.ws-col.m1 {
		width: 8.33333%
	}
	.ws-col.m2 {
		width: 16.66666%
	}
	.ws-col.m3,
	.ws-quarter {
		width: 24.99999%
	}
	.ws-col.m4 {
		width: 33.33333%
	}
	.ws-col.m5 {
		width: 41.66666%
	}
	.ws-col.m6 {
		width: 49.99999%
	}
	.ws-col.m7 {
		width: 58.33333%
	}
	.ws-col.m8 {
		width: 66.66666%
	}
	.ws-col.m9 {
		width: 74.99999%
	}
	.ws-col.m10 {
		width: 83.33333%
	}
	.ws-col.m11 {
		width: 91.66666%
	}
	.ws-col.m12 {
		width: 99.99999%
	}
}

@media (min-width:993px) {
	.ws-col.l1 {
		width: 8.33333%
	}
	.ws-col.l2 {
		width: 16.66666%
	}
	.ws-col.l3 {
		width: 24.99999%
	}
	.ws-col.l4 {
		width: 33.33333%
	}
	.ws-col.l5 {
		width: 41.66666%
	}
	.ws-col.l6 {
		width: 49.99999%
	}
	.ws-col.l7 {
		width: 58.33333%
	}
	.ws-col.l8 {
		width: 66.66666%
	}
	.ws-col.l9 {
		width: 74.99999%
	}
	.ws-col.l10 {
		width: 83.33333%
	}
	.ws-col.l11 {
		width: 91.66666%
	}
	.ws-col.l12 {
		width: 99.99999%
	}
}

.ws-content {
	margin-left: auto;
	margin-right: auto
}

.ws-content {
	max-width: 980px
}

.ws-hide {
	display: none!important
}

@media (max-width:600px) {
	.ws-hide-small {
		display: none!important
	}
}

@media (min-width:993px) {
	.ws-hide-large {
		display: none!important
	}
}

@media (max-width:992px) and (min-width:601px) {
	.ws-hide-medium {
		display: none!important
	}	
}



.ws-top {
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0;
}

.ws-display-left {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

.ws-display-right {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

.ws-display-container:hover .ws-display-hover {
	display: block
}

.ws-display-container:hover span.ws-display-hover {
	display: inline-block
}

.ws-display-hover {
	display: none
}

.ws-display-position {
	position: absolute
}

.ws-row-padding,
.ws-row-padding>.ws-col,
.ws-row-padding>.ws-quarter {
	padding: 0 8px
}

.ws-container {
	padding: .01em 16px
}

.ws-card {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.ws-wide {
	letter-spacing: 4px
}

.ws-animate-left {
	position: relative;
	animation: animateleft 0.4s
}

@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

.ws-animate-right {
	position: relative;
	animation: animateright 0.4s
}

@keyframes animateright {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0;
		opacity: 1
	}
}

.ws-hover-opacity:hover,
.ws-opacity {
	opacity: .6
}

.ws-hover-opacity-off:hover,
.ws-opacity-off {
	opacity: 1
}

.ws-opacity-min {
	opacity: .75
}

.ws-hover-grayscale:hover {
	filter: grayscale(100%)
}

.ws-grayscale {
	filter: grayscale(75%)
}

.ws-grayscale-min {
	filter: grayscale(50%)
}

.ws-small {
	font-size: 12px!important
}

.ws-medium {
	font-size: 15px!important
}

.ws-large {
	font-size: 18px!important
}

.ws-xlarge {
	font-size: 24px!important
}

.ws-xxlarge {
	font-size: 36px!important
}

.ws-jumbo {
	font-size: 64px!important
}

.ws-jumbo-top {
  font-family:"Open Sans", sans-serif;
  font-weight: bold;
	font-size: 49px !important;
}

.ws-center {
	text-align: center!important
}

.ws-border {
	border: 1px solid #ccc!important
}

.ws-section {
	margin-top: 16px!important;
	margin-bottom: 16px!important
}

.ws-margin {
	margin: 16px!important
}

.ws-margin-top {
	margin-top: 16px!important
}

.ws-margin-bottom {
	margin-bottom: 16px!important
}

.ws-margin-left {
	margin-left: 16px!important
}

.ws-margin-right {
	margin-right: 16px!important
}

.ws-padding-small {
	padding: 4px 8px!important
}

.ws-padding {
	padding: 8px 16px!important
}

.ws-padding-large {
	padding: 12px 24px!important
}

.ws-padding-16 {
	padding-top: 16px!important;
	padding-bottom: 16px!important
}

.ws-padding-24 {
	padding-top: 24px!important;
	padding-bottom: 24px!important
}

.ws-padding-32 {
	padding-top: 32px!important;
	padding-bottom: 32px!important
}

.ws-padding-48 {
	padding-top: 48px!important;
	padding-bottom: 48px!important
}

.ws-padding-64 {
	padding-top: 64px!important;
	padding-bottom: 64px!important
}

.ws-padding-128 {
	padding-top: 128px!important;
	padding-bottom: 64px!important
}

.ws-padding-256 {
	padding-top: 256px!important;
	padding-bottom: 256px!important
}

.ws-padding-top-64 {
	padding-top: 64px!important
}

.ws-padding-top-48 {
	padding-top: 48px!important
}

.ws-padding-top-32 {
	padding-top: 32px!important
}

.ws-padding-top-24 {
	padding-top: 24px!important
}

.ws-padding-bottom-256 {
	padding-bottom: 256px!important
}

.ws-left {
	float: left!important
}

.ws-right {
	float: right!important
}

.ws-button:hover {
	color: #000!important;
	background-color: #ccc!important
}

.ws-hover-none:hover {
	background-color: transparent!important
}

.ws-hover-none:hover {
	box-shadow: none!important
}

.ws-hover-white:hover,
.ws-white {
	color: #000!important;
	background-color: #fff!important
}

.ws-black,
.ws-hover-black:hover {
	color: #fff!important;
	background-color: #000!important
}

.ws-grey,
.ws-hover-grey:hover {
	color: #000!important;
	background-color: #9e9e9e!important
}

.ws-hover-light-grey:hover,
.ws-light-grey {
	color: #000!important;
	background-color: #f1f1f1!important
}

.ws-hover-text-white:hover,
.ws-text-white {
	color: #fff!important
}

.ws-hover-text-black:hover,
.ws-text-black {
	color: #000!important
}

.ws-hover-text-grey:hover,
.ws-text-grey {
	color: #757575!important
}

.ws-hover-text-light-grey:hover,
.ws-text-light-grey {
	color: #f1f1f1!important
}

.ws-asset {
  width: 100%;
  padding: 10px !important;
}

.ws-chart {
  width: 100%; 
  min-height: 450px;
}

.ws-card {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

/* https://www.labnol.org/internet/embed-responsive-google-maps/28333/ */

.google-maps {
  position: relative;
  padding-bottom: 75%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}