/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.2em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/*--------------------------------------------------------------
# General Typography
--------------------------------------------------------------*/
body {overflow-x: hidden;
	font-family:'Roboto', Arial, Helvetica, sans-serif; 
	font-style:normal; 
	font-size:16px; 
	font-weight:300; 
	color:#434343; 
	line-height:1.5;
}
h1,h2,h3,h4,h5,h6,p,ul {
	padding-left: 0px;
	padding-right: 0px;
}
p{ margin-top:0}
#one h3 { 
	font-size: 30px; 
	color:#707070; 
	line-height:32px;
	font-weight: 300;
	margin: 20px 0;
}


h4 { 
	font-size: 24px; 
	color:#70BA44; 
	line-height:28px;
	font-weight: 400;
	margin: 0px 0;
}

h6.text {margin-top:-20px;}
h6.strong {
	font-size: 20px;
	font-weight:600;
	line-height: 26px;
}

.intro {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	color: #707070;
}
.strong, strong {font-weight:700;}
.semibold {font-weight:400;}
.medium {font-weight: 500;}
.regular {font-weight: 400;}
.light {font-weight: 300;}
.caps {text-transform: uppercase;padding-left:20px; font-size:15px}
.caption {
    font-style:italic;
	font-size:14px;
	font-weight:400;
	color:#4D4D4F;
	line-height:18px;
}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}
/* Font sizes */
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs17 {
	font-size: 17px;
}
.fs20 {
	font-size: 20px;
}
.fs24 {
	font-size: 24px;
}
.fs26 {
	font-size: 26px;
	line-height: 26px;
}
.fs30 {
	font-size: 30px;
	font-weight: 300;
}
.fs35 {
	font-size: 35px;
	font-weight: 300;
}
.fs45 {
	font-size: 45px;
	font-weight: 300;
}
/* End font sizes */
/* Colors */
.white {color: #fff;}
.black {color: #000;}
.teal {color: #005B80;}
.blue {color: #2778A7;}
.lime {color: #D2E390;}
.text {color: #4C4D4F;}
.midblue {color: #0070B6;}
.darkgrey {color: #4D4D4F;}
.dark-blue {color:#004051}
.lightblue {color: #E3E8F5;}
.lightgrey {color: #E6E7E8;}
.green {color: #70BA44;}
.lightgreen {color: #F1F7E7;}
.aqua {color: #82C2A9;}
.light-aqua {color: #F1F9F5;}
/* End colors */
/* Backgrounds */
.bg-white {background: #fff;}
.bg-black {background: #000;}
.bg-teal {background: #005B80;}
.bg-lime {background: #D2E390;}
.bg-text {background: #707070;}
.bg-midblue {background:#0271B8;}
.bg-darkgrey {background: #235161;}
.bg-lightblue {background: #E4EAF6;}
.bg-xlightblue {background: #D6DEF1;}
.bg-lightgrey {background: #E6E7E8;}
.bg-xlightgrey {background: #D9DEE2;}
.bg-green {background: #6FBB44;}
.bg-lightgreen {background:#F1F7E8;}
.bg-aqua {background:#8BCFBA;}
.bg-light-aqua {background:#F3F9F7;}
/* End backgrounds */
.bc-midblue {border-color: #0070B6 !important;}
.lh0 {line-height:0;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {max-width:100%;}
ul {-webkit-padding-start:36px;padding-inline-start:36px;}
.nomargin {margin:0;}
.nopadding-y {padding-top:0;padding-bottom:0;}
.padding-20 {padding:20px;}
.padding-y-20 {padding-top:20px;padding-bottom:20px;}
.padding-x-20 {padding-left:20px;padding-right:20px;}
.padding-t-40 {padding-top: 40px;}
.padding-l-10 {padding-left: 10px;}
.padding-r-10 {padding-right: 10px;}
.padding-b-10 {padding-bottom: 10px;}
.padding-b-20 {padding-bottom: 20px;}
.padding-l-20 {padding-left: 20px;}
.padding-l-30 {padding-left: 30px;}
.padding-r-30 {padding-right: 30px;}
.margin-r-20 { margin-right: 20px;}
.margin-x-20 {margin-left:20px;margin-right:20px;}
/* Start header */
.header-top a {
	position: relative;
	z-index: 3;
}
.header-top > div {
	margin: 33px 0;
}
.header-bottom {
	margin: 50px 0 50px 0;
	float:right;
	max-width: 480px;
	text-align: right;
	font-weight: 400;
	font-size: 21px;
}
header {
	min-height: 242px;
}
body#one {
	background: url("../imgs/cover-strip.png") center top no-repeat;
}
.home .home-minuss {margin-top: -550px}

body header .header-top img {margin-left:40px}

/* End header */
/* Tables */
table {

	border-spacing: 0;
	font-size: 16px;
}
th {
	font-weight: 600;
	color: #707070;

}

tr.spacer {
	height: 20px;
}
td.spacer, th.spacer {
	width: 60px;
}
.indent15 {
	padding-left: 15px;
}
.finthickblue > td, .finthickblue { border-bottom:2px solid #005B80; }
.finthickgrey > td, .finthickgrey { border-bottom:2px solid #4D4D4F; }
.fingrey { border-bottom:1px solid #4D4D4F; }
.fingrey-t { border-top:1px solid #4D4D4F; }
.fingrey-r { border-right:1px solid #4D4D4F; }
.fingrey-l { border-left:1px solid #4D4D4F; }
.col-w-135 {
	width: 135px;
}
.col-w-70 {
	width: 70px;
}
/* End tables */
/* Columns */
.table {
	display:table;
}
.table > div {
	display:table-cell;
}
.row {
	width: 100%;
	content: "";
	display: table;
	clear: both;
}
.row > div {
	box-sizing: border-box;
	float: left;
}
.col-one-quarter {width:25%;}
.col-one-third {width: 33.333333%}
.col-one-half {width:48%;}
.col-three-quarters {width:75%;}
/* End columns */
/* Positioning */
.fixed-container {
	width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}

.breadcrumb {width: 1280px; margin: 0 auto; padding: 0 20px;}


.fullwidth-container {
	width: auto;
}
.relative {
	position: relative;
}
.position-bottom-right {
	position: absolute;
	left: 20px;
	bottom: 50px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	content: "";
	display: table;
	clear: both;
}
.middle {
	margin-right: auto;
	margin-left: auto;
}
/* End positioning */
.headlines {
    width: 1300px;
    margin-left: -20px;
}
.headlines > div {
	padding-left: 20px;
}
.bg-header {
	text-transform: uppercase;
	font-size: 24px;
	/*height: 40px;*/
	padding: 0 20px;
	font-weight: 400;
}
.section-h135, .section-h100, .bg-header {margin-bottom:6px;}
.section-h135 {height: 155px;}
.section-h100 {height: 115px;}
.section-h135,
.section-h100 {
	padding: 20px;
	box-sizing: border-box;
    display: flex;
    align-items: center;
}
.section-h135 > div > *,
.section-h100 > div > * {
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
.hyprop-overview {
    width: 1300px;
    margin-left: -20px;
}
.hyprop-overview h5.midblue {
	    padding: 0 0 2px;
    border-bottom: #0070B6 solid 3px !important;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 400;
    margin-top: 20px
}

.hyprop-overview .row {height:242px}
.hyprop-table {min-height:260px}

.hyprop-overview > div {
	padding-left: 20px;
}
.shadow {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.home-reports .row {height:777px}
.home-reports .col-one-quarter .shadow {min-height: 777px}

.home-reports p.button {position:absolute;bottom:0;left:20px}
.home-reports .col-one-half ul li strong { font-weight:400; font-size:20px}
.name {
	font-weight: 300;
	color: #8B8383;
	font-size: 20px;
	margin-bottom: 0;
	padding-left:20px;
}
.position {
	margin-top: 0;
}

img.arrow-left {float:left;padding-right: 10px;transform: scale(.6)}
.gutter {padding:0 20px}

/* Buttons */
p.button a {position: relative;display: inline-block;background: #005B80;box-shadow: 0px 4px 6px rgba(0,0,0,0.25);padding: 12px 50px 12px 33px;text-transform: uppercase;font-weight: 600;color: #fff;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-decoration: none}	
p.button a:after {content: '\ef38';font-family:icomoon;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size:22px;font-weight: 100}
p.button a:hover {color:#fff;background:#70BA44;}

/* Footer */
footer {
	margin-top: 60px;
}
footer a {
	background: #005B80;
	color: #fff;
	padding: 2px 0;
	fonts-zie: 11px;
	font-weight: 700;
}
footer a img {
	vertical-align: top;
}
footer .float-left span,
footer .float-right span {
	font-size: 14px;
}
footer p {
    line-height: 0.8;
}
footer .logo {
	width: 100px;
	max-height: 100px;
	margin-left:20px;
}
footer > div > img {
	padding: 0 0 30px 0;
}
footer .float-left a {
	padding-right: 36px;
}
footer .float-right a {
	padding-left: 36px;
}
footer .float-right {
	text-align: right;
}
footer p:first-child {
	margin-top: 0;
}
.copyright {
	margin-top: 20px;
}
footer a .icon-chevron-left-circle,
footer a .icon-chevron-right-circle {
	font-size: 23px;
	vertical-align: top;
}

footer div.float-left.pagination, footer div.float-right.pagination {width:180px;}
p#go-lft a, p#go-rgt a, p#go-lft a span, p#go-rgt a span {position:relative}
p#go-lft a, p#go-rgt a {color:#fff;background:#005B80;text-decoration: none;display: block}
p#go-lft a, p#go-rgt a {padding:8px 0;}
p#go-lft a {margin-left:53px;padding-left:30px;font-size:11px;font-weight: bold;text-transform: uppercase}
p#go-rgt a {margin-right:53px;padding-right:30px;font-size:11px;font-weight: bold;text-transform: uppercase}
p#go-lft a span {padding-left:10px}
p#go-rgt a span {padding-right:10px}	
	
p#go-lft a:before {content:'';position: absolute;left:-53px;top:0;width: 0;height: 0;border-style: solid;border-width: 0px 53px 27px 0;border-color: transparent #005B80 transparent transparent;}
p#go-lft a span:before {content: '\ef3a';font-family:icomoon;position: absolute;left:-20px;top: 50%;transform: translateY(-50%);font-size:22px;font-weight: 100;z-index: 99;}
		
p#go-rgt a:after {content:'';position: absolute;right:-53px;top:0;width: 0;height: 0;border-style: solid;border-width: 0px 0 27px 53px;border-color: transparent transparent transparent #005B80;}
p#go-rgt a span:after {content: '\ef38';font-family:icomoon;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);font-size:22px;font-weight: 100;z-index: 99;}
			
p#go-lft a:hover span:before {left:-30px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
p#go-rgt a:hover span:after {right:-30px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}	
			
p#go-lft a:hover, p#go-rgt a:hover {background:#70BA44}
p#go-lft a:hover:before {border-right-color: #70BA44;}
p#go-rgt a:hover:after {border-left-color: #70BA44;}
/* End footer */

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
	/* Links */	
		a {
			text-decoration: underline;
		}
	/* Menus */
		/* Main nav */
		nav ul {
			-webkit-padding-start: 20px;
			        padding-inline-start: 20px;
			padding-right: 20px;
		}
		.main-nav {
			margin-top: -96px;
		}
		nav * {
			white-space: normal;
		}

		.menu-header {
			color: #fff;
			background: #005B80;
			height: 65px;
			display: table-cell;
			vertical-align: middle;
			width: 450px;
		}
		.menu-header::before {
			content: "";
			display: block;
			height: 65px;
			background: #005B80;
			position: absolute;
			left: -980px;
			top: 0;
			width: 1000px;
		}
		.mega-menu-text {
			width: 490px;
		}
		/*nav .mega-menu-text a {color:#4D4D4F;}
		nav .mega-menu-text a:hover {color:#005B80;}
		nav .mega-menu-text li {
			font-size: 18px;
			padding: 8px 0;
			border-bottom: 1px #707070 solid;
			list-style: none;
		}
		nav .mega-menu-text li:last-child {
			border-bottom: 0;
		}*/
		.mega-menu-image {
			position: absolute;
			top:0;
			right:0;
		}
		.main-nav {
			background: #005B80 url("../imgs/menu-bg.png") no-repeat;
			background-size: cover;
			background-position: center;
			border: #fff solid 5px;
			border-left: 0;
			border-right: 0;
		}
		.main-nav div > button {
			display: inline-block;
			text-align:center;
		}
		nav.fixed-container {
			position: relative;
		}
		nav > div > div {
			display: inline-block;
		}
		nav button {
			display: inline-block;
			background: transparent;
			color: #fff;
			border: 0;
			vertical-align: middle;
			font-size: 16px; 
			text-decoration: none;
			height: 50px;
			max-width: 226.6px;
			margin: 0;
			padding: 0 33px;
			cursor: pointer;
		}
		.mega-menu {
			display: none;
			background: #E6E7E8;
			box-shadow: 0px 3px 6px rgba(0,0,0,0.305);
			position: absolute;
			height: 539px;
			width: 100%;
			left: 0;
			z-index: 2;
			color: #fff;
			top: 55px;
		}
		.nojs .menu-toggle:hover .mega-menu {display: block;}
		.menu-toggle > button {
			font-size: 26px;
			font-weight: 500;
		}
		.menu-toggle button > span {
			font-size: 26px;
			font-weight: 500;
		}
		/* Toolbar */
		.toolbar > .compare-toggle {
			display: none;
		}
		.toolbar {
			width: 45px;
			position: absolute;
			top: 122px;
			right: 0;
			background: #005B80;
			color: #fff;
			padding: 7px 0;
			z-index: 999;
		}
		.toolbar > a {
			display: block;
			width: 25px;
			padding:4px 10px;
		}
		.toolbar > a span {
			font-size: 25px;
			color: #fff;
		}
		a.download-style{text-decoration:none!important;color: #002B54;}
/*--------------------------------------------------------------
# Responsiveness
--------------------------------------------------------------*/