.band-F {
  background-color: #9c3b3c !important;
  color: #FFF; }

.band-E {
  background-color: #c53f39 !important;
  color: #FFF; }

.band-D {
  background-color: #d9583e !important;
  color: #FFF; }

.band-C {
  background-color: #e29c4c !important;
  color: #FFF; }

.band-B {
  background-color: #f0e65d !important;
  color: #2D2D2D; }

.band-A {
  background-color: #72ac49 !important;
  color: #FFF; }

html, body {
  margin: 0;
  height: 100%; }

.parallax-container {
  display: grid;
  position: relative;
  overflow: hidden;
  width: 1140px;
  margin-top: 1px !important;
  margin-bottom: 1px !important; }

#main-area {
  position: relative;
  height: 768px; }

.mobile-step-buttons {
  display: none; }

#bottom-bar {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  bottom: 0;
  height: 60px;
  left: 0;
  right: 0;
  padding: 0 15px; }
  #bottom-bar ul#radio-buttons {
    height: 60px;
    padding: 0;
    margin: 8px 0px 0 73px;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 400px; }
    #bottom-bar ul#radio-buttons li {
      display: inline-block;
      margin: 0; }
      #bottom-bar ul#radio-buttons li span.radio-button {
        text-decoration: none;
        color: #fff;
        display: inline-block;
        background: url("/site/parallax/assets/radio-deselected.svg");
        background-position: center center;
        height: 22px !important;
        width: 22px !important;
        padding: 0;
        margin: 0 5px;
        cursor: pointer; }
        #bottom-bar ul#radio-buttons li span.radio-button.squash {
          margin: 0 2px; }
      #bottom-bar ul#radio-buttons li span.selected {
        background: url("/site/parallax/assets/radio-selected.svg"); }
      #bottom-bar ul#radio-buttons li span:hover {
        background: url("/site/parallax/assets/radio-hover.svg"); }
  #bottom-bar ul#report-buttons {
    height: 120px;
    padding: 0;
    margin: 3px 0 0 auto;
    padding-right: 0;
    display: flex;
    align-items: center; }
    #bottom-bar ul#report-buttons li {
      display: inline-block;
      float: left;
      margin: 0 0 0 5px; }
      #bottom-bar ul#report-buttons li a {
        background: #ed7722;
        color: #FFF;
        border: 1px solid #FFF;
        padding: 0.4rem;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 14px; }

#step-buttons {
  position: absolute;
  left: 0;
  top: 330px;
  align-items: center;
  padding-right: 0;
  padding: 0 0 0 26px;
  height: 70px; }

#step-buttons-2 {
  position: absolute;
  right: 0;
  top: 330px;
  align-items: center;
  padding-right: 0;
  padding: 0 0 0 26px;
  height: 70px; }
  #step-buttons-2 .step-button-container {
    float: right;
    margin-top: 40px;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0; }
  #step-buttons-2 .step-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 2px 0 0;
    margin: 0 0 0 0;
    cursor: pointer; }
  #step-buttons-2 .back-step-button {
    padding-right: 2px;
    margin-right: 2px; }

.back-step-button {
  opacity: 0.5; }

#slide-container {
  position: relative;
  transform: translate3d(0px, 0px, 0px);
  height: 100%;
  width: 33000px; }

.slide {
  margin-right: 600px;
  height: 100%;
  width: 1140px;
  display: inline;
  float: left; }

.slide-contents {
  margin: 0;
  width: 760px;
  padding: 62px 0 0 0;
  height: 768px;
  background: rgba(16, 67, 76, 0);
  -webkit-overflow-scrolling: touch !important;
  overflow-x: hidden; }
  .slide-contents a {
    color: #ed7722; }
  .slide-contents.intro {
    width: 100vw; }
  .slide-contents h1 {
    position: relative;
    color: #3cb0c4;
    font-size: 35px;
    padding: 0 0 10px;
    z-index: 100;
    margin-bottom: 0;
    margin-left: 95px;
    display: inline-block;
    vertical-align: middle;
    width: 475px;
    line-height: 35px; }
  .slide-contents.intro h1 {
    margin-top: 200px;
    margin-left: 190px;
    text-align: center;
    font-size: 60px;
    padding: 0 0 30px;
    width: 760px;
    line-height: 75px; }
  .slide-contents.intro .stand-first {
    font-size: 30px;
    line-height: 35px; }
  .slide-contents.option-color h1, .slide-contents.option-color p.stand-first {
    color: #fff; }
  .slide-contents p {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 15px;
    width: 570px; }
    .slide-contents p:last-child {
      padding-bottom: 40px; }
  .slide-contents ol, .slide-contents ul {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 15px;
    width: 475px; }
  .slide-contents ol:last-child, .slide-contents ul:last-child {
    padding-bottom: 40px; }
  .slide-contents p.stand-first {
    font-family: 'Oswald', sans-serif;
    position: relative;
    margin-left: 95px;
    color: #238496;
    z-index: 100;
    font-size: 20px;
    line-height: 1.75rem;
    padding: 0; }
  .slide-contents h1 {
    line-height: 2.75rem; }
  .slide-contents.intro p.stand-first {
    margin-left: 190px;
    text-align: center;
    width: 760px; }

.more-info-panel {
  position: relative;
  top: -768px;
  opacity: 0;
  padding: 0px 0 0 95px;
  z-index: 99; }

#more-info-button, #less-info-button {
  float: left;
  line-height: 40px;
  color: white;
  cursor: pointer;
  display: none;
  text-shadow: 1px 1px 1px black; }
  #more-info-button img, #less-info-button img {
    height: 80px; }
  #more-info-button span, #less-info-button span {
    cursor: pointer; }

.mobile-more-info-button {
  display: none; }

/* Responsive styles */
@media only screen and (max-width: 719px) {
  #main-content {
    padding-left: 0; }
  #main-area {
    overflow-x: hidden;
    height: 100%; }
  #step-buttons,
  #step-buttons-2 {
    display: none; }
  .parallax-container {
    width: 100vw; }
  .slide {
    width: 100vw;
    background-repeat: no-repeat;
    background-color: #00989b; }
  .slide-contents {
    width: 100vw;
    height: 100%;
    padding-top: 240px; }
    .slide-contents h1 {
      margin-left: 55px;
      width: 70vw;
      font-size: 25px;
      color: #FFF; }
    .slide-contents.intro h1 {
      margin-top: 30vh;
      margin-left: 0;
      width: 100vw;
      font-size: 30px;
      padding: 0 40px 30px;
      line-height: 40px; }
    .slide-contents p.stand-first {
      margin-left: 55px !important;
      width: 70vw;
      color: #FFF; }
    .slide-contents.intro p.stand-first {
      margin-left: 0px !important;
      width: 100vw; }
  .mobile-more-info-button {
    display: block; }
  .more-info-panel {
    padding: 0 0 62px 55px; }
    .more-info-panel p {
      width: 70vw; }
  .slide-contents ol, .slide-contents ul {
    width: 70vw; }
  .slide-contents p:last-child, .slide-contents ol:last-child, .slide-contents ul:last-child {
    padding-bottom: 20px; }
  #bottom-bar {
    display: none;
    bottom: 2rem; }
  #bottom-bar ul#radio-buttons {
    display: none; }
  #bottom-bar ul#report-buttons {
    display: block; }
    #bottom-bar ul#report-buttons li a {
      display: block;
      width: 100%;
      margin-bottom: 0.5rem; }
  #more-info-button {
    display: none !important; }
  #step-buttons-2 {
    position: fixed;
    bottom: 0; }
  .mobile-step-buttons {
    display: block; }
  .forward-step-button {
    float: right; }
  .mobile-more-info-button {
    color: #FFF;
    margin-top: 1rem; }
  .slide-contents .mobile-more-info-button {
    color: #FFF; }
  #bottom-bar ul#report-buttons li a {
    padding: 0.3rem 1rem;
    font-size: 7.5pt; }
  #step-buttons {
    bottom: 0; }
    #step-buttons .step-button {
      margin: 0; } }

@media only screen and (min-width: 720px) and (max-width: 736px) {
  #main-area {
    height: 100vh; }
  .slide-contents {
    width: 627px;
    height: 100vh; }
    .slide-contents h1 {
      margin-left: 90px; }
    .slide-contents.intro h1 {
      margin-left: 0;
      margin-top: 25vh; }
    .slide-contents p {
      width: 450px !important; }
      .slide-contents p.stand-first {
        margin-left: 90px !important; }
    .slide-contents.intro p.stand-first {
      margin-left: 160px !important;
      width: 540px; }
  .parallax-container {
    width: 720px; }
  #bottom-bar ul#radio-buttons {
    margin: 8px 20px 0 0; }
  #bottom-bar ul#report-buttons li a {
    padding: 0.3rem 1rem;
    font-size: 7.5pt; }
  .more-info-panel {
    padding: 0 0 62px 90px; }
  #step-buttons, #more-info-button {
    bottom: 45vh; } }

@media only screen and (min-width: 737px) and (max-width: 990px) {
  .slide-contents {
    width: 627px; }
    .slide-contents h1 {
      margin-left: 90px; }
    .slide-contents.intro h1 {
      margin-left: 0; }
    .slide-contents p {
      width: 450px !important; }
      .slide-contents p.stand-first {
        margin-left: 90px !important; }
    .slide-contents.intro p.stand-first {
      margin-left: 160px !important;
      width: 540px; }
  .parallax-container {
    width: 720px; }
  #bottom-bar ul#radio-buttons {
    margin: 8px 20px 0 0; }
  #bottom-bar ul#report-buttons li a {
    padding: 0.3rem 1rem;
    font-size: 7.5pt; }
  .more-info-panel {
    padding: 0 0 62px 90px; } }

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .slide-contents {
    width: 627px; }
    .slide-contents h1, .slide-contents.intro h1 {
      margin-left: 90px; }
    .slide-contents p {
      width: 450px !important; }
      .slide-contents p.stand-first {
        margin-left: 90px !important;
        width: 450px !important; }
    .slide-contents.intro p.stand-first {
      margin-left: 250px !important;
      width: 540px; }
  .parallax-container {
    width: 940px; }
  #bottom-bar ul#radio-buttons {
    margin: 8px 40px 0 40px; }
  #bottom-bar ul#report-buttons li a {
    padding: 0.3rem 1.5rem;
    font-size: 12pt; }
  .more-info-panel {
    padding: 0 0 62px 90px; } }

/*# sourceMappingURL=../css/parallax.css.map */