@charset "UTF-8";
@media only screen and (max-width: 1366px) {
  #container {
    width: 100% !important;
  }
  .dialsGrid br {
    display:inline-block !important;
  }
}
/*********** 1280 *************/
@media only screen and (max-width: 1280px) {
  body {
    font-size: 1.7vw !important;
  }
  h1 {
    font-size: 5.1vw !important;
  }
  h2 {
    font-size: 3.6vw !important;
  }
}
/*********** 1150 *************/
@media only screen and (max-width: 1150px) {
  :root {
    /* Padding */
    --padL: 6vw !important;
    --padT: 3vw !important;
    --padR: 2vw !important;
    --barHeight:7vw !important;
  }
  #menuOptions  {
    right:2vw !important;
  }
  #menuBars {
    width:3vw !important;
  }
  .menuBar {
    height:4px !important;
  }
  #awardsLeft {
    padding: var(--padT) var(--padL) 13vw var(--padL) !important;
  }
  #policies {
    padding: var(--padT) var(--padL) 15% var(--padL) !important;
  }
  li {
    font-size:.85em !important;
  }
}
/*********** 960 *************/
@media only screen and (max-width: 960px) {
  :root {
    /* Padding */
    --padL: 5vw !important;
    --padT: 2vw !important;
  }
  body {
    font-size: 2vw !important;
  }
  h1 {
    font-size: 5.1vw !important;
  }
  h2 {
    font-size: 3.6vw !important;
  }
  .noShow {
    display: none;
  }
  .menuBar {
    height:3px !important;
    margin:5px 0 0 0 !important;
  }
  .option {
    font-size:.85em !important;
  }
  #intro {
    padding: 3.5% 7% 9% 36% !important;
  }
  #awardsLeft .awardText {
    width:60% !important;
  }
  #callout4x2 {
    border-radius:1vw !important;
    padding:2.5% 3.5% 2.5% 13.5% !important;
    margin-left:-10%;
  }
}
/*********** 768 *************/
@media only screen and (max-width: 768px) {
  .bkgrd2 {
    background-image: url("../images/wavelength.png"), linear-gradient(to left, rgba(26, 40, 60, 0) 0%, rgba(26, 40, 60, 1) 85%), url("../images/bkgrd-1.jpg") !important;
  }
  .bkgrd3 {
    background-image: url("../images/wavelength.png"), linear-gradient(to right, rgba(26, 40, 60, 0) 10%, rgba(26, 40, 60, 1) 95%), url("../images/bkgrd-3.jpg") !important;
  }
  .bkgrd4 {
    background-image: url("../images/wavelength.png"), linear-gradient(to right, rgba(26, 40, 60, 0) 10%, rgba(26, 40, 60, 1) 95%), url("../images/bkgrd-4.jpg") !important;
  }
  .body2 {
    font-size: 1em !important;
  }
  .topBar {
    align-items:center !important;
  }
  #menu {
    margin:0 !important;
  }
  #menuBars {
    width:4vw !important;
  }
  .menuBar {
    height:3px !important;
    margin:4px 0 0 0 !important;
  }
  #awardsLeft .awardText, .awardText {
    width:100% !important;
  }
  #awardsRight .awardText {
    width:100% !important;
    //padding:0 0 4vw !important;
  }
  #awardsRight {
    flex-wrap:wrap !important;
    justify-content: space-between;
    align-items:flex-start;
    padding: var(--padT) var(--padL) 11% var(--padL) !important;
  }
  .dialsGrid br {
    display:none !important;
  }
  .gridRight {
    width:100% !important;
  }
  .awards3x1 {
    width:90% !important;
  }
  #callout3x1 {
    border-radius: 10em !important;
    border-right-width:3px !important;
    border-right-style:solid !important;
    padding:2.5% 3.5em 2.5% 3em !important;
  }
  .purpleBorder {
    border-color:var(--purple) !important;
  }
  .orangeBorder {
    border-color:var(--orange) !important;
  }
  .gridLeft {
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }
  .awards4x2 {
    width:100% !important;
  }
  #callout4x2 {
    align-items:flex-end !important;
    width:90% !important;
    border-radius:3vw !important;
    padding:8% 5% 5% !important;
    margin:-5% auto 0 !important;
  }
}
/*********** 640 *************/
@media only screen and (max-width: 640px) {
  :root {
    --waveSize:150% !important;
    --wavePos: right 12% bottom !important;
    --footerSize:130% !important;
    --barHeight:8vw !important;
  }
  body {
    font-size: 2.5vw !important;
  }
  .body2 {
    font-size: .9em !important;
  }
  #menuBars {
    width:5vw !important;
  }
  .bkgrd1 {
    background-position: var(--wavePos), left 17% top !important;
  }
  #intro {
    padding: 3.5% 7% 9% 30% !important;
  }
}
/*********** 480 *************/
@media only screen and (max-width: 480px) {
  :root {
    --padR: 3vw !important;
    --barHeight:10vw !important;
  }
  body {
    font-size: 3.5vw !important;
  }
  h1 {
    font-size: 5.8vw !important;
  }
  h2 {
    font-size: 4.3vw !important;
  }
  #menuOptions  {
    right:0 !important;
  }
  .option {
    font-size:.9em !important;
    padding:.7em 2.5em .7em 1.5em !important;
  }
  #menuBars {
    width:6vw !important;
  }
  .bkgrd1 {
    background-position: var(--wavePos), left 19% top !important;
  }
  #intro {
    padding: 3.5% 7% 12% 34% !important;
  }
  .dialsGrid br {
    display:inline-block !important;
  }
  .dialsGrid {
    //margin:0 0 1em !important;
  }
  .awards3x1 {
    width:90% !important;
  }
  #callout3x1 {
    border-radius: 2em !important;
    padding:2.5% 2em 2.5% !important;
  }
}
/*********** 375 *************/
@media only screen and (max-width: 375px) {
  #logo img {
    width:40vw !important;
  }
  #menuBars {
    width:7vw !important;
  }
}

/*********** Desktop *************/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
:root {
  /* Colors */
  --purple: #5556EF;
  --orange: #FFAF37;
  --orange85: #faaa46;
  --green: #0FBFAE;
  --lightgray: #929394;
  --mediumgray: #929394;
  --darkgray: #595A5c;
  --mediumslate: #44536a;
  --darkslate: #1a283c;
  /* Menu Bar */
  --barHeight:80px;
  /* Padding */
  --padL: 70px;
  --padT: 46px;
  --padR: var(--padL);
  /* Grid */
  --gridGap: .6em;
  /* Background */
  --waveSize:100%;
  --wavePos: right bottom;
  --footerSize:100%;
}
.white {
  color:#FFF;
}
body {
  background-color: #cdcdcd;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.25em;
  color: var(--darkslate);
  font-weight: 400;
  font-style: normal;
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0;
}
img {
  display: block;
}
.body2 {
  font-size: .8em;
  line-height: 1.35em;
}
h1 {
  font-size: 66px;
  line-height: 1.1em;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
h2 {
  font-size: 45px;
  line-height: 1.1em;
  font-weight: 400;
  font-style: normal;
  margin: .45em 0 1.1em 0;
}
#container {
  position: relative;
  background-color: #FFF;
  width: 1366px;
  margin: 0 auto;
  padding: 0;
  //overflow: hidden;
}
.light {
  font-weight:300;
}
strong {
  font-weight:700;
}
.topBar {
	position:sticky !important;
  display:flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  align-items: flex-end;
  height:var(--barHeight);
  padding: calc(var(--barHeight)*.325/2) var(--padR) calc(var(--barHeight)*.325/2)  var(--padL);
  background-color: #1a283c;
	top:0px;
  z-index:2;
}
#logo img {
  width:auto;
  height:calc(var(--barHeight)*.675);
}
/*** Hamburger Menu ***/
#menu {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content: flex-start;
  align-items: flex-end;
  width:auto;
  height:auto;
  margin:0 0 .5em;
  z-index:3;
}
#menuBars {
  position:relative;
  flex:0 0 auto;
  width:36px;
  height:auto;
  cursor:pointer;
}
.menuBar {
  position:relative;
  background-color:#FFF;
  flex:0 0 auto;
  width:100%;
  height:4px;
  margin:6px 0 0 0;
}
#menuOptions  {
	position:absolute;
  background-color:var(--darkslate);
  width:max-content;
  height:auto;
	top:var(--barHeight);
  right:var(--padR);
  padding:0 0 10px;
  z-index:4;
}
.option {
  position:relative;
  font-size:.7em;
  line-height:120%;
  color:#FFF;
  word-wrap: break-word;  
  white-space: normal;
  width:auto;
  height:auto;
  padding:.5em 2.5em .5em 1.5em;
  cursor:pointer;
}
.option:hover {
  background-color: var(--mediumslate) !important;
}
.disabled {
  color:#091F3F77 !important;
}

/*********** Pages *************/
.bkgrd {
  position:relative;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: var(--wavePos), left top, left center;
  background-size: var(--waveSize), 100%, cover;
  width:100%;
  height:auto;
}
.bkgrd1 {
  background-repeat: no-repeat, no-repeat;
  background-image: url("../images/wavelength.png"), url("../images/bkgrd-1.jpg");
  background-position: var(--wavePos), left top;
  background-size: var(--waveSize), cover;
}
.bkgrd2 {
  background-image: url("../images/wavelength.png"), linear-gradient(to left, rgba(26, 40, 60, 0) 20%, rgba(26, 40, 60, 1) 55%), url("../images/bkgrd-1.jpg");
  background-position: var(--wavePos), left top, right center;
}
.bkgrd3 {
  background-image: url("../images/wavelength.png"), linear-gradient(to right, rgba(26, 40, 60, 0) 30%, rgba(26, 40, 60, 1) 70%), url("../images/bkgrd-3.jpg");
}
.bkgrd4 {
  background-image: url("../images/wavelength.png"), linear-gradient(to right, rgba(26, 40, 60, 0) 15%, rgba(26, 40, 60, 1) 60%), url("../images/bkgrd-4.jpg");
}
.footer1 {
  background-image: url("../images/wavelength.png"), url("../images/footer-1.png");
  background-size: var(--waveSize), var(--footerSize);
  background-position: var(--wavePos), left bottom;
}
.footer2 {
  background-image: url("../images/wavelength.png"), url("../images/footer-2.png");
  background-size: var(--waveSize), var(--footerSize);
  background-position: var(--wavePos), left bottom;
}
#intro {
  padding: 5% 14% 12% 36%;
}
#intro p {
  margin:0 0 1em;
}
#awardsLeft {
  color:#FFF;
  padding: var(--padT) var(--padL) 170px var(--padL);
}
#awardsRight {
  display:flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  align-items:flex-start;
  padding: var(--padT) 0 6.5% var(--padL);
}
.green {
  background-color:var(--green);
}
.purple {
  background-color:var(--purple);
}
.awardText {
  position:relative;
  width:44%;
}
#awardsLeft .awardText {
  width:50%;
}
.awardText > p {
  margin:0 0 1.65em;
}
/* 4 Image Grid */
.gridLeft {
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  justify-content: flex-start;
  align-items:center;
  width:100%;
}
.awards4x2 {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:var(--gridGap);
  row-gap:var(--gridGap);
  width:62%;
  z-index:1;
}
#callout4x2 {
  position:relative;
  display:flex;
  justify-content: flex-start;
  align-items:center;
  width:48%;
  border-radius:12px;
  padding:2.5% 5% 2.5% 13.5%;
  margin-left:-10%;
}
/* 3 Image Grid */
.gridRight {
  position:relative;
  display:grid;
  row-gap:var(--gridGap);
  width:51%;
}
.awards3x1 {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:var(--gridGap);
  row-gap:var(--gridGap);
  width:85%;
  margin:0 auto;
}
.span2 {
  grid-column:span 2;
}
#callout3x1 {
  position:relative;
  display:flex;
  justify-content: flex-start;
  align-items:center;
  width:100%;
  border-top-left-radius: 10em;
  border-bottom-left-radius: 10em;
  border:3px solid #FFF;
  border-right:none;
  padding:2.5% var(--padL) 2.5% 3.5em;
}
.purpleBorder {
  border-color:var(--purple) !important;
}
.orangeBorder {
  border-color:var(--orange) !important;
}
.gridRight img, .gridLeft img {
  width:100%;
  height:auto;
  //object-fit: scale-down;
  border-radius:12px;
}
div.awards3x1:first-of-type img {
  //height:100%;
}
.dialsGrid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:3em;
  row-gap:1em;
  justify-items:center;
  line-height:1.15em;
  text-align:center;
  width:100%;
  margin:0 0 2em;
}
.dialsGrid img {
  width:100%;
  height:auto;
}
.dialsGrid p {
  margin:0;
}
.dialsGrid br {
  display:none;
}
#purpleDials {
  color:var(--purple);
}
#orangeDials {
  color:var(--orange);
}
#policies {
  padding: var(--padT) var(--padL) 240px var(--padL);
}
#policies h2 {
  color: var(--darkslate);
}
:where(ul) {
  margin-inline-start: 0;
  padding-inline-start: 0px;
  margin-top:0;
  margin-bottom:0;
}
li {
  font-size:.7em;
  margin-inline-start: 1.2em;
  margin-bottom:.6em;
}