@keyframes borderAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes widthAnimationLeft {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -0.4rem;
  }
}
@keyframes widthAnimationRight {
  0% {
    margin-right: 0;
  }
  100% {
    margin-right: -0.4rem;
  }
}
@keyframes logoEffect {
  0% {
    background: black;
  }
  40% {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 13px #000;
  }
  80% {
    padding: 1.6rem 1.6rem;
    border-color: #000;
  }
  100% {
    padding: 6.64rem 1.6rem;
    background: rgba(0, 0, 0, 0);
    border-radius: 0.8rem;
    box-shadow: 0 0 0 1px transparent;
  }
}
@keyframes bubblemotion {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
body {
  color: #3b4351;
  background: #237986;
}
h6.lo {
  width: fit-content;
  background: rgba(90, 156, 165, 0.33);
  font-family: monospace;
  text-shadow: 1px 1px 1px rgba(90, 119, 165, 0.17);
  box-shadow: 0 0 0 calc(.2rem + 0px) rgba(90, 156, 165, 0.17);
  backdrop-filter: blur(0.4rem);
  z-index: 3;
}
p a {
  color: #285c7f !important;
  background: rgba(40, 92, 127, 0.06);
  box-shadow: 0 0 0 0.2rem rgba(40, 92, 127, 0.06);
}
p a:hover {
  color: #24506f !important;
}
p b {
  border-bottom: 1px solid #ddd;
}
a {
  color: #3b4351 !important;
}
a:hover {
  color: #2f5e6c !important;
  text-decoration: none;
}
b {
  font-weight: 600;
}
em {
  color: #777;
}
pre {
  width: fit-content;
  padding: 0.6rem 0.8rem;
  background: rgba(253, 253, 254, 0.5);
  box-shadow: 0 0 0 1px #fdfdfe;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.2rem #3b4351;
}
hr {
  background: #ddd;
}
input[type="text"], textarea {
  border: 1px solid #839dae;
  background: #f6f6f6;
}
input[type="text"]:focus, textarea:focus {
  outline: none;
  border-color: #285c7f;
  background: #f8f8f9;
}
input[type="text"]::placeholder, textarea::placeholder {
  color: #325068;
  opacity: 1;
}
input[type="submit"], button.submit {
  padding: 0.6rem 0.8rem;
  width: fit-content;
  background: rgba(90, 156, 165, 0.33);
  font-family: monospace;
  text-shadow: 1px 1px 1px rgba(90, 119, 165, 0.17);
  box-shadow: 0 0 0 calc(.2rem + 0px) rgba(90, 156, 165, 0.17);
  backdrop-filter: blur(0.4rem);
  z-index: 3;
  cursor: pointer;
  border: none;
  line-height: 100%;
}
input[type="submit"] b, button.submit b {
  display: block;
  margin-top: 0.2rem;
  font-size: 200%;
  font-weight: normal;
}
.frogWindow {
  box-shadow: 0 0 0rem 2px rgba(40, 92, 127, 0.5), 0 0 0 0.2rem rgba(0, 0, 0, 0.04);
}
.frogWindow > div.graphic {
  background-image: url("../img/frog007.gif");
  background-color: #363636;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: inset 0 0 0 0.4rem rgba(204, 204, 204, 0.17);
}
.frogWindow > div.content {
  background: #eee;
  box-shadow: inset -0.2rem 0 0 0 rgba(40, 92, 127, 0.1), inset 0.4rem 0 0 0 rgba(40, 92, 127, 0.1);
}
.boxLetterhead {
  color: #eee;
  border: solid #285c7f;
  border-width: 0 0 0.3rem;
}
.boxLetterhead p b {
  border: none;
  font-weight: 600 !important;
}
.boxLetterhead img {
  opacity: 0.83;
}
.boxLetterhead .linked a {
  color: #eee !important;
  background: rgba(16, 24, 31, 0.17);
  border-radius: 0.2rem;
  box-shadow: 1px 1px 0 0 #285c7f;
  border-radius: 2px;
  border-top-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.boxLetterhead .linked a:hover {
  background: rgba(16, 24, 31, 0.2);
}
.buttonAnchor a {
  width: fit-content;
  background: rgba(90, 156, 165, 0.33);
  font-family: monospace;
  text-shadow: 1px 1px 1px rgba(90, 119, 165, 0.17);
  box-shadow: 0 0 0 calc(.2rem + 0px) rgba(90, 156, 165, 0.17);
  backdrop-filter: blur(0.4rem);
  z-index: 3;
}
.buttonPanel.logoEffect {
  animation: logoEffect 1s ease-out 1 forwards;
}
.cardBusiness h1.hi a {
  color: #2f5e6c !important;
}
.cardBusiness h1.hi a:hover {
  color: #296b73 !important;
}
.cardImages > div:nth-child(1) h4 {
  color: #5a9ca5 !important;
}
.cardImages > div:nth-child(2) h4 {
  color: #296b73 !important;
}
.cardImages > div:nth-child(3) h4 {
  color: #184242 !important;
}
.cardImages > div:nth-child(4) h4 {
  color: #071214 !important;
}
.cardImages > div:nth-child(5) h4 {
  color: #010202 !important;
}
.inline-flex li {
  color: #285c7f;
}
.inline-flex li b {
  color: #3b4351;
}
.cardTitle {
  padding: 0 0 0.4rem;
}
.overline {
  padding: 0 0.25rem;
  margin: 0 -0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.2rem rgba(12, 97, 155, 0.5);
}
.bordered {
  box-shadow: 0 0 0 1px #ddd;
}
.backgrounded {
  background: rgba(40, 92, 127, 0.04);
  box-shadow: inset 0 0 0 1.6rem rgba(238, 238, 238, 0.5);
}
.paneled {
  background: radial-gradient(rgba(253, 253, 254, 0.83), rgba(238, 238, 238, 0.83));
  box-shadow: -1px -1px 0 0 #fdfdfe, 1px 1px 0 0 rgba(59, 67, 81, 0.17), inset 0.8rem 0.8rem 0 0 rgba(253, 253, 254, 0.17), inset -0.4rem -0.4rem 0 0 rgba(59, 67, 81, 0.03), 0 0 6rem 0 rgba(50, 80, 104, 0.17);
  backdrop-filter: blur(0.4rem);
  z-index: 4;
  border-radius: 0.2rem;
}
.paneled p a {
  color: #10181f !important;
  background: none;
  box-shadow: none;
}
.paneled p a b {
  color: #285c7f !important;
  font-weight: 100;
  font-style: italic;
  border: none;
}
.backgroundedItem li {
  list-style: none;
  line-height: 100%;
  border-radius: 0.5rem;
  transition: background 500ms ease-in-out;
}
.backgroundedItem li:hover {
  background: #f1f1f1;
}
.backgroundedItem li b {
  display: block;
  padding: 1.2rem 0.8rem;
  width: fit-content;
  color: #fdfdfe;
}
.backgroundedItem li b a {
  color: #fdfdfe !important;
}
.backgroundedItem li b a:hover {
  text-decoration: none;
}
.backgroundedItem li:nth-child(odd) {
  animation: widthAnimationLeft 4s ease-in-out 1 forwards;
}
.backgroundedItem li:nth-child(even) {
  animation: widthAnimationRight 4s ease-in-out 1 forwards;
}
.backgroundedItem li:nth-child(1) {
  box-shadow: 0 0 0 0.8rem rgba(90, 156, 165, 0.17), 0 0 0 1.0667rem rgba(90, 156, 165, 0.14), 0 0 0 1.3333rem rgba(90, 156, 165, 0.09), 0 0 0 1.6rem rgba(90, 156, 165, 0.06);
}
.backgroundedItem li:nth-child(1) b i {
  border-bottom: 2px solid rgba(90, 156, 165, 0.5);
}
.backgroundedItem li:nth-child(1) b i a {
  color: #296b73 !important;
}
.backgroundedItem li:nth-child(2) {
  box-shadow: 0 0 0 0.8rem rgba(41, 107, 115, 0.17), 0 0 0 1.0667rem rgba(41, 107, 115, 0.14), 0 0 0 1.3333rem rgba(41, 107, 115, 0.09), 0 0 0 1.6rem rgba(41, 107, 115, 0.06);
}
.backgroundedItem li:nth-child(2) b i {
  border-bottom: 4px solid rgba(41, 107, 115, 0.5);
}
.backgroundedItem li:nth-child(2) b i a {
  color: #184242 !important;
}
.backgroundedItem li:nth-child(3) {
  box-shadow: 0 0 0 0.8rem rgba(24, 66, 66, 0.17), 0 0 0 1.0667rem rgba(24, 66, 66, 0.14), 0 0 0 1.3333rem rgba(24, 66, 66, 0.09), 0 0 0 1.6rem rgba(24, 66, 66, 0.06);
}
.backgroundedItem li:nth-child(3) b i {
  border-bottom: 6px solid rgba(24, 66, 66, 0.5);
}
.backgroundedItem li:nth-child(3) b i a {
  color: #071214 !important;
}
.backgroundedItem li:nth-child(4) {
  box-shadow: 0 0 0 0.8rem rgba(7, 18, 20, 0.17), 0 0 0 1.0667rem rgba(7, 18, 20, 0.14), 0 0 0 1.3333rem rgba(7, 18, 20, 0.09), 0 0 0 1.6rem rgba(7, 18, 20, 0.06);
}
.backgroundedItem li:nth-child(4) b i {
  border-bottom: 8px solid rgba(7, 18, 20, 0.5);
}
.backgroundedItem li:nth-child(4) b i a {
  color: #010202 !important;
}
.backgroundedItem li:nth-child(5) {
  box-shadow: 0 0 0 0.8rem rgba(1, 2, 2, 0.17), 0 0 0 1.0667rem rgba(1, 2, 2, 0.14), 0 0 0 1.3333rem rgba(1, 2, 2, 0.09), 0 0 0 1.6rem rgba(1, 2, 2, 0.06);
}
.backgroundedItem li:nth-child(5) b i {
  border-bottom: 10px solid rgba(1, 2, 2, 0.5);
}
.backgroundedItem li:nth-child(5) b i a {
  color: !important;
}
.cornered {
  background: linear-gradient(to right, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 0 0, linear-gradient(to right, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 0 100%, linear-gradient(to left, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 100% 0, linear-gradient(to left, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 100% 100%, linear-gradient(to bottom, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 0 0, linear-gradient(to bottom, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 100% 0, linear-gradient(to top, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 0 100%, linear-gradient(to top, rgba(40, 92, 127, 0.83) 0.4rem, transparent 0.4rem) 100% 100%;
  background-repeat: no-repeat;
  background-size: 0.8rem 0.8rem;
  box-shadow: -0.8rem -0.8rem 0 0.8rem rgba(253, 253, 254, 0.67), 0.1rem 0.1rem 0 0 rgba(59, 67, 81, 0.33), 0.4rem 0.4rem 0 0.8rem rgba(16, 24, 31, 0.17);
}
.cornered h1.overline {
  background: rgba(253, 253, 254, 0.17);
}
.cornered h1.overline a {
  color: #2f5e6c !important;
}
.cornered h1.overline a:hover {
  color: #285c7f !important;
}
.cornered h1.overline em {
  color: #285c7f;
}
.noted p {
  padding: 0.1rem 0.2rem;
  background: rgba(40, 92, 127, 0.04);
  box-shadow: 0 0 0 1px rgba(40, 92, 127, 0.5);
  border-radius: 0.2rem;
}
.bubbled span {
  animation-name: bubblemotion;
  animation-duration: 120s;
  animation-timing-function: linear;
  backface-visibility: hidden;
  position: absolute;
  animation-iteration-count: infinite;
  width: 16.7vmin;
  height: 16.7vmin;
  border-radius: 50%;
  opacity: 0.167;
}
.bubbled span:nth-child(1) {
  animation-duration: 61.2s;
  animation-delay: 0s;
  transform-origin: -9vw -8vh;
  color: #296b73;
  top: 52%;
  left: 25%;
  box-shadow: -33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(1).blurless {
  box-shadow: -33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(2) {
  animation-duration: 113.2s;
  animation-delay: 0s;
  transform-origin: 0.5vw 5vh;
  color: #296b73;
  top: 4%;
  left: 33%;
  box-shadow: 33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(2).blurless {
  box-shadow: 33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(3) {
  animation-duration: 114.1s;
  animation-delay: 0s;
  transform-origin: -8vw -9.5vh;
  color: #5a77a5;
  top: 44%;
  left: 44%;
  box-shadow: -33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(3).blurless {
  box-shadow: -33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(4) {
  animation-duration: 33.5s;
  animation-delay: 0s;
  transform-origin: -3vw -4.5vh;
  color: #5a77a5;
  top: 39%;
  left: 21%;
  box-shadow: -33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(4).blurless {
  box-shadow: -33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(5) {
  animation-duration: 69.1s;
  animation-delay: 0s;
  transform-origin: -3.5vw -4vh;
  color: #5a77a5;
  top: 12%;
  left: 81%;
  box-shadow: 33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(5).blurless {
  box-shadow: 33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(6) {
  animation-duration: 116.3s;
  animation-delay: 0s;
  transform-origin: 7.5vw -3vh;
  color: #296b73;
  top: 3%;
  left: 68%;
  box-shadow: -33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(6).blurless {
  box-shadow: -33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(7) {
  animation-duration: 53.1s;
  animation-delay: 0s;
  transform-origin: -8vw 4.5vh;
  color: #5a77a5;
  top: 11%;
  left: 48%;
  box-shadow: -33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(7).blurless {
  box-shadow: -33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(8) {
  animation-duration: 115.3s;
  animation-delay: 0s;
  transform-origin: -2.5vw 12vh;
  color: #5a77a5;
  top: 5%;
  left: 73%;
  box-shadow: 33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(8).blurless {
  box-shadow: 33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(9) {
  animation-duration: 53.9s;
  animation-delay: 0s;
  transform-origin: -1vw 7.5vh;
  color: #296b73;
  top: 8%;
  left: 78%;
  box-shadow: 33.4vmin 0 0px currentColor;
}
.bubbled span:nth-child(9).blurless {
  box-shadow: 33.4vmin 0px 0px currentColor;
}
.bubbled span:nth-child(1) {
  border-radius: 5%;
}
.bubbled span:nth-child(2) {
  border-radius: 5%;
}
.accordion .accordion-header h5 {
  color: #3b4351;
}
.accordion .accordion-body > div {
  border-left: solid;
  border-left-width: 0.2rem;
  border-left-color: rgba(40, 92, 127, 0.94);
  box-shadow: -0.2rem 0 0 0 #eee, 0 0 0 0.4rem rgba(90, 156, 165, 0.04);
  border-right: 0.2rem solid #ddd;
  border-radius: 0.2rem;
}
.accordion .accordion-body > div:hover {
  border-left-color: rgba(90, 156, 165, 0.94);
}
.accordion .accordion-body > div p {
  color: #10181f;
}
.accordion .accordion-body > div ul {
  grid-gap: 0;
  margin: 0 0 0.4rem 1.35rem;
  color: #10181f;
  list-style: lower-roman;
  list-style-position: outside;
}
.accordion .accordion-body > div ul li {
  padding: 0.4rem;
  background: rgba(24, 66, 66, 0.02);
}
.accordion .accordion-body > div ul li:nth-of-type(even) {
  background: rgba(24, 66, 66, 0.04);
}
.accordion .accordion-body > div ul li:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion .accordion-body > div ul li:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.accordion input:checked ~ .accordion-header h5 {
  color: #10181f !important;
}
@media (min-width: 1280px) {
  .cardTitle {
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 1280px) {
  .boxLetterhead {
    border-width: 0.2rem 0;
  }
  .cornered {
    background: linear-gradient(to right, #285c7f 0.4rem, transparent 0.4rem) 0 0, linear-gradient(to right, #285c7f 0.4rem, transparent 0.4rem) 0 100%, linear-gradient(to left, #285c7f 0.4rem, transparent 0.4rem) 100% 0, linear-gradient(to left, #285c7f 0.4rem, transparent 0.4rem) 100% 100%, linear-gradient(to bottom, #285c7f 0.4rem, transparent 0.4rem) 0 0, linear-gradient(to bottom, #285c7f 0.4rem, transparent 0.4rem) 100% 0, linear-gradient(to top, #285c7f 0.4rem, transparent 0.4rem) 0 100%, linear-gradient(to top, #285c7f 0.4rem, transparent 0.4rem) 100% 100%;
    background-repeat: no-repeat;
    background-size: 0.8rem 0.8rem;
  }
  .cardForm .accordion .accordion-body > div {
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
  }
  .cardSection h6 {
    margin: 0.6rem 0;
    padding: 0 0.2rem;
    background: rgba(90, 156, 165, 0.17);
  }
  .cardSection p {
    padding: 0.4rem 0.8rem;
    background: rgba(253, 253, 254, 0.5);
    box-shadow: 0 0 0 1px #fdfdfe;
    border-radius: 0.25rem;
  }
  .inline-flex li {
    background: rgba(253, 253, 254, 0.5);
    box-shadow: 0 0 0 1px #fdfdfe;
    border-radius: 0.25rem;
    border-radius: 0;
  }
  .mobile-bordered {
    background: rgba(253, 253, 254, 0.5);
    box-shadow: 0 0 0 1px #fdfdfe;
    border-radius: 0.25rem;
    background: none;
    box-shadow: -0.2rem -0.2rem 0 0.4rem #5a9ca5, 0.2rem 0.2rem 0 0.4rem #296b73;
    padding: 0.8rem 0.8rem;
  }
  .buttonAnchor {
    background: rgba(40, 92, 127, 0.17);
  }
  .buttonAnchor a {
    font-size: 90%;
  }
}
.boxLetterhead.frog1 {
  background: rgba(90, 156, 165, 0.5);
}
.boxViewport.frog1 {
  background: rgba(90, 156, 165, 0.5);
}
.boxViewport.frog1 .frogWindow > div.graphic {
  background-image: url("../img/frog1.gif"), linear-gradient(0deg, #52949c 50%, #5a9ca5 50%);
}
.boxViewport.frog1 .frogWindow > div.graphic > .graphicEnd {
  background: rgba(82, 148, 156, 0.5);
}
.boxLetterhead.frog2 {
  background: rgba(41, 107, 115, 0.5);
}
.boxViewport.frog2 {
  background: rgba(41, 107, 115, 0.5);
}
.boxViewport.frog2 .frogWindow > div.graphic {
  background-image: url("../img/frog2.gif"), linear-gradient(0deg, #21636b 50%, #296b73 50%);
}
.boxViewport.frog2 .frogWindow > div.graphic > .graphicEnd {
  background: rgba(33, 99, 107, 0.5);
}
.boxLetterhead.frog3 {
  background: rgba(24, 66, 66, 0.5);
}
.boxViewport.frog3 {
  background: rgba(24, 66, 66, 0.5);
}
.boxViewport.frog3 .frogWindow > div.graphic {
  background-image: url("../img/frog3.gif"), linear-gradient(0deg, #183942 50%, #184242 50%);
}
.boxViewport.frog3 .frogWindow > div.graphic > .graphicEnd {
  background: rgba(24, 57, 66, 0.5);
}
.boxLetterhead.frog4 {
  background: rgba(7, 18, 20, 0.5);
}
.boxViewport.frog4 {
  background: rgba(7, 18, 20, 0.5);
}
.boxViewport.frog4 .frogWindow > div.graphic {
  background-image: url("../img/frog4.gif"), linear-gradient(0deg, #060f10 50%, #071214 50%);
}
.boxViewport.frog4 .frogWindow > div.graphic > .graphicEnd {
  background: rgba(6, 15, 16, 0.5);
}
.boxLetterhead.frog5 {
  background: rgba(1, 2, 2, 0.5);
}
.boxViewport.frog5 {
  background: rgba(1, 2, 2, 0.5);
}
.boxViewport.frog5 .frogWindow > div.graphic {
  background-image: url("../img/frog5.gif"), linear-gradient(0deg, #000101 50%, #010202 50%);
}
.boxViewport.frog5 .frogWindow > div.graphic > .graphicEnd {
  background: rgba(0, 1, 1, 0.5);
}