.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
  background: #000;
}

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  box-shadow: 0 0.2em 0 #d1d1d1;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
}

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em;
}

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em;
}

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

/* close icon */
.ath-container:before {
  content: "";
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642;
}

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none;
}

.ath-mandatory .ath-container:before {
  display: none;
}

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none;
}

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,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);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,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);
  margin-bottom: 0.4em;
  background-size: 100% auto;
}

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto;
}

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em;
}

.ath-ios.ath-phone:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641;
}

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em;
  }

  .ath-android.ath-phone {
    margin-left: -12em;
  }

  .ath-ios.ath-phone {
    margin-left: -12em;
  }

  .ath-ios6:after {
    left: 39%;
  }

  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }

  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}
html {
  font-size: 1.1111111111vw;
}

html, body {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

* {
  box-sizing: border-box;
}

body {
  min-height: 100%;
  background: linear-gradient(0deg, #2c7a8b 0%, #175767 100%);
  position: relative;
  overflow: hidden;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
}

.bg {
  background-image: url(../images/main-logo.png);
  background-repeat: no-repeat;
  background-position: center 18%;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: filter 0.5s 0.3s;
}

a {
  color: inherit;
  text-decoration: none;
}

h1 {
  position: absolute;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  display: flex;
  font-size: 1.75rem;
  line-height: 0.95;
  align-items: center;
  left: 3.75rem;
  top: 1.75rem;
}
h1 img {
  width: 7.125rem;
  height: 7.125rem;
  margin: 0 0.75rem 0 0;
}

.intro-heading {
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 7.75rem;
  line-height: 0.833;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.gov-logos {
  position: absolute;
  display: block;
  width: 13.125rem;
  height: 3.5rem;
  left: 4.375rem;
  bottom: 3.5rem;
}

.thrfg-logo {
  position: absolute;
  display: block;
  width: 13.125rem;
  height: 3.3125rem;
  right: 4.375rem;
  bottom: 3.4rem;
}

h1,
.hamburger,
.enter-trail-btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s 0.5s;
}

.fadeoutintro .intro-heading {
  opacity: 0;
  visibility: hidden;
}
.fadeoutintro h1,
.fadeoutintro .hamburger,
.fadeoutintro .enter-trail-btn {
  opacity: 1;
  visibility: visible;
}
.fadeoutintro.enter-trail-btn {
  transition: opacity 0.5s 0.2s;
}

.hamburger {
  border: none;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
  position: absolute;
  background: #11414d;
  z-index: 3;
}

.hamburger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.125rem;
  height: 2.375rem;
  top: 3.25rem;
  right: 3.25rem;
  position: absolute;
  border-radius: 1.1875rem;
}
.hamburger svg {
  stroke: #fff;
  transition: 0.2s;
  width: 2.25rem;
  height: 2.25rem;
}
.hamburger svg line {
  stroke-width: 1px;
}
.hamburger svg g:first-child {
  opacity: 1;
  transition: opacity 0s 0.2s;
}
.hamburger svg g:first-child line {
  transition: transform 0.2s 0.2s;
  transform: translateY(0px);
}
.hamburger svg g:last-child {
  opacity: 0;
  transition: opacity 0s 0.2s;
}
.hamburger svg g:last-child line {
  transition: transform 0.2s;
  transform: rotate(0deg);
  transform-origin: center;
}

.menu-open .hamburger svg g:first-child {
  opacity: 0;
}
.menu-open .hamburger svg g:first-child line {
  transition: transform 0.2s;
}
.menu-open .hamburger svg g:first-child line:first-child {
  transform: translateY(7px);
}
.menu-open .hamburger svg g:first-child line:last-child {
  transform: translateY(-7px);
}
.menu-open .hamburger svg g:last-child {
  opacity: 1;
}
.menu-open .hamburger svg g:last-child line {
  transition: transform 0.2s 0.2s;
}
.menu-open .hamburger svg g:last-child line:first-child {
  transform: rotate(45deg);
}
.menu-open .hamburger svg g:last-child line:last-child {
  transform: rotate(-45deg);
}
.menu-open .enter-trail-btn {
  opacity: 0;
  transition: opacity 0.2s;
}
.menu-open .bg {
  filter: blur(1rem);
  transition: filter 0.5s;
}

.install-note {
  font-size: 12px;
  border-radius: 8px;
  background-color: #fff;
  position: fixed;
  bottom: 20px;
  width: 280px;
  left: 50%;
  margin: 0 0 0 -140px;
  white-space: nowrap;
  color: #000;
  padding: 8px;
  font-weight: 400;
  text-align: center;
  z-index: 10;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0s 0.4s;
}
.install-note svg {
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: baseline;
}

.show-ios-install-note .install-note {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s;
}

nav {
  bottom: 0;
  position: fixed;
  background: rgba(17, 65, 77, 0.8);
  font-weight: 700;
  font-style: normal;
  transform: translate3d(-50%, 100%, 0);
  left: 50%;
  transition: transform 0.5s;
  width: 35.875rem;
  padding: 2.625rem 2.625rem 7rem;
  border-radius: 2.625rem 2.625rem 0 0;
  max-height: 93vh;
  overflow: auto;
  font-size: 1.5rem;
  line-height: 1.2;
}
nav::-webkit-scrollbar {
  width: 0px;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav ul li {
  border-bottom: 1px solid #fff;
  padding: 0.75rem 0;
}
nav ul li:last-child {
  border: none;
}
nav ul li img {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 0.75rem 0 0;
}
nav ul li a {
  position: relative;
  display: flex;
  align-items: center;
}
nav ul li a:after {
  content: "";
  background: url(../images/arrow.svg) no-repeat center;
  background-size: contain;
  /* width: 0.9375rem;
  height: 0.9375rem; */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
}

.menu-open nav {
  transform: translate3d(-50%, 0%, 0);
}

.enter-trail-btn {
  background: #65c5b3;
  position: absolute;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition: opacity 0.5s 0.5s;
  margin: 0;
  bottom: 50%;
  left: 50%;
  width: 25.75rem;
  height: 6.25rem;
  font-size: 2.75rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3.125rem;
}

@media only screen and (max-width: 750px) {
  html {
    font-size: 4.2666666667vw;
  }

  h1 {
    font-size: 1.1875rem;
    top: 1rem;
    left: 2rem;
  }
  h1 img {
    width: 4.875rem;
    height: 4.875rem;
  }

  .enter-trail-btn {
    width: 16.25rem;
    height: 3.75rem;
    border-radius: 1.875rem;
    font-size: 1.5625rem;
    bottom: 10.375rem;
  }

  .intro-heading {
    width: 100%;
    font-size: 3rem;
    position: absolute;
    bottom: 10rem;
    top: auto;
    transform: translateY(0);
  }

  .gov-logos {
    width: 8.75rem;
    height: 2.375rem;
    left: 2rem;
    bottom: 2rem;
  }

  .thrfg-logo {
    width: 8.75rem;
    height: 2.25rem;
    left: auto;
    right: 2rem;
    bottom: 2rem;
  }

  .hamburger {
    width: 5.375rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    top: auto;
    bottom: 6rem;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .hamburger svg {
    width: 2.25rem;
    height: 2.25rem;
  }

  nav {
    border-radius: 1.75rem 1.75rem 0 0;
    padding: 1.375rem 1.375rem 9.375rem;
    width: calc(100% - 2rem);
    font-size: 1.1rem;
  }
  nav ul li {
    padding: 0.625rem 0;
    border-bottom: 1px solid #fff;
  }
  nav ul li:last-child {
    border: none;
  }
  nav ul li:nth-child(2) {
    letter-spacing: -0.02em;
  }
  nav ul li a:after {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  nav ul li img {
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    margin: 0 0.5rem 0 0;
  }

  .gov-logos,
.thrfg-logo {
    transition: filter 0.5s 0.3s;
  }

  .menu-open .gov-logos,
.menu-open .thrfg-logo {
    filter: blur(0.15rem);
    transition: filter 0.5s;
  }
}