.lightShadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.gHGClass0 {
  background-color: #ccc!important;
  color: #58595b !important;
}
.gHGClass1 {
  background-color: #e299ff !important;
  color: #ebecec !important;
}
.gHGClass2 {
  background-color: #d466ff !important;
  color: #ebecec !important;
}
.gHGClass3 {
  background-color: #c633ff !important;
  color: #ebecec !important;
}
.gHGClass4 {
  background-color: #b700ff !important;
  color: #ebecec !important;
}
.gHGClass5 {
  background-color: #9300cc !important;
  color: #ebecec !important;
}
.gHGClass6 {
  background-color: #6e0099!important;
  color: #ebecec !important;
}
.gHGClass7 {
  background-color: #777!important;
  color: #ebecec !important;
}
.gHGClass8 {
  background-color: #555!important;
  color: #ebecec !important;
}
.energyClass0 {
  background-color: #006900!important;
  color: #ebecec !important;
}
.energyClass1 {
  background-color: #009c00!important;
  color: #ebecec !important;
}
.energyClass2 {
  background-color: #7cc941!important;
  color: #58595b !important;
}
.energyClass3 {
  background-color: #d3ff37!important;
  color: #58595b !important;
}
.energyClass4 {
  background-color: #ffff00!important;
  color: #58595b !important;
}
.energyClass5 {
  background-color: #ffcc3d!important;
  color: #58595b !important;
}
.energyClass6 {
  background-color: #d75800!important;
  color: #ebecec !important;
}
.energyClass7 {
  background-color: #c50000!important;
  color: #ebecec !important;
}
.energyClass8 {
  background-color: #97003f!important;
  color: #ebecec !important;
}
#zone-choice {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#zone-choice .vertical-aligner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
#zone-choice .whiteframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  opacity: 0.24;
  z-index: 0;
}
#zone-choice .zone-choice-box {
  margin-top: -206px;
  max-width: 350px;
  background-color: #f37120;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 50;
}
#zone-choice .zone-choice-box .logo-zone-choice {
  text-align: center;
  padding: 15px 15px 15px 15px;
}
#zone-choice .zone-choice-box .logo-zone-choice img {
  max-width: 100%;
}
#zone-choice .zone-choice-box .zone-link {
  display: block;
  line-height: 60px;
  color: white;
  letter-spacing: 0.061em;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  transition: all 150ms ease-in-out;
}
#zone-choice .zone-choice-box .zone-link:hover {
  background-color: #404041;
  color: white;
}
@media (max-width: 991px) {
  #zone-choice .zone-choice-box {
    margin-top: -110px;
    background: none;
  }
  #zone-choice .zone-choice-box .zone-link {
    width: 200px;
    margin-bottom: 20px;
    margin-left: auto;
    font-size: 19px;
    margin-right: auto;
    background-color: #f37120;
    border: none!important;
  }
}