/* general css
 
	rem reference
	8px = 0.6667rem
	9px = 0.75rem
	10px = 0.8333rem
	11px = 0.9167rem
	12px = 1rem (base)
	13px = 1.083rem
	14px = 1.167rem
	15px = 1.25rem
	16px = 1.333rem
	18px = 1.5rem
	20px = 1.667rem
	22px = 1.833rem
	24px = 2rem
	26px = 2.167rem
	28px = 2.333rem
	30px = 2.5rem
	32px = 2.667rem
	34px = 2.833rem
	36px = 3rem
	38px = 3.167rem
	40px = 3.333rem

	site font reference
	font-family: 'Lato', sans-serif;
*/

/** general element styles **/

  /* rem base */
html {
	font-size: 12px;
}

body {
	font-size:14px;
	line-height:1.4;
	font-weight:400;
	color:#747474
}

ul {
  	padding: 0;
	margin: 0;
  	list-style-type: none;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
}

p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #747474;
}

a {
	color: #3372df;
  	text-decoration: none;
}

a,
p,
img,
input[type=submit] {
	transition: all 320ms ease-in-out;
}

  /* remove the gap between images and the bottom of their containers */
img {
  	vertical-align: middle;
}

  /* remove default fieldset styles */
fieldset {
  	border: 0;
  	margin: 0;
	padding: 0;
}

  /* allow only vertical resizing of textareas */
textarea {
  	resize: vertical;
}

  /* hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  	-webkit-appearance: none;
}

  /* remove default paper-button styles */
paper-button {
	min-width: inherit;
	margin: 0px;
	text-transform: inherit;
}

/** general global styles **/

.ma {
	margin: 0px auto;
}

/** general helper classes **/

  /* clear used to contain floats */
.c:after,
.c:before {
	content: "";
	display: table;
}

.c:after {
	clear: both;
}

  /* google maps overlay */
.gmap-overlay {
   	background: transparent; 
   	position: relative; 
   	width: 100%;
   	height: 376px; /* your iframe height */
   	top: 376px;  /* your iframe height */
   	margin-top: -376px;  /* your iframe height */
}

  /* drawer mask for mobile nav toggled */
.drawer-mask {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: 0;
}

.drawer-mask.toggled {
    background-color: rgba(0,0,0,0.3);
    display: block;
    position: fixed;
    opacity: 1;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

/** general media queries for responsive design **/

  /* mobile */
@media only screen and (max-width:767px) {
	.mobile-hide {
		display: none !important;
	}
}

  /* tablet */
@media only screen and (max-width:1024px) {
	.tablet-hide {
		display: none !important;
	}
	
	.tablet-pad {
		padding-left: 20px;
		padding-right: 20px;
	}
}

  /* desktop */
@media only screen and (min-width:1025px) {
	.desktop-hide {
		display: none !important;
	}
}






/** site element styles **/

html,
body {
  	width: 100%;
  	height: 100%;
  	margin: 0;
	padding: 0;
}

body {
  	position: relative;
	font-family: 'Lato', sans-serif;
  	font-weight: 300;
  	background-color: #fff;
  	box-sizing: border-box;
  	min-height: 100%;
}



/** site styles **/

.sw {
	max-width: 880px;
}

.h-vbg {
	position: absolute;
}

.h-hcnt,
.h-footer-rel {
	position: relative;
}

.h-vbg {
	width: 100%;
	height: 824px;
	object-fit: cover;
	z-index: 0;
}

.h-header {
	height: 824px;
	/* background-image: url(../images/home-bg.png);
	background-repeat: no-repeat;
	background-size: cover; */
}

	.h-ht, 
	.h-nav-cnt,
	.h-hb,
	.s-ht,
	.s-hb-cnt {
		max-width: 1154px;
		padding: 0px 20px;
	}

	.h-ht,
	.h-mnav-ul a,
	.s-ht {
		padding: 10px 20px;
	}

	.h-nav-ul,
	.h-nav-mb,
	.h-s1-t-r,
	.h-s2-t-r,
	.h-s2-b-r,
	.h-s3-t-r,
	.h-s5-r,
	.h-s7-r,
	.h-footer-r {
		float: right;
	}

	.h-ht a,
    .h-nav-mb,
	.h-hb h2,
	.h-hb a:hover,
	.h-s1-t-l a,
	.h-s2-sw a:hover p,
	.h-s3-t-l a,
	.h-s3-b a,
	.h-s5-form input[type=submit],
	form button,
	.h-s6 h3,
	.h-s6 p,
	.h-s6 a,
	.h-s7-r h4,
	.h-s7-form input[type=email],
	.h-s7-form input[type=submit],
	.h-footer-afa,
	.h-footer-social a,
	.s-hb-cnt h2 {
		color: #fff;
	}

	.h-ht a:hover,
	.h-footer-ul a:hover,
	.s-ht a:hover {
		text-decoration: underline;
	}

	.h-ht-a,
	.s-ht-a {
		margin-left: 20px;
	}

	.h-nav,
	.h-mnav-cnt,
	.h-mnav-ul a:hover {
		background-color: rgba(255, 255, 255, 0.65);
	}

	.h-ht a,
	.h-nav-logo,
	.h-nav-ul li,
	.h-nav-ul a,
	.h-s1-t-l,
	.h-s2-t-l,
	.h-s2-b-l,
	.h-s3-t-l,
	.h-s3-b a,
	.h-s5-l,
	.h-s7-l,
	.h-footer-l,
	.h-footer-ul,
	.s-ht a {
		float: left;
	}

	.h-nav-logo {
		margin: 27.5px 0px;
	}

	.h-nav-img,
	.h-s7-l img {
		width: 140px;
		height: 49px;
	}

	.h-nav-ul {
		padding: 44px 0px;
		letter-spacing: 1px;
	}

	.h-nav-ul,
	.h-mnav-ul a,
	.h-hb span,
	.h-s1-t-l a,
	.h-s3-t-l a,
	.h-s5-form input[type=submit],
	form button,
	.h-s7-r h4,
	.h-s7-form input[type=submit] {
		font-weight: 700;
	}

	.h-nav-ul li {
		margin-left: 30px;
	}

	.h-nav-ul a,
	.h-mnav-ul a {
		color: #1e2124;
	}

	.h-nav-ul a:hover,
	.h-mnav-ul a:hover {
		color: #4c7094;
	}

	.h-nav-mb {
		width: 48px;
		height: 48px;
		margin: 28px 0px;
	}

	.h-nav-mb .fa-bars {
		font-size: 30px;
	}

	.h-mnav-ul {
		margin: 10px 0px;
	}

	.h-mnav-ul a,
	.h-s5-form input[type=text],
	.h-s5-form input[type=email],
	.h-s5-form input[type=tel],
	.h-s5-form textarea,
	.h-s7-form input[type=email] {
    	display: block;
	}

	.h-hb {
		margin: 230px auto 0px;
	}

	.h-hb h2 {
		font-size: 50px;
		letter-spacing: 4px;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.38);
	}

	.h-hb h2,
	.h-s1-t-l h3,
	.h-s1-m h3,
	.h-s2 h3,
	.h-s3-t-l h3,
	.h-s5-l h3,
	.h-s6 h3,
	.s-hb-cnt h2 {
		font-weight: 300;
	}

	.h-hb a,
	.h-s1-t-l a,
	.h-s3-t-l a,
	.h-s5-form input[type=submit],
	form button,
	.h-s6 a,
	.h-s7-form input[type=submit] {
		display: inline-block;
	}

	.h-hb a {
		margin-top: 26px;
		padding: 14px 22px;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.h-hb a,
	.h-s2-t-l p,
	.h-s2-t-r p,
	.h-s2-b-l p,
	.h-s2-b-r p {
		background-color: #fff;
	}

	.h-hb a,
	.h-s5-l span,
	.s-ht a {
		color: #000;
	}

	.h-hb a:hover,
	.h-s1-t-l a,
	.h-s2-sw a:hover p,
	.h-s3-t-l a,
	.h-s3-b a,
	.h-s5-form input[type=submit],
	form button {
		background-color: #a1b2bc;
	}

.h-s1 {
	padding: 80px 0px;
}

	.h-s1-t-l,
	.h-s5-l {
		width: 426px;
	}

	.h-s1-t-l h3,
	.h-s1-m h3,
	.h-s2 h3,
	.h-s3-t-l h3,
	.h-s5-l h3,
	.h-s6 h3 {
		margin-bottom: 12px;
		font-size: 28px;
	}

	.h-s1-t-l h3,
	.h-s1-m h3,
	.h-s2 h3,
	.h-s2-t-l p,
	.h-s3-t-l h3,
	.h-s5-l h3 {
		color: #2c3e50;
	}

	.h-s1-t-l a {
		margin-top: 26px;
	}

	.h-s1-t-l a,
	.h-s3-t-l a {
		padding: 12px 38px;
		border-radius: 3px;
		border-bottom: 2px solid #81919b;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.h-s1-t-l a:hover,
	.h-s3-t-l a:hover,
	.h-s5-form input[type=submit]:hover,form button:hover {
		background-color: #81919b;
	}

	.h-s1-t-r,
	.h-s5-r {
		width: 430px;
	}

	.h-s1-m {
		margin-top: 80px;
	}

	.h-s1-m-img {
		margin-bottom: 12px;
		width: 260px;
	}

	.h-s1-bn {
		margin: 44px 0px 49px;
	}

	.h-s1-b,
	.h-s2 h3,
	.h-s3-b a,
	.h-s6,
	.h-s7-r h4 {
		text-align: center;
	}

.h-s2 {
	padding: 80px 0px;
	background-color: #f3f3f3;
}

	.h-s2-sw {
		width: 606px;
	}

	.h-s2-t {
		margin-top: 50px;
	}

	.h-s2-t-l,
	.h-s2-t-l img,
	.h-s2-t-r,
	.h-s2-t-r img,
	.h-s2-b-l,
	.h-s2-b-l img,
	.h-s2-b-r,
	.h-s2-b-r img {
		width: 280px;
	}

	.h-s2-t-l {
		margin-right: 20px;
	}

	.h-s2 a:hover img {
		-webkit-filter: contrast(120%) grayscale(100%);
		filter: contrast(120%) grayscale(100%);
	}

	.h-s2-t-l p,
	.h-s2-t-r p,
	.h-s2-b-l p,
	.h-s2-b-r p {
		padding: 5px 12px;
	}

	.h-s2-t-l p,
	.h-s2-t-r p,
	.h-s2-b-l p,
	.h-s2-b-r p,
	.h-s3-t-p,
	.h-s5-l span,
	.h-footer-afa {
		font-weight: 400;
	}

	.h-s2-b {
		margin: 26px 0px 65px;
	}

.h-s3 {
	padding: 120px 0px;
}

	.h-s3-sw {
		width: 1024px;
	}

	.h-s3-t-l {
		width: 470px;
	}

	.h-s3-t-p {
		margin-top: 30px;
	}

	.h-s3-t-a-1 {
		margin-right: 10px;
	}
	
	.h-s3-t-a-2 {
		margin-left: 10px;
	}

	.h-s3-t-r-cont {
		margin-top: -283px;
		width: 460px;
		height: 389px;
	}

	.h-s3-t-r img {
		width: 460px;
		height: 389px;
	}

	.h-s3-b a {
		width: 256px;
		padding: 34px 0px;
		font-size: 22px;
	}

	.h-s3-b a:hover {
		background-color: #2d3e50;
	}

.h-s4 {
	height: 376px;
}

	.h-s4 iframe,
	.s-s1 img {
		width: 100%;
	}

	.h-s4 iframe {
		height: 376px;
	}

.h-s5 {
	padding: 98px 0px;
}

	.h-s5-l p {
		margin-bottom: 22px;
	}

	.h-s5-social {
		margin-top: 22px;
	}

	.h-s5-social a {
		margin-right: 16px;
		font-size: 17px;
		color: #686d80;
	}

	.h-s5-social a:nth-child(4) {
		margin-right: 0px;
	}

	.h-s5-social a:hover,
	.h-s5-form,
	.h-s7-l p,
	.h-footer-ul a,
	.h-footer-l p {
		color: #a1b2bc;
	}

	.h-s5-form input[type=text],
	.h-s5-form input[type=email],
	.h-s5-form input[type=tel],
	.h-s5-form textarea {
		width: 408px;
		margin-bottom: 16px;
		padding: 8px 10px;
		border: 1px solid #dee6e6;
		border-radius: 3px;
		font-size: 12px;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.h-s5-form textarea {
		min-height: 50px;
	}

	.h-s5-form input[type=submit],form button {
		width: 430px;
		padding: 12px;
		border-bottom: 2px solid #81919b;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-radius: 3px;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.h-s5-form input[type=submit],
	form button,
	.h-s7-form input[type=submit] {
		cursor: pointer;
	}

.h-s6 {
	padding: 82px 0px;
	background-color: #55687a;
}

	.h-s6-p {
		margin: 60px 0px 40px;
	}

	.h-s6 a {
		padding: 12px 38px;
		border: 1px solid #fff;
		border-radius: 3px;
	}

	.h-s6 a:hover {
		box-shadow: 0px 0px 5px #fff;
	}

.h-s7 {
	padding: 100px 0px;
}

.h-s7 {
	background-color: #1a1c27;
}

	.h-s7-l {
		width: 294px;
	}

	.h-s7-l img {
		margin-bottom: 30px;
	}

	.h-s7-r,
	.h-footer-r {
		width: 340px;
	}

	.h-s7-r h4 {
		margin: 10px 0px 36px;
		font-size: 14px;
		letter-spacing: 3px;
	}

	.h-s7-r h4 span {
		font-size: 8px;
	}

	.h-s7-form input[type=email] {
		width: 318px;
		margin-bottom: 12px;
		padding: 8px 10px;
		background-color: #2d323f;
		border: 1px solid #434956 ;
		border-radius: 3px;
		font-size: 12px;
	}

	.h-s7-form input[type=submit] {
		width: 340px;
		padding: 12px;
		background-color: #556879;
		border: 0px;
		border-radius: 3px;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.h-s7-form input[type=submit]:hover {
		background-color: #627c94;
	}

.h-footer {
	padding: 46px 0px;
	background-color: #222533;
}

	.h-footer-l {
		width: 410px;
	}

	.h-footer-links {
		margin-bottom: 40px;
	}

	.h-footer-ul {
		margin-right: 30px;
		line-height: 18px;
	}

	.h-footer-ul,
	.h-footer-l p {
		font-size: 11px;
	}

	.h-footer-afa {
		margin-left: 8px;
	}

	.h-footer-divide {
		margin: 0px 8px;
	}

	.h-footer-social {
		text-align: right;
	}

	.h-footer-social a {
		margin-left: 16px;
		font-size: 17px;
	}

	.h-footer-social a:hover {
		color: #688EB1;
	}

.s-header {
}

	.s-nav,
	.s-mnav-cnt {
		background-color: #e0e0e0;
	}

	.s-hb {
		background-color: #556879;
	}

	.s-hb-cnt {
		padding: 28px 0px;
	}

	.s-hb-cnt h2 {
		font-size: 20px;
	}

	.s-s2 p {
		font-weight: 400;
    	font-size: 14px;
    	line-height: 24px;
    	color: #747474;
		margin-bottom: 14px;
	}

	.s-s3 {
		padding: 80px 0px;
		background-color: #2A3044;
	}

	h3.s-s3-h3 {
		color: #fff;
	}

	.s-s3 p {
		color: #fff;
	}

	.s-s3 span {
		color: #fff;
	}

	ul.bulleted-list,
	ol.numbered-list {
		margin-bottom: 14px;
		padding: 10px 25px 10px 25px;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		color: #383838;
	}

	ul.bulleted-list {
		list-style-type: disc;
	}

	ol.numbered-list {
		list-style-type: decimal;
	}

	.pilots-list {
	}

	.pilot-t {
		margin-top: 50px;
	}

	.pilot-t-l {
		margin-right: 20px;
		width: 200px;
		float: left;
	}

	.pilots-list a {
	}

	.pilots-list img {
		width: 100px;
		padding: 50px 50px;
		background-color: #a1b1bc;
	}

	.pilots-list a:hover img {
		background-color: #94a1ad;
	}

	.pilots-list p {
		height: 60px;
		background-color: #e2e9eb;
		font-weight: 400;
		padding: 5px 12px;
		color: #2c3e50;
	}

	.pilots-list a:hover p {
		background-color: #21c2f8;
		color: #fff;
	}

	.pilot-b {
		margin: 26px 0px 65px;
	}

	.pilot-b-l {
		margin-right: 20px;
		width: 200px;
		float: left;
	}

	.secondary-links-left {
		margin-bottom: 30px;
	}

	.secondary-links-left li {
		float: left;
	}

	.s-s1 img {
		height: 250px;
		object-fit: cover;
	}

	.s-s2 {
		padding: 60px 0px;
		min-height: 380px;
	}

	.s-s2 h2 {
		margin: 30px 0px 10px;
	}

	.s-s2 h3 {
		margin-bottom: 12px;
    	font-size: 28px;
		font-weight: 300;
	}

	.s-s2 .h-s5-form {
		margin-top: 24px;
	}

	.secondary-links-left ul li {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 20px;
		margin: 0 0 4px 10px;
	}

	.secondary-links-left li:nth-child(1) p {
		border-left: 0px solid #888;
		padding-left: 0px;
		margin-left: 0px;
	}

	.secondary-links-left li p {
		margin: 0px 0px 0px 12px;
		border-left: 1px solid #888;
		padding-left: 12px;
		line-height: normal;
	}

	.secondary-links-left li p a:hover {
		color: #4a4a4a;
		border-bottom: 2px solid #5280D0;
		padding-bottom: 2px;
	}

	.divider {
		margin: 40px 0px;
	}

	.s-s2 .connect-form {
		padding: 60px 0px 10px;
	}

	.s-iaf-logo {
		width: 260px;
		margin: 20px 0px 30px;
	}

	.s-iaf-a {
		display: inline-block;
		margin: 0px 20px 30px 0px;
	}

	.s-s2 img {
		max-width: 880px;
	}

	.pie-chart-cont {
		width: 580px;
		height: 580px;
		margin: 10px auto;
	}

	.h-core-knob {
		position: absolute;
		width: 160px;
		margin: 210px;
		box-shadow: 0px 12px 15px -2px rgba(0, 0, 0, 0.82);
    	border-radius: 50%;
		z-index: 6;
		
	}

	.h-core-canvas {
		position: absolute;
		margin: 90px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    	border-radius: 50%;
		z-index: 5;
	}

	.h-core-canvas-2 {
		position: absolute;
		margin: 75px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    	border-radius: 50%;
		z-index: 4;
	}

	.h-core-canvas-3 {
		position: absolute;
		margin: 55px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.00);
    	border-radius: 50%;
		z-index: 3;
	}

	.h-core-canvas-4 {
		position: absolute;
		margin: 35px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.00);
    	border-radius: 50%;
		z-index: 2;
	}

	.h-core-canvas-5 {
		position: absolute;
		margin: 15px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.00);
    	border-radius: 50%;
		z-index: 1;
	}

	.pie-controls-cont {
		margin: 0 auto;
		width: 580px;
		height: 100px;
	}

	.controls-1 {
		background-image: url(../images/home-knob-left.png);
		background-repeat: no-repeat;
	}
	
	.controls-2 {
		background-image: url(../images/home-knob-middle.png);
		background-repeat: no-repeat;
	}

	.controls-3 {
		background-image: url(../images/home-knob-right.png);
		background-repeat: no-repeat;
	}

	.pie-controls-1 {
		float: left;
		width: 250px;
		height: 100px;
	}

	.pie-controls-2 {
		float: left;
		width: 80px;
		height: 100px;
	}

	.pie-controls-3 {
		float: left;
		width: 250px;
		height: 100px;
	}

	.pie-text-bot {
		margin: 0 auto;
		display: block;
	}

	.pie-chart-overlay {
		position: relative;
		width: 880px;
		height: 600px;
		margin: -597px 0px 6px;
		background-repeat: no-repeat;
		z-index: 5;
		opacity: 0;
		transition: opacity 800ms ease-in-out; 
	}

	.h-over-1 {
		background-image: url(../images/home-knob-left-overlay.png);
		opacity: 1;
	}

	.h-over-2 {
		background-image: url(../images/home-knob-middle-overlay.png);
		opacity: 1;
	}

	.h-over-3 {
		background-image: url(../images/home-knob-right-overlay.png);
		opacity: 1;
	}

	.h-ht a {
		text-shadow: 0px 0px 1px #000;
	}

	.h-s7-form input[type=text] {
		width: 140px;
		margin-bottom: 12px;
		padding: 8px 10px;
		background-color: #2d323f;
		border: 1px solid #434956;
		border-radius: 3px;
		font-size: 12px;
		color: #fff;
	}

	.h-s7-form input[type=text]:nth-child(2) {
		float: right;
	}

	.ips-cont {
		margin-top: 50px;
	}

	.ips-cont p {
		margin: 0px;
	}

	.ips-cont .ips-l-div {
		float: left;
		margin-right: 20px;
	}

	.ips-cont input[type=text],
	.ips-cont input[type=email],
	.ips-cont input[type=tel] {
		width: 298px;
		margin-bottom: 16px;
		padding: 8px 10px;
		border: 1px solid #dee6e6;
		border-radius: 3px;
		font-size: 12px;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.ips-cont select {
		width: 320px;
		height: 33px;
    	margin-bottom: 16px;
    	padding: 8px 10px;
    	border: 1px solid #dee6e6;
    	border-radius: 3px;
    	font-size: 12px;
    	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.ips-cont .row {
		margin: 0px;
	}

	.ips-cont .row-space {
		margin-bottom: 20px;
	}

	.ips-cont .row-space-10 {
		margin-bottom: 10px;
	}

	.ips-cont .q {
		margin-bottom: 4px;
		color: #556879;
	}

	.ips-cont .li-l li {
		float: left;
		margin-right: 16px;
	}

	.ips-cont .note {
		margin-left: 16px;
    	margin-bottom: 6px;
    	font-size: 12px;
	}

	.s-s2 .ips-cont .h3 {
		margin-top: 40px;
	}

	.ips-cont .ul-a {
		margin-left: 12px;
		font-size: 13px;
		font-weight: 400;
		color: #272727;
	}

	.ips-cont .ul-ad li {
		margin-bottom: 6px;
	}

	.ips-cont img {
		margin: 30px auto;
		display: block;
	}

	.ips-cont input[type=submit] {
		width: 160px;
		padding: 12px;
		border-bottom: 2px solid #81919b;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-radius: 3px;
		font-size: 10px;
		font-weight: 700;
		color: #fff;
		letter-spacing: 1px;
		background-color: #a1b2bc;
		display: inline-block;
		cursor: pointer;
	}

	.ips-cont textarea {
		width: 408px;
		min-height: 80px;
    	margin-bottom: 16px;
    	padding: 8px 10px;
    	border: 1px solid #dee6e6;
    	border-radius: 3px;
    	font-size: 12px;
    	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.error-input {
		border-color: #D00A0A !important;
	}

	.error-q {
		color: #D00A0A !important;
	}

	#container {
		position: relative; 
		font-size: 0;
	}

	.slide {
		border: none; 
		opacity: 0; 
		position: absolute; 
		top: 0; 
		left: 0;
		-webkit-transition: opacity 2s linear;
		-moz-transition: opacity 2s linear;
		-o-transition: opacity 2s linear;
		transition: opacity 2s linear;
	}

	.showMe {
		opacity: 1;
	}

	#general_contact_form {
		margin-top: 8px;
	}

	.s-login-form {
		width: 500px;
		margin: 50px auto;
		text-align: center;
	}

	.s-login-user-cont {
		margin-bottom: 6px;
	}

	.s-login-user {
		margin: 0px;
		width: 74px;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #747474;
		margin-right: 18px;
	}

	.s-login-user-input {
		width: 228px;
		margin-bottom: 16px;
		padding: 8px 10px;
		border: 1px solid #dee6e6;
		border-radius: 3px;
		font-size: 12px;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.s-login-pw-cont {
		margin-bottom: 10px;
	}

	.s-login-pw {
		margin: 0px;
		width: 74px;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #747474;
		margin-right: 18px;
	}

	.s-login-pw-input {
		width: 228px;
		margin-bottom: 16px;
		padding: 8px 10px;
		border: 1px solid #dee6e6;
		border-radius: 3px;
		font-size: 12px;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.s-login-submit {
		width: 160px;
		padding: 12px;
		border-bottom: 2px solid #81919b;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-radius: 3px;
		font-size: 10px;
		font-weight: 700;
		color: #fff;
		letter-spacing: 1px;
		background-color: #a1b2bc;
		display: inline-block;
		cursor: pointer;
	}

	.scp-hb {
		background-color: #556879;
	}

	.scp-hb-cnt {
		max-width: 1154px;
		padding: 28px 0px;
	}

	.scp-hb-cnt h2 {
		font-weight: 300;
		color: #7a8b9b;
		font-size: 18px;
	}

	.scp-hb-cnt h3 {
		font-weight: 400;
		color: #e6e7eb;
		font-size: 20px;
	}

	.scp-hb-cnt div {
		float: left;
	}

	.scp-hb-cnt a {
		float: right;
		background-color: #4b5e6f;
		color: #fff;
		padding: 10px 10px;
		font-size: 14px;
		margin: 7px 0px;
	}

	.scp-hb-cnt .fa-times-circle {
		margin-right: 6px;
	}

	.scp-s1 {
	}

	.scp-s1-img {
		width: 880px;
	}

	.scp-s1-links-cont {
	}

	.scp-s1-links-cont p {
		padding: 5px 0px;
		font-size: 14px;
		color: #fff;
	}

	.scp-s1-l1 {
		float: left;
		background-color: #7b9e4e;
		width: 220px;
		padding: 5px 0px;
	}

	.scp-s1-l1 img {
		float: left;
		width: 30px;
    	margin: 5px 14px;
	}

	.scp-s1-l2 {
		float: left;
		background-color: #4b5e6f;
		width: 220px;
		padding: 5px 0px;
	}

	.scp-s1-l2 img {
		float: left;
		width: 30px;
    	margin: 5px 14px;
	}

	.scp-s1-l3 {
		float: left;
		background-color: #c79a23;
		width: 220px;
		padding: 5px 0px;
	}

	.scp-s1-l3 img {
		float: left;
		width: 30px;
    	margin: 5px 14px;
	}

	.scp-s1-l4 {
		float: left;
		background-color: #4d969d;
		width: 220px;
		padding: 5px 0px;
	}

	.scp-s1-l4 img {
		float: left;
		width: 30px;
    	margin: 5px 14px;
	}

	.scp-s2 {
	}

	.scp-s2-l-t {
		margin-top: 30px;
	}

	.scp-s2-l-t .l1 {
		float: left;
		border-left: 12px solid #7b9e4e;
		background-color: #e0e0e0;
	}

	.scp-s2-l-t .l1 img {
		float: right;
	}

	.scp-s2-l-t .l2 {
		float: right;
		border-right: 12px solid #4b5e6f;
		background-color: #e0e0e0;
	}

	.scp-s2-l-t .l2 img {
		float: left;
	}

	.scp-s2-l {
		width: 396px;
		padding: 10px 10px;
	}

	.scp-s2-l img {
		width: 80px;
		padding: 14px 20px;
	}

	.scp-s2-l h3 {
		padding: 4px;
		font-size: 16px;
		font-weight: 300;
		color: #4b5e6f;
	}

	.scp-s2-l p {
		padding: 0px 4px;
		font-size: 12px;
		line-height: 17px;
	}

	.scp-s2-l-b {
		margin: 22px 0px;
	}

	.scp-s2-l-b .l3 {
		float: left;
		border-left: 12px solid #c79a23;
		background-color: #e0e0e0;
	}

	.scp-s2-l-b .l3 img {
		float: right;
	}

	.scp-s2-l-b .l4 {
		float: right;
		border-right: 12px solid #4d969d;
		background-color: #e0e0e0;
	}

	.scp-s2-l-b .l4 img {
		float: left;
	}

	.scp-s3 {
		background-color: #eeeeee;
		padding: 50px 0px;
	}

	.scp-s3-inves-news {
		border-bottom: 1px solid #D4D7DA;
		margin-bottom: 30px;
	}

	.scp-s3-inves-news img {
		float: left;
		width: 100px;
    	padding: 0px 20px 20px 0px;
	}

	.scp-s3-inves-news h3 {
		padding: 4px;
		font-size: 16px;
		font-weight: 300;
		color: #5A71A9;
	}

	.scp-s3-inves-news p {
		padding: 0px 4px;
		font-size: 14px;
		line-height: 22px;
		padding-right: 32px;
	}

	.scp-s3-news-entry {
		margin-bottom: 30px;
	}

	.scp-s3-news-entry img {
		width: 134px;
		height: 138px;
		margin: 0px 40px 20px 0px;
		object-fit: cover;
		float: left;
	}

	.scp-s3-news-entry h4 {
		padding: 4px;
		font-size: 16px;
		font-weight: 700;
		line-height: 0.2;
		color: #444958;
	}

	.scp-s3-news-entry .date {
		padding: 6px 4px;
		font-size: 10px;
		color: #737F8A;
	}

	.scp-s3-news-entry p {
		padding: 0px 4px;
		font-size: 14px;
		line-height: 22px;
		padding-right: 32px;
	}

	.scp-s3-news-entry a {
		margin-top: 18px;
		padding: 10px 30px;
		border-radius: 3px;
		border-bottom: 2px solid #81919b;
		font-size: 10px;
		letter-spacing: 1px;
		background-color: #a1b2bc;
		display: inline-block;
		font-weight: 700;
		color: #fff;
	}

	.h-footer-r-text {
		color: #a1b2bc;
		font-size: 11px;
		position: absolute;
		bottom: 0;
	}

	.webinar-title {
		margin-top: 30px;
	}

	.webinar-title h3 {
		font-size: 16px;
		font-weight: 400;
		color: #5983A2;
		margin-bottom: 10px;
	}

	.webinar-title p {
	}

	.webinar-list {
		margin: 30px 0px;
	}

	.webinar-list h4 {
		font-size: 14px;
		font-weight: 400;
		color: #5983A2;
		margin-bottom: 10px;
	}

	.webinar-list li {
		
	}

	.webinar-list li:nth-child(odd) {
		background-color: #eeeeee;
	}

	.webinar-list li p {
		padding: 18px 10px;
		color: #000;
		font-weight: 700;
		float: left;
		font-size: 11px;
	}

	.webinar-list li .webinar-reg {
		float: right;
		color: #5983A2;
		font-weight: 400;
		padding: 14px 10px;
	}

	.webinar-list li .webinar-reg img {
		width: 30px;
    	padding: 0px 10px;
	}

	.webinar-det {
		float: right;
		margin: 11px 20px;
		padding: 10px 30px;
		border-radius: 3px;
		border-bottom: 2px solid #81919b;
		font-size: 10px;
		letter-spacing: 1px;
		background-color: #a1b2bc;
		display: inline-block;
		font-weight: 700;
		color: #fff;
	}

	.webinar-title-dl {
		margin-top: 30px;
	}

	.webinar-title-dl h3 {
		font-size: 18px;
		font-weight: 400;
		color: #5983A2;
		margin-bottom: 10px;
	}

	.webinar-title-dl p {
	}

	.webinar-list li .webinar-dl {
		float: right;
		color: #7a9d4e;
		font-weight: 400;
		padding: 14px 10px;
	}

	.webinar-list li .webinar-dl img {
		width: 30px;
    	padding: 0px 10px;
	}

	.scp-s2-ps {
		margin: 38px 0px;
	}

	.scp-s2-ps div {
		float: left;
	}

	.scp-s2-ps p {
		font-size: 11px;
		float: left;
		margin-right: 8px;
    	margin-top: 5px;
    	color: #A2A1A1;
	}

	.scp-s2-ps input {
		float: left;
		width: 238px;
		margin-right: 30px;
		padding: 6px 10px;
		border: 1px solid #dee6e6;
		border-radius: 3px;
		font-size: 12px;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		font-family: 'Lato', sans-serif;
	}

	.s-s2-rc {
		padding: 60px 0px;
	}

	.rep-select {
		margin-bottom: 50px;
	}

	.rep-select a {
		float: left;
		margin-right: 10px;
		color: #525D7D;
		background-color: #F5F5F5;
		padding: 8px 0px;
		font-size: 12px;
		font-weight: 400;
		width: 90px;
		text-align: center;
	}

	.rep-select a:hover {
		color: #fff;
		background-color: #303652;
	}

	.rep-row {
		margin-bottom: 30px;
	}

	.rep-entry {
		width: 410px;
		float: left;
		margin-right: 30px;
	}

	.rep-entry img {
		width: 100px;
		height: 100px;
		margin: 0px 20px 20px 0px;
		object-fit: cover;
		float: left;
		border: 2px solid #95A8B1;
	}

	.rep-entry img:hover {
		border: 2px solid #303652;
	}

	.rep-entry h4 {
		padding: 4px;
		font-size: 14px;
		font-weight: 700;
		line-height: 0.2;
		color: #444958;
		margin: 10px 0px 12px;
	}

	.rep-entry p {
		padding: 0px 4px;
		font-size: 14px;
		line-height: 22px;
		padding-right: 32px;
	}
	
	.h-footer-r-text a {
		color: #fff;
	}

	.pic-hover {
		padding: 5px;
	}

	.pic-hover:hover {
		box-shadow: 0px 0px 5px #3372df;
	}

/** mobile site styles **/

  /* mobile */
@media only screen and (max-width:767px) {
	.h-vbg {
		height: 458px !important;
	}
	
	.h-vbg.toggled {
		height: 694px !important;
	}
	
	.h-hb,
	.h-s7-l,
	.h-footer-rel {
		text-align: center;
	}
	
	.h-hb h2 {
		font-size: 22px;
	}
	
	.h-s1-t-l,
	.h-s1-t-r,
	.h-s3-t-l,
	.h-s5-l,
	.h-s5-r,
	.h-s7-l,
	.h-s7-r,
	.h-footer-l,
	.h-footer-r {
		width: initial;
	}
	
	.h-s1-t-r,
	.h-s7-l,
	.h-s7-r,
	.h-footer-l,
	.h-footer-ul,
	.h-footer-r {
		float: none;
	}
	
	.h-s3-t-a-2,
	.h-footer-ul {
		margin: 0px;
	}
	
	.h-s3-t-l {
		padding: 0px 20px;
	}
	
	.h-s3-t-a-1 {
		margin: 0px auto 10px;
	}
	
	.h-s3-t-a-2,
	.h-s5-form input[type=submit],
	.h-s6 a,
	.h-s7-form input[type=submit] {
		margin: 0px auto;
	}
	
	.h-s3-t-l a.h-s3-t-a-1,
	.h-s3-t-l a.h-s3-t-a-2,
	.h-s5-form input[type=submit],
	.h-s6 a,
	.h-s7-form input[type=submit] {
		display: block;
	}
	
	.h-s3-t-l a.h-s3-t-a-1,
	.h-s3-t-l a.h-s3-t-a-2,
	.h-s6 a {
		width: 120px;
	}
	
	.h-s5-form input[type=text], 
	.h-s5-form input[type=email], 
	.h-s5-form input[type=tel], 
	.h-s5-form textarea,
	.h-s7-form input[type=email] {
		width: 258px;
		margin: 0px auto 16px;
	}
	
	.h-s5-form input[type=submit],
	.h-s7-form input[type=submit] {
		width: 210px;
	}
	
	.h-s7-l {
		margin-bottom: 60px;
	}
	
	.h-s7-r h4 {
		margin: 10px 0px 30px;
	}
	
	.h-footer-ul li {
		margin-bottom: 8px;
	}
	
	.h-footer-l p {
		margin-bottom: 20px;
	}
	
	.h-footer-divide {
		visibility: hidden;
		display: block;
		height: 0px;
	}
	
	.h-footer-social {
		position: initial;
		right: initial;
		bottom: initial;
		text-align: center;
    	margin: 40px 0px 10px;
	}
	
	.h-footer-social a:nth-child(1) {
		margin-left: 0px;
	}
	
	.h-footer-r-text {
		position: inherit;
	}
	
	.secondary-links-left li {
		float: none;
	}
	
	.secondary-links-left li p {
		margin: 0px 0px 14px 0px;
		border-left: 0px;
		padding-left: 0px;
		line-height: normal;
	}
}

  /* tablet */
@media only screen and (max-width:1024px) {
	.h-header {
		height: initial;
	}
	
	.h-vbg {
		height: 578px;
	}
	
	.h-vbg.toggled {
		height: 814px;
	}
	
	.h-hb {
		margin: 80px auto 0px;
		padding-bottom: 80px;
	}
	
	.h-s1-t-l,
	.h-s2-t-l,
	.h-s2-t-r,
	.h-s2-b-l,
	.h-s2-b-r,
	.h-s5-l,
	.h-s3-t-l,
	.h-s3-b a,
	.h-s5-r {
		float: none;
	}
	
	.h-s1-t-l,
	.h-s5-l {
    	margin: 0px auto;
	}
	
	.h-s1-t-l,
	.h-s2-t-l,
	.h-s2-t-r,
	.h-s2-b-l,
	.h-s2-b-r,
	.h-s5-l,
	.h-s3-t-l {
    	text-align: center;
	}
	
	.h-s1-bn {
		margin: 44px 0px 10px;
	}
	
	.h-s2-t-l,
	.h-s2-t-r,
	.h-s2-b-l,
	.h-s2-b-r {
		margin: 0px auto 18px;
	}
	
	.h-s3 {
		padding: 80px 0px;
	}
	
	.h-s3-sw {
		width: initial;
	}
	
	.h-s3-t-l {
    	margin: 0px auto 60px;
	}
	
	.h-s3-b a {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	
	.h-s5-r {
		margin: 40px auto 0px;
	}
	
	.s-s2 img {
		width: 100%;
	}
	
	.h-footer-l {
		width: 360px;
	}
}

  /* desktop */
@media only screen and (min-width:1025px) {
	.h-vbg {
		object-fit: initial;
	}
}

.h-footer-r {
  width: 320px;
}
.h-footer-r-text {
  width: 350px;
}
.h-footer-l {
  width:560px;
}
