html, body {margin:0;padding: 0;height:100%;background: #e7e7e8;}

/* Nav CSS */
body {padding-left:80px;font-family: "Circular-Book-S";}
@media (max-width: 720px), (max-height: 620px) {
body {padding-left:0;}
}


/* Basic Settings */

a {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;}
input {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
input, select {outline: none;}
input::placeholder {color:#fff}
select {-webkit-appearance: none;}
select::-ms-expand {display: none;}
a:focus, input:focus {outline: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

@font-face {font-family: "Circular-Book-S"; src: url(../fonts/lineto-circular-book.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-book.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-book.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-BookItalic-S"; src: url(../fonts/lineto-circular-bookItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-bookItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-bookItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-Medium-S"; src: url(../fonts/lineto-circular-medium.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-medium.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-medium.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-MediumItalic-S"; src: url(../fonts/lineto-circular-mediumItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-mediumItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-mediumItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-Bold-S"; src: url(../fonts/lineto-circular-bold.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-bold.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-bold.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-BoldItalic-S"; src: url(../fonts/lineto-circular-boldItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-boldItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-boldItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-Black-S"; src: url(../fonts/lineto-circular-black.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-black.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-black.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}
@font-face {font-family: "Circular-BlackItalic-S"; src: url(../fonts/lineto-circular-blackItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt); src: url(../fonts/lineto-circular-blackItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-blackItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff"); font-weight: normal; font-style: normal}

/* header */

header {position:relative;width:100%;box-sizing: content-box;background: #fff;}
header section {padding:40px 2.5%;width:95%;}


header div.svgHolder {width:50%;max-width:250px;}
header section nav.overviewNav {display: flex;flex-wrap: wrap;justify-content: center;}
header section nav.overviewNav a {display:inline-block;padding:8px 0px;margin-left:30px;font-family: "Circular-Medium-S"; color:#939597;border-bottom:1px solid #fff;}
header section nav.overviewNav a:hover {color:#005a96;border-bottom:1px solid #005a96; }

header section:first-of-type {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

header section.headerSearch, header section.headerFilter {}
header section.headerSearch {background: #005a96;}
header section.headerFilter {position:relative;background: #13284b;}

header section.headerSearch {padding:20px 2.5%;}
header section.headerFilter {padding:5px 2.5%;}

@media (max-width: 1700px) { 
  header section {padding:30px 2.5%;width:95%;}
}

@media (max-width: 1000px) {
}

@media (max-width: 720px), (max-height: 620px) {
  header div.svgHolder {display: none;}
  header section nav.overviewNav {width:100%;}
  header section nav.overviewNav a {margin:0 15px;}
  header section {padding:30px 2.5%;width: 95%;}
  header section.headerFilter {padding:5px 2.5%;width: 95%;}
  header section.headerSearch {padding:20px 2.5%;width: 95%;}
}

header section.headerFilter p.loginIdentity {margin:0;padding:8px 0;color:#fff;text-align:right;}
header section.headerFilter p.loginIdentity a {font-family: "Circular-Bold-S";color:#41b6e6;}
header section.headerFilter p.loginIdentity a:hover {color:#8fc53c;}

@media (max-width: 768px) {
  header section.headerFilter p.loginIdentity {
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
}

header h1 {font-size:30px;margin:0;padding:0;color:#fff;font-family: "Circular-Book-S"; font-weight: normal;}

/* main */

main {width:95%;padding:50px 2.5%;color:#999;min-height:533px;background: #fff;}
h1 {font-size:62px;padding-bottom: 45px;color:#939597;}
h1 small {font-size:20px;font-family: "Circular-Book-S";vertical-align: top;position: relative;top:28px;display: inline-block;margin-left:40px;}
h1 small span {vertical-align: top;position: relative;top:2px;display: inline-block;margin-right:5px;}

main section > div {}

main section > h4 {color:#939598;text-transform: uppercase;font-size:36px;font-family: "Circular-Black-S";padding:25px 0;border-bottom:5px solid #939598;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

@media (max-width: 720px) {
  main section > h4 {font-size:24px;}
}

main nav.inPageNav {display:flex;flex-wrap:wrap;padding-bottom:24px;position: relative;left:-18px;}
main nav.inPageNav a {display:inline-block;color:#939598;margin-top:12px;margin-left:18px;margin-right:18px;border-bottom:1px solid #fff;padding:8px;}
main nav.inPageNav a:first-of-type {}
main nav.inPageNav a:hover {color:#005a96;border-bottom:1px solid #005a96;}
main nav.inPageNav a.inUse {color:#005a96;border-bottom:1px solid #005a96;}
main nav.inPageNav span {display:inline-block;}

main nav a.inPageNavSelected {border-bottom:1px solid #005a96;}

@media (max-width: 575px) {
  main nav.inPageNav a {margin-left:2.5%;margin-left:0;}
}

@media (max-width: 1300px) {
  h1 small {font-size: 16px;display: block;top:8px;line-height: 28px;}
  h1 small span {top:6px;}
}

@media (max-width: 720px) {
  main {width:90%;padding: 30px 5%;}
  header h1 {font-size: 24px;}
  h1 small {font-size:14px;margin-left:10px;}
  header section.headerSearch {padding: 20px 5%;width:90%;}
  main nav.inPageNav {left:0;adding-bottom: 15px;}
}


/* footer */
footer {position:relative;background: #e7e7e8;padding:0 0 5px 2.5%;width:97.5%;}
footer div.svgHolder {width:50%;max-width:200px;position: absolute;top:43px;right:2.5%;}
footer section {width:97.5%;padding:40px 2.5% 40px 0;}
footer section:first-of-type {border-bottom:1px solid #939598;}

footer nav, footer nav a {color:#939598;}
footer nav a {}
footer nav.social {position:relative;top:-10px;font-size:30px;float:right;}
footer nav.social a {margin-left:5px;}

footer nav.footerTopNav {font-family: "Circular-Black-S";font-size:28px;text-transform: uppercase;}
footer nav a:hover {color:#005a96;}

@media (max-width: 900px) {
  footer div.svgHolder {position:relative;display: block;top:0;right:auto;}
  footer nav.footerTopNav {margin-top:30px;font-size: 24px;}
  footer nav.social {float: none;margin-bottom:20px;}
}

@media (max-width: 720px) {
  footer {background: #e7e7e8;padding:5px 5%;width:90%;}
}

@media (max-width: 600px) {
  footer div.svgHolder {margin:0 auto;}
  footer nav.footerTopNav {margin-top:20px;font-size: 16px;text-align: center;}
  footer nav.social {text-align: center;font-size: 24px;}
  footer nav.footerBotNav {font-size: 12px;text-align: center;}
  footer nav.footerBotNav span {display: block;line-height: 30px;}
}


/* Content Show/Hide */

a.reveal {cursor: pointer;}
a.reveal span {font-size: 16px;background: #fff;padding:0 0 0 8px;position: relative;top:0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;}
a.reveal span.spunDown {transform: rotate(90deg);top:-3px;}
div.revealDiv {
  max-height:0px;
  width:100%;
  opacity:0;
  overflow: hidden;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
div.revealDiv.revealed {
  max-height:1200px;
  width:100%;
  opacity:1;
  -webkit-transition: all .75s ease-in-out;
  -moz-transition: all .75s ease-in-out;
  -o-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
}

/* Show/Hide End */


/* angled SVG styes for slanted content blocks */

svg.angledSVG {width: 100%;}
svg.angledFooterSVG {width: 100%;position: relative;top:5px;}

@media (max-width: 900px) {
    svg.angledSVG {display:none;}
    svg.angledFooterSVG {display:none;}
}

/* downloads styling */

section.downloadZone div {display: inline-block;}
section.downloadZone div.fullFieldSet {width:100%;}
section.downloadZone div.bigFieldSet {width:65%;margin-right:5%;}
section.downloadZone div.smallFieldSet {width:30%;vertical-align: top;}

section.downloadZone fieldset {
  position:relative;
  margin:30px 0;
  border-radius: 5px;
  border:2px solid #dedede;
  display:inline-block;
  width:100%;
  padding:20px 20px 10px 20px;
  box-sizing: border-box;}

section.downloadZone fieldset legend {
  padding:12px 20px;
  background:#fff;
  border-radius: 5px;
  font-size:18px;
  text-transform:uppercase;
  font-family: "Circular-Bold-S";
  color:#005a96;}

section.downloadZone fieldset hr {border:0;border-bottom: 2px solid #dedede;margin:5px 0 25px 0;}

section.downloadZone fieldset p, section.downloadZone fieldset li {margin:0;padding:0 8px;font-size:20px;}
section.downloadZone fieldset h2 {margin:0;padding:0 8px 15px 8px;color:#646464;}
section.downloadZone fieldset li  {line-height: 30px;}

section.downloadZone fieldset p {padding-bottom:20px;}
section.downloadZone fieldset p a {color:#005a96;}
section.downloadZone fieldset p a:hover {color:#13284b;}
section.downloadZone fieldset a.btn {margin:0 8px 20px 8px;}

@media (max-width: 1200px) {
  section.downloadZone div {display: block;}
  section.downloadZone div.bigFieldSet {width:100%;margin-right:0%;}
}