.bg-attention {
  background: #8ab73f;
  fill: #8ab73f;
  transition: background 0.3s;
}

.bg-over-attention:hover {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

.bg-over-attention:active {
  background: rgb(161.487804878, 200.4512195122, 96.5487804878);
}

.stroke-attention {
  fill: none;
  stroke: #8ab73f;
}

.bg-attention-dark {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
  color: white;
}

.txt-attention {
  color: #8ab73f;
}

.txt-attention-dark {
  color: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

@keyframes launch-attention {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
@-webkit-keyframes launch-attention {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
.emphasize-attention {
  animation: launch-attention 1s linear 1 alternate;
  -webkit-animation: launch-attention 1s linear 1 alternate;
}

.bg-brain_speed {
  background: #52a6d5;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-over-brain_speed:hover {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

.bg-over-brain_speed:active {
  background: rgb(123.0372093023, 187.111627907, 222.9627906977);
}

.stroke-brain_speed {
  fill: none;
  stroke: #52a6d5;
}

.bg-brain_speed-dark {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
  color: white;
}

.txt-brain_speed {
  color: #52a6d5;
}

.txt-brain_speed-dark {
  color: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

@keyframes launch-brain_speed {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
@-webkit-keyframes launch-brain_speed {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
.emphasize-brain_speed {
  animation: launch-brain_speed 1s linear 1 alternate;
  -webkit-animation: launch-brain_speed 1s linear 1 alternate;
}

.bg-memory {
  background: #e15679;
  fill: #e15679;
  transition: background 0.3s;
}

.bg-over-memory:hover {
  background: rgb(217.3115577889, 42.6884422111, 86.6582914573);
}

.bg-over-memory:active {
  background: rgb(232.6884422111, 129.3115577889, 155.3417085427);
}

.stroke-memory {
  fill: none;
  stroke: #e15679;
}

.bg-memory-dark {
  background: rgb(217.3115577889, 42.6884422111, 86.6582914573);
  color: white;
}

.txt-memory {
  color: #e15679;
}

.txt-memory-dark {
  color: rgb(217.3115577889, 42.6884422111, 86.6582914573);
}

@keyframes launch-memory {
  0% {
    border: solid 4px rgb(217.3115577889, 42.6884422111, 86.6582914573);
  }
  100% {
    border: solid 4px rgb(232.6884422111, 129.3115577889, 155.3417085427);
  }
}
@-webkit-keyframes launch-memory {
  0% {
    border: solid 4px rgb(217.3115577889, 42.6884422111, 86.6582914573);
  }
  100% {
    border: solid 4px rgb(232.6884422111, 129.3115577889, 155.3417085427);
  }
}
.emphasize-memory {
  animation: launch-memory 1s linear 1 alternate;
  -webkit-animation: launch-memory 1s linear 1 alternate;
}

.bg-people_skills {
  background: #e97a24;
  fill: #e97a24;
  transition: background 0.3s;
}

.bg-over-people_skills:hover {
  background: rgb(198.0995850622, 97.6929460581, 19.9004149378);
}

.bg-over-people_skills:active {
  background: rgb(237.6556016598, 150.1452282158, 82.3443983402);
}

.stroke-people_skills {
  fill: none;
  stroke: #e97a24;
}

.bg-people_skills-dark {
  background: rgb(198.0995850622, 97.6929460581, 19.9004149378);
  color: white;
}

.txt-people_skills {
  color: #e97a24;
}

.txt-people_skills-dark {
  color: rgb(198.0995850622, 97.6929460581, 19.9004149378);
}

@keyframes launch-people_skills {
  0% {
    border: solid 4px rgb(198.0995850622, 97.6929460581, 19.9004149378);
  }
  100% {
    border: solid 4px rgb(237.6556016598, 150.1452282158, 82.3443983402);
  }
}
@-webkit-keyframes launch-people_skills {
  0% {
    border: solid 4px rgb(198.0995850622, 97.6929460581, 19.9004149378);
  }
  100% {
    border: solid 4px rgb(237.6556016598, 150.1452282158, 82.3443983402);
  }
}
.emphasize-people_skills {
  animation: launch-people_skills 1s linear 1 alternate;
  -webkit-animation: launch-people_skills 1s linear 1 alternate;
}

.bg-intelligence {
  background: #9e5ba3;
  fill: #9e5ba3;
  transition: background 0.3s;
}

.bg-over-intelligence:hover {
  background: rgb(126.2755905512, 72.7283464567, 130.2716535433);
}

.bg-over-intelligence:active {
  background: rgb(177.5196850394, 123.4448818898, 181.5551181102);
}

.stroke-intelligence {
  fill: none;
  stroke: #9e5ba3;
}

.bg-intelligence-dark {
  background: rgb(126.2755905512, 72.7283464567, 130.2716535433);
  color: white;
}

.txt-intelligence {
  color: #9e5ba3;
}

.txt-intelligence-dark {
  color: rgb(126.2755905512, 72.7283464567, 130.2716535433);
}

@keyframes launch-intelligence {
  0% {
    border: solid 4px rgb(126.2755905512, 72.7283464567, 130.2716535433);
  }
  100% {
    border: solid 4px rgb(177.5196850394, 123.4448818898, 181.5551181102);
  }
}
@-webkit-keyframes launch-intelligence {
  0% {
    border: solid 4px rgb(126.2755905512, 72.7283464567, 130.2716535433);
  }
  100% {
    border: solid 4px rgb(177.5196850394, 123.4448818898, 181.5551181102);
  }
}
.emphasize-intelligence {
  animation: launch-intelligence 1s linear 1 alternate;
  -webkit-animation: launch-intelligence 1s linear 1 alternate;
}

.bg-navigation {
  background: #e9b620;
  fill: #e9b620;
  transition: background 0.3s;
}

.bg-over-navigation:hover {
  background: rgb(194.7836734694, 150.2367346939, 19.2163265306);
}

.bg-over-navigation:active {
  background: rgb(237.5795918367, 197.1959183673, 78.4204081633);
}

.stroke-navigation {
  fill: none;
  stroke: #e9b620;
}

.bg-navigation-dark {
  background: rgb(194.7836734694, 150.2367346939, 19.2163265306);
  color: white;
}

.txt-navigation {
  color: #e9b620;
}

.txt-navigation-dark {
  color: rgb(194.7836734694, 150.2367346939, 19.2163265306);
}

@keyframes launch-navigation {
  0% {
    border: solid 4px rgb(194.7836734694, 150.2367346939, 19.2163265306);
  }
  100% {
    border: solid 4px rgb(237.5795918367, 197.1959183673, 78.4204081633);
  }
}
@-webkit-keyframes launch-navigation {
  0% {
    border: solid 4px rgb(194.7836734694, 150.2367346939, 19.2163265306);
  }
  100% {
    border: solid 4px rgb(237.5795918367, 197.1959183673, 78.4204081633);
  }
}
.emphasize-navigation {
  animation: launch-navigation 1s linear 1 alternate;
  -webkit-animation: launch-navigation 1s linear 1 alternate;
}

.bg-odsbhq {
  background: #8ab73f;
  fill: #8ab73f;
  transition: background 0.3s;
}

.bg-over-odsbhq:hover {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

.bg-over-odsbhq:active {
  background: rgb(161.487804878, 200.4512195122, 96.5487804878);
}

.stroke-odsbhq {
  fill: none;
  stroke: #8ab73f;
}

.bg-odsbhq-dark {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
  color: white;
}

.txt-odsbhq {
  color: #8ab73f;
}

.txt-odsbhq-dark {
  color: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

@keyframes launch-odsbhq {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
@-webkit-keyframes launch-odsbhq {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
.emphasize-odsbhq {
  animation: launch-odsbhq 1s linear 1 alternate;
  -webkit-animation: launch-odsbhq 1s linear 1 alternate;
}

.bg-teendriving {
  background: #52a6d5;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-over-teendriving:hover {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

.bg-over-teendriving:active {
  background: rgb(123.0372093023, 187.111627907, 222.9627906977);
}

.stroke-teendriving {
  fill: none;
  stroke: #52a6d5;
}

.bg-teendriving-dark {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
  color: white;
}

.txt-teendriving {
  color: #52a6d5;
}

.txt-teendriving-dark {
  color: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

@keyframes launch-teendriving {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
@-webkit-keyframes launch-teendriving {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
.emphasize-teendriving {
  animation: launch-teendriving 1s linear 1 alternate;
  -webkit-animation: launch-teendriving 1s linear 1 alternate;
}

.bg-cognitive_control {
  background: #6B6B6A;
  fill: #6B6B6A;
  transition: background 0.3s;
}

.bg-over-cognitive_control:hover {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

.bg-over-cognitive_control:active {
  background: rgb(132.5774647887, 132.5774647887, 131.4225352113);
}

.stroke-cognitive_control {
  fill: none;
  stroke: #6B6B6A;
}

.bg-cognitive_control-dark {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
  color: white;
}

.txt-cognitive_control {
  color: #6B6B6A;
}

.txt-cognitive_control-dark {
  color: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

@keyframes launch-cognitive_control {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
@-webkit-keyframes launch-cognitive_control {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
.emphasize-cognitive_control {
  animation: launch-cognitive_control 1s linear 1 alternate;
  -webkit-animation: launch-cognitive_control 1s linear 1 alternate;
}

.bg-social_cognition {
  background: #111111;
  fill: #111111;
  transition: background 0.3s;
}

.bg-over-social_cognition:hover {
  background: black;
}

.bg-over-social_cognition:active {
  background: rgb(42.5, 42.5, 42.5);
}

.stroke-social_cognition {
  fill: none;
  stroke: #111111;
}

.bg-social_cognition-dark {
  background: black;
  color: white;
}

.txt-social_cognition {
  color: #111111;
}

.txt-social_cognition-dark {
  color: black;
}

@keyframes launch-social_cognition {
  0% {
    border: solid 4px black;
  }
  100% {
    border: solid 4px rgb(42.5, 42.5, 42.5);
  }
}
@-webkit-keyframes launch-social_cognition {
  0% {
    border: solid 4px black;
  }
  100% {
    border: solid 4px rgb(42.5, 42.5, 42.5);
  }
}
.emphasize-social_cognition {
  animation: launch-social_cognition 1s linear 1 alternate;
  -webkit-animation: launch-social_cognition 1s linear 1 alternate;
}

.bg-assessment {
  background: #6B6B6A;
  fill: #6B6B6A;
  transition: background 0.3s;
}

.bg-over-assessment:hover {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

.bg-over-assessment:active {
  background: rgb(132.5774647887, 132.5774647887, 131.4225352113);
}

.stroke-assessment {
  fill: none;
  stroke: #6B6B6A;
}

.bg-assessment-dark {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
  color: white;
}

.txt-assessment {
  color: #6B6B6A;
}

.txt-assessment-dark {
  color: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

@keyframes launch-assessment {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
@-webkit-keyframes launch-assessment {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
.emphasize-assessment {
  animation: launch-assessment 1s linear 1 alternate;
  -webkit-animation: launch-assessment 1s linear 1 alternate;
}

.bg-aquaa {
  background: #25bdc1;
  fill: #25bdc1;
  transition: background 0.3s;
}

.bg-over-aquaa:hover {
  background: rgb(28.7956521739, 147.0913043478, 150.2043478261);
}

.bg-over-aquaa:active {
  background: rgb(62.8391304348, 214.1782608696, 218.1608695652);
}

.stroke-aquaa {
  fill: none;
  stroke: #25bdc1;
}

.bg-aquaa-dark {
  background: rgb(28.7956521739, 147.0913043478, 150.2043478261);
  color: white;
}

.txt-aquaa {
  color: #25bdc1;
}

.txt-aquaa-dark {
  color: rgb(28.7956521739, 147.0913043478, 150.2043478261);
}

@keyframes launch-aquaa {
  0% {
    border: solid 4px rgb(28.7956521739, 147.0913043478, 150.2043478261);
  }
  100% {
    border: solid 4px rgb(62.8391304348, 214.1782608696, 218.1608695652);
  }
}
@-webkit-keyframes launch-aquaa {
  0% {
    border: solid 4px rgb(28.7956521739, 147.0913043478, 150.2043478261);
  }
  100% {
    border: solid 4px rgb(62.8391304348, 214.1782608696, 218.1608695652);
  }
}
.emphasize-aquaa {
  animation: launch-aquaa 1s linear 1 alternate;
  -webkit-animation: launch-aquaa 1s linear 1 alternate;
}

.bg-bland {
  background: #bbb;
  fill: #bbb;
  transition: background 0.3s;
}

.bg-over-bland:hover {
  background: rgb(161.5, 161.5, 161.5);
}

.bg-over-bland:active {
  background: rgb(212.5, 212.5, 212.5);
}

.stroke-bland {
  fill: none;
  stroke: #bbb;
}

.bg-bland-dark {
  background: rgb(161.5, 161.5, 161.5);
  color: white;
}

.txt-bland {
  color: #bbb;
}

.txt-bland-dark {
  color: rgb(161.5, 161.5, 161.5);
}

@keyframes launch-bland {
  0% {
    border: solid 4px rgb(161.5, 161.5, 161.5);
  }
  100% {
    border: solid 4px rgb(212.5, 212.5, 212.5);
  }
}
@-webkit-keyframes launch-bland {
  0% {
    border: solid 4px rgb(161.5, 161.5, 161.5);
  }
  100% {
    border: solid 4px rgb(212.5, 212.5, 212.5);
  }
}
.emphasize-bland {
  animation: launch-bland 1s linear 1 alternate;
  -webkit-animation: launch-bland 1s linear 1 alternate;
}

.bg-danger {
  background: #a22;
  fill: #a22;
  transition: background 0.3s;
}

.bg-over-danger:hover {
  background: rgb(127.5, 25.5, 25.5);
}

.bg-over-danger:active {
  background: rgb(212.5, 42.5, 42.5);
}

.stroke-danger {
  fill: none;
  stroke: #a22;
}

.bg-danger-dark {
  background: rgb(127.5, 25.5, 25.5);
  color: white;
}

.txt-danger {
  color: #a22;
}

.txt-danger-dark {
  color: rgb(127.5, 25.5, 25.5);
}

@keyframes launch-danger {
  0% {
    border: solid 4px rgb(127.5, 25.5, 25.5);
  }
  100% {
    border: solid 4px rgb(212.5, 42.5, 42.5);
  }
}
@-webkit-keyframes launch-danger {
  0% {
    border: solid 4px rgb(127.5, 25.5, 25.5);
  }
  100% {
    border: solid 4px rgb(212.5, 42.5, 42.5);
  }
}
.emphasize-danger {
  animation: launch-danger 1s linear 1 alternate;
  -webkit-animation: launch-danger 1s linear 1 alternate;
}

.bg-attention {
  background: #8ab73f;
  fill: #8ab73f;
  transition: background 0.3s;
}

.bg-over-attention:hover {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

.bg-over-attention:active {
  background: rgb(161.487804878, 200.4512195122, 96.5487804878);
}

.stroke-attention {
  fill: none;
  stroke: #8ab73f;
}

.bg-attention-dark {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
  color: white;
}

.txt-attention {
  color: #8ab73f;
}

.txt-attention-dark {
  color: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

@keyframes launch-attention {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
@-webkit-keyframes launch-attention {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
.emphasize-attention {
  animation: launch-attention 1s linear 1 alternate;
  -webkit-animation: launch-attention 1s linear 1 alternate;
}

.bg-brain_speed {
  background: #52a6d5;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-over-brain_speed:hover {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

.bg-over-brain_speed:active {
  background: rgb(123.0372093023, 187.111627907, 222.9627906977);
}

.stroke-brain_speed {
  fill: none;
  stroke: #52a6d5;
}

.bg-brain_speed-dark {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
  color: white;
}

.txt-brain_speed {
  color: #52a6d5;
}

.txt-brain_speed-dark {
  color: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

@keyframes launch-brain_speed {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
@-webkit-keyframes launch-brain_speed {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
.emphasize-brain_speed {
  animation: launch-brain_speed 1s linear 1 alternate;
  -webkit-animation: launch-brain_speed 1s linear 1 alternate;
}

.bg-memory {
  background: #e15679;
  fill: #e15679;
  transition: background 0.3s;
}

.bg-over-memory:hover {
  background: rgb(217.3115577889, 42.6884422111, 86.6582914573);
}

.bg-over-memory:active {
  background: rgb(232.6884422111, 129.3115577889, 155.3417085427);
}

.stroke-memory {
  fill: none;
  stroke: #e15679;
}

.bg-memory-dark {
  background: rgb(217.3115577889, 42.6884422111, 86.6582914573);
  color: white;
}

.txt-memory {
  color: #e15679;
}

.txt-memory-dark {
  color: rgb(217.3115577889, 42.6884422111, 86.6582914573);
}

@keyframes launch-memory {
  0% {
    border: solid 4px rgb(217.3115577889, 42.6884422111, 86.6582914573);
  }
  100% {
    border: solid 4px rgb(232.6884422111, 129.3115577889, 155.3417085427);
  }
}
@-webkit-keyframes launch-memory {
  0% {
    border: solid 4px rgb(217.3115577889, 42.6884422111, 86.6582914573);
  }
  100% {
    border: solid 4px rgb(232.6884422111, 129.3115577889, 155.3417085427);
  }
}
.emphasize-memory {
  animation: launch-memory 1s linear 1 alternate;
  -webkit-animation: launch-memory 1s linear 1 alternate;
}

.bg-people_skills {
  background: #e97a24;
  fill: #e97a24;
  transition: background 0.3s;
}

.bg-over-people_skills:hover {
  background: rgb(198.0995850622, 97.6929460581, 19.9004149378);
}

.bg-over-people_skills:active {
  background: rgb(237.6556016598, 150.1452282158, 82.3443983402);
}

.stroke-people_skills {
  fill: none;
  stroke: #e97a24;
}

.bg-people_skills-dark {
  background: rgb(198.0995850622, 97.6929460581, 19.9004149378);
  color: white;
}

.txt-people_skills {
  color: #e97a24;
}

.txt-people_skills-dark {
  color: rgb(198.0995850622, 97.6929460581, 19.9004149378);
}

@keyframes launch-people_skills {
  0% {
    border: solid 4px rgb(198.0995850622, 97.6929460581, 19.9004149378);
  }
  100% {
    border: solid 4px rgb(237.6556016598, 150.1452282158, 82.3443983402);
  }
}
@-webkit-keyframes launch-people_skills {
  0% {
    border: solid 4px rgb(198.0995850622, 97.6929460581, 19.9004149378);
  }
  100% {
    border: solid 4px rgb(237.6556016598, 150.1452282158, 82.3443983402);
  }
}
.emphasize-people_skills {
  animation: launch-people_skills 1s linear 1 alternate;
  -webkit-animation: launch-people_skills 1s linear 1 alternate;
}

.bg-intelligence {
  background: #9e5ba3;
  fill: #9e5ba3;
  transition: background 0.3s;
}

.bg-over-intelligence:hover {
  background: rgb(126.2755905512, 72.7283464567, 130.2716535433);
}

.bg-over-intelligence:active {
  background: rgb(177.5196850394, 123.4448818898, 181.5551181102);
}

.stroke-intelligence {
  fill: none;
  stroke: #9e5ba3;
}

.bg-intelligence-dark {
  background: rgb(126.2755905512, 72.7283464567, 130.2716535433);
  color: white;
}

.txt-intelligence {
  color: #9e5ba3;
}

.txt-intelligence-dark {
  color: rgb(126.2755905512, 72.7283464567, 130.2716535433);
}

@keyframes launch-intelligence {
  0% {
    border: solid 4px rgb(126.2755905512, 72.7283464567, 130.2716535433);
  }
  100% {
    border: solid 4px rgb(177.5196850394, 123.4448818898, 181.5551181102);
  }
}
@-webkit-keyframes launch-intelligence {
  0% {
    border: solid 4px rgb(126.2755905512, 72.7283464567, 130.2716535433);
  }
  100% {
    border: solid 4px rgb(177.5196850394, 123.4448818898, 181.5551181102);
  }
}
.emphasize-intelligence {
  animation: launch-intelligence 1s linear 1 alternate;
  -webkit-animation: launch-intelligence 1s linear 1 alternate;
}

.bg-navigation {
  background: #e9b620;
  fill: #e9b620;
  transition: background 0.3s;
}

.bg-over-navigation:hover {
  background: rgb(194.7836734694, 150.2367346939, 19.2163265306);
}

.bg-over-navigation:active {
  background: rgb(237.5795918367, 197.1959183673, 78.4204081633);
}

.stroke-navigation {
  fill: none;
  stroke: #e9b620;
}

.bg-navigation-dark {
  background: rgb(194.7836734694, 150.2367346939, 19.2163265306);
  color: white;
}

.txt-navigation {
  color: #e9b620;
}

.txt-navigation-dark {
  color: rgb(194.7836734694, 150.2367346939, 19.2163265306);
}

@keyframes launch-navigation {
  0% {
    border: solid 4px rgb(194.7836734694, 150.2367346939, 19.2163265306);
  }
  100% {
    border: solid 4px rgb(237.5795918367, 197.1959183673, 78.4204081633);
  }
}
@-webkit-keyframes launch-navigation {
  0% {
    border: solid 4px rgb(194.7836734694, 150.2367346939, 19.2163265306);
  }
  100% {
    border: solid 4px rgb(237.5795918367, 197.1959183673, 78.4204081633);
  }
}
.emphasize-navigation {
  animation: launch-navigation 1s linear 1 alternate;
  -webkit-animation: launch-navigation 1s linear 1 alternate;
}

.bg-odsbhq {
  background: #8ab73f;
  fill: #8ab73f;
  transition: background 0.3s;
}

.bg-over-odsbhq:hover {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

.bg-over-odsbhq:active {
  background: rgb(161.487804878, 200.4512195122, 96.5487804878);
}

.stroke-odsbhq {
  fill: none;
  stroke: #8ab73f;
}

.bg-odsbhq-dark {
  background: rgb(109.3902439024, 145.0609756098, 49.9390243902);
  color: white;
}

.txt-odsbhq {
  color: #8ab73f;
}

.txt-odsbhq-dark {
  color: rgb(109.3902439024, 145.0609756098, 49.9390243902);
}

@keyframes launch-odsbhq {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
@-webkit-keyframes launch-odsbhq {
  0% {
    border: solid 4px rgb(109.3902439024, 145.0609756098, 49.9390243902);
  }
  100% {
    border: solid 4px rgb(161.487804878, 200.4512195122, 96.5487804878);
  }
}
.emphasize-odsbhq {
  animation: launch-odsbhq 1s linear 1 alternate;
  -webkit-animation: launch-odsbhq 1s linear 1 alternate;
}

.bg-teendriving {
  background: #52a6d5;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-over-teendriving:hover {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

.bg-over-teendriving:active {
  background: rgb(123.0372093023, 187.111627907, 222.9627906977);
}

.stroke-teendriving {
  fill: none;
  stroke: #52a6d5;
}

.bg-teendriving-dark {
  background: rgb(47.6651162791, 142.9953488372, 196.3348837209);
  color: white;
}

.txt-teendriving {
  color: #52a6d5;
}

.txt-teendriving-dark {
  color: rgb(47.6651162791, 142.9953488372, 196.3348837209);
}

@keyframes launch-teendriving {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
@-webkit-keyframes launch-teendriving {
  0% {
    border: solid 4px rgb(47.6651162791, 142.9953488372, 196.3348837209);
  }
  100% {
    border: solid 4px rgb(123.0372093023, 187.111627907, 222.9627906977);
  }
}
.emphasize-teendriving {
  animation: launch-teendriving 1s linear 1 alternate;
  -webkit-animation: launch-teendriving 1s linear 1 alternate;
}

.bg-cognitive_control {
  background: #6B6B6A;
  fill: #6B6B6A;
  transition: background 0.3s;
}

.bg-over-cognitive_control:hover {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

.bg-over-cognitive_control:active {
  background: rgb(132.5774647887, 132.5774647887, 131.4225352113);
}

.stroke-cognitive_control {
  fill: none;
  stroke: #6B6B6A;
}

.bg-cognitive_control-dark {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
  color: white;
}

.txt-cognitive_control {
  color: #6B6B6A;
}

.txt-cognitive_control-dark {
  color: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

@keyframes launch-cognitive_control {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
@-webkit-keyframes launch-cognitive_control {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
.emphasize-cognitive_control {
  animation: launch-cognitive_control 1s linear 1 alternate;
  -webkit-animation: launch-cognitive_control 1s linear 1 alternate;
}

.bg-social_cognition {
  background: #111111;
  fill: #111111;
  transition: background 0.3s;
}

.bg-over-social_cognition:hover {
  background: black;
}

.bg-over-social_cognition:active {
  background: rgb(42.5, 42.5, 42.5);
}

.stroke-social_cognition {
  fill: none;
  stroke: #111111;
}

.bg-social_cognition-dark {
  background: black;
  color: white;
}

.txt-social_cognition {
  color: #111111;
}

.txt-social_cognition-dark {
  color: black;
}

@keyframes launch-social_cognition {
  0% {
    border: solid 4px black;
  }
  100% {
    border: solid 4px rgb(42.5, 42.5, 42.5);
  }
}
@-webkit-keyframes launch-social_cognition {
  0% {
    border: solid 4px black;
  }
  100% {
    border: solid 4px rgb(42.5, 42.5, 42.5);
  }
}
.emphasize-social_cognition {
  animation: launch-social_cognition 1s linear 1 alternate;
  -webkit-animation: launch-social_cognition 1s linear 1 alternate;
}

.bg-assessment {
  background: #6B6B6A;
  fill: #6B6B6A;
  transition: background 0.3s;
}

.bg-over-assessment:hover {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

.bg-over-assessment:active {
  background: rgb(132.5774647887, 132.5774647887, 131.4225352113);
}

.stroke-assessment {
  fill: none;
  stroke: #6B6B6A;
}

.bg-assessment-dark {
  background: rgb(81.3802816901, 81.3802816901, 80.6197183099);
  color: white;
}

.txt-assessment {
  color: #6B6B6A;
}

.txt-assessment-dark {
  color: rgb(81.3802816901, 81.3802816901, 80.6197183099);
}

@keyframes launch-assessment {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
@-webkit-keyframes launch-assessment {
  0% {
    border: solid 4px rgb(81.3802816901, 81.3802816901, 80.6197183099);
  }
  100% {
    border: solid 4px rgb(132.5774647887, 132.5774647887, 131.4225352113);
  }
}
.emphasize-assessment {
  animation: launch-assessment 1s linear 1 alternate;
  -webkit-animation: launch-assessment 1s linear 1 alternate;
}

.bg-aquaa {
  background: #25bdc1;
  fill: #25bdc1;
  transition: background 0.3s;
}

.bg-over-aquaa:hover {
  background: rgb(28.7956521739, 147.0913043478, 150.2043478261);
}

.bg-over-aquaa:active {
  background: rgb(62.8391304348, 214.1782608696, 218.1608695652);
}

.stroke-aquaa {
  fill: none;
  stroke: #25bdc1;
}

.bg-aquaa-dark {
  background: rgb(28.7956521739, 147.0913043478, 150.2043478261);
  color: white;
}

.txt-aquaa {
  color: #25bdc1;
}

.txt-aquaa-dark {
  color: rgb(28.7956521739, 147.0913043478, 150.2043478261);
}

@keyframes launch-aquaa {
  0% {
    border: solid 4px rgb(28.7956521739, 147.0913043478, 150.2043478261);
  }
  100% {
    border: solid 4px rgb(62.8391304348, 214.1782608696, 218.1608695652);
  }
}
@-webkit-keyframes launch-aquaa {
  0% {
    border: solid 4px rgb(28.7956521739, 147.0913043478, 150.2043478261);
  }
  100% {
    border: solid 4px rgb(62.8391304348, 214.1782608696, 218.1608695652);
  }
}
.emphasize-aquaa {
  animation: launch-aquaa 1s linear 1 alternate;
  -webkit-animation: launch-aquaa 1s linear 1 alternate;
}

.bg-bland {
  background: #bbb;
  fill: #bbb;
  transition: background 0.3s;
}

.bg-over-bland:hover {
  background: rgb(161.5, 161.5, 161.5);
}

.bg-over-bland:active {
  background: rgb(212.5, 212.5, 212.5);
}

.stroke-bland {
  fill: none;
  stroke: #bbb;
}

.bg-bland-dark {
  background: rgb(161.5, 161.5, 161.5);
  color: white;
}

.txt-bland {
  color: #bbb;
}

.txt-bland-dark {
  color: rgb(161.5, 161.5, 161.5);
}

@keyframes launch-bland {
  0% {
    border: solid 4px rgb(161.5, 161.5, 161.5);
  }
  100% {
    border: solid 4px rgb(212.5, 212.5, 212.5);
  }
}
@-webkit-keyframes launch-bland {
  0% {
    border: solid 4px rgb(161.5, 161.5, 161.5);
  }
  100% {
    border: solid 4px rgb(212.5, 212.5, 212.5);
  }
}
.emphasize-bland {
  animation: launch-bland 1s linear 1 alternate;
  -webkit-animation: launch-bland 1s linear 1 alternate;
}

.bg-danger {
  background: #a22;
  fill: #a22;
  transition: background 0.3s;
}

.bg-over-danger:hover {
  background: rgb(127.5, 25.5, 25.5);
}

.bg-over-danger:active {
  background: rgb(212.5, 42.5, 42.5);
}

.stroke-danger {
  fill: none;
  stroke: #a22;
}

.bg-danger-dark {
  background: rgb(127.5, 25.5, 25.5);
  color: white;
}

.txt-danger {
  color: #a22;
}

.txt-danger-dark {
  color: rgb(127.5, 25.5, 25.5);
}

@keyframes launch-danger {
  0% {
    border: solid 4px rgb(127.5, 25.5, 25.5);
  }
  100% {
    border: solid 4px rgb(212.5, 42.5, 42.5);
  }
}
@-webkit-keyframes launch-danger {
  0% {
    border: solid 4px rgb(127.5, 25.5, 25.5);
  }
  100% {
    border: solid 4px rgb(212.5, 42.5, 42.5);
  }
}
.emphasize-danger {
  animation: launch-danger 1s linear 1 alternate;
  -webkit-animation: launch-danger 1s linear 1 alternate;
}

#breakingnews {
  height: 0px;
  width: 100%;
}
#breakingnews #bn-content {
  padding: 10px 5px 5px 5px;
  background-color: #800000;
  transition: height 0.7s ease-out 0.3s;
  height: 0px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#breakingnews #bn-content b {
  font-size: 20px;
}

/* Mobile Styles */
@media only screen and (max-width: 414px) {
  #bn-content {
    font-size: 12px;
    text-align: center;
  }
}
#faux-hdr {
  position: absolute;
  top: -60px;
  width: 100%;
  height: 50px;
  background: rgb(110, 110, 110);
  transition: top 0.7s ease-out 0.3s;
  z-index: 3;
}
#faux-hdr #close-banner {
  border: none;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
  color: white;
  opacity: 0.7;
  font-size: 1.6em;
  transition: opacity 0.3s ease-out;
}
#faux-hdr #close-banner:hover {
  opacity: 1;
}
#faux-hdr .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#faux-hdr .content b {
  font-size: 20px;
}
#faux-hdr .content #bn-msg {
  margin: -4px 65px 0px 15px;
  position: absolute;
  color: white;
}
#faux-hdr .content #bn-msg a {
  color: #e0e329;
  text-decoration: none;
}
#faux-hdr .content #bn-msg .material-icons {
  top: 6px;
  position: relative;
}

img {
  opacity: 1;
  transition: opacity 0.3s;
}

img[data-src] {
  opacity: 0;
}

@media screen and (max-width: 980px) {
  .dispensable {
    display: none !important;
  }
}

span.dispensable {
  margin: 0px;
}

@media screen and (min-width: 980px) {
  .undispensable {
    display: none !important;
  }
}

@media screen and (max-height: 431px) {
  .dispensable-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 570px) {
  .dispensable-landscape {
    display: none !important;
  }
}

.color-gray0 {
  color: #fff;
  fill: #fff;
}

.color-gray1 {
  color: #461c12;
  fill: #461c12;
}

.color-gray3 {
  color: #f2f2f2;
  fill: #f2f2f2;
}

.color-gray10 {
  color: #e6e6e6;
  fill: #e6e6e6;
}

.color-gray18 {
  color: #1d1d1d;
  fill: #1d1d1d;
}

.color-gray20 {
  color: #ccc;
  fill: #ccc;
}

.color-gray30 {
  color: #C7C7C7;
  fill: #C7C7C7;
}

.color-gray40 {
  color: #999;
  fill: #999;
}

.color-gray50 {
  color: #808080;
  fill: #808080;
}

.color-gray60 {
  color: #666;
  fill: #666;
}

.color-gray70 {
  color: #4d4d4d;
  fill: #4d4d4d;
}

.color-gray80 {
  color: #333;
  fill: #333;
}

.color-gray90 {
  color: #1a1a1a;
  fill: #1a1a1a;
}

.color-gray100 {
  color: #000;
  fill: #000;
}

.color-active {
  color: #404040;
  fill: #404040;
}

.color-hover1 {
  color: #b2b2b2;
  fill: #b2b2b2;
}

.color-hover2 {
  color: #666;
  fill: #666;
}

.color-charcoal {
  color: #535562;
  fill: #535562;
}

.color-red {
  color: #924f38;
  fill: #924f38;
}

.color-unset {
  color: #89664B;
  fill: #89664B;
}

.color-neutral {
  color: #6299C6;
  fill: #539ecc;
}

.color-success {
  color: #56A43D;
  fill: #468230;
}

.color-error {
  color: #ed1c24;
  fill: #671C0A;
}

.color-linkBlue {
  color: #28326f;
  fill: #28326f;
}

.color-orange0 {
  color: #f06344;
  fill: #f06344;
}

.color-nav-blue {
  color: #6c70b4;
  fill: #6c70b4;
}

.color-nav-lightblue {
  color: #9f90c5;
  fill: #9f90c5;
}

.color-nav-purple {
  color: #b289be;
  fill: #b289be;
}

.color-nav-pink {
  color: #f17198;
  fill: #f17198;
}

.color-nav-orangered {
  color: #f48583;
  fill: #f48583;
}

.color-nav-orange {
  color: #f69471;
  fill: #f69471;
}

.color-nav-yellow {
  color: #fcbb73;
  fill: #fcbb73;
}

.txt-title1 {
  font-size: 26px;
  font-weight: 300;
}

.txt-title2 {
  font-size: 25px;
  font-weight: 900;
}

.txt-title3 {
  font-size: 22px;
  font-weight: 500;
}

.txt-body1 {
  font-size: 18px;
  font-weight: 500;
}

.txt-body2 {
  font-size: 16px;
  font-weight: 500;
}

.txt-label1 {
  font-size: 50px;
  font-weight: 700;
}

.txt-label2 {
  font-size: 40px;
  font-weight: 100;
}

.txt-label3 {
  font-size: 32px;
  font-weight: 100;
}

.txt-label4 {
  font-size: 26px;
  font-weight: 100;
}

.txt-label5 {
  font-size: 24px;
  font-weight: 500;
}

.txt-label5a {
  font-size: 24px;
  font-weight: 100;
}

.txt-label6 {
  font-size: 22px;
  font-weight: 900;
}

.txt-label7 {
  font-size: 22px;
  font-weight: 700;
}

.txt-label8 {
  font-size: 22px;
  font-weight: 100;
}

.txt-label9 {
  font-size: 22px;
  font-weight: 300;
}

.txt-label10 {
  font-size: 20px;
  font-weight: 700;
}

.txt-label11 {
  font-size: 18px;
  font-weight: 500;
}

.txt-label12 {
  font-size: 17px;
  font-weight: 700;
}

.txt-label13 {
  font-size: 16px;
  font-weight: 300;
}

.txt-label14 {
  font-size: 16px;
  font-weight: 500;
}

.txt-label15 {
  font-size: 16px;
  font-weight: 700;
}

.txt-label16 {
  font-size: 16px;
  font-weight: 900;
}

.txt-label17 {
  font-size: 15px;
  font-weight: 700;
}

.txt-label18 {
  font-size: 15px;
  font-weight: 500;
}

.txt-label19 {
  font-size: 14px;
  font-weight: 300;
}

.txt-label20 {
  font-size: 14px;
  font-weight: 500;
}

.txt-label21 {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}

.txt-label22 {
  font-size: 13px;
  font-weight: 700;
}

.txt-label23 {
  font-size: 12px;
  font-weight: 700;
}

.txt-label24 {
  font-size: 12px;
  font-weight: 500;
}

.txt-label25 {
  font-size: 35px;
  font-weight: 500;
}

.txt-label26 {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}

.txt-label27 {
  font-size: 8px;
  font-weight: 300;
}

.txt-label28 {
  font-size: 21px;
  font-weight: 500;
}

.txt-label29 {
  font-size: 26px;
  font-weight: 500;
}

.txt-label30 {
  font-size: 28px;
  font-weight: 500;
}

.txt-label31 {
  font-size: 17px;
  font-weight: 500;
}

.txt-label32 {
  font-size: 17px;
  font-weight: 300;
}

.txt-label33 {
  font-size: 30px;
  font-weight: 700;
}

.txt-label34 {
  font-size: 18px;
  font-weight: 900;
}

.txt-label35 {
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
}

.txt-label36 {
  font-size: 22px;
  font-weight: 500;
  font-style: italic;
}

.txt-label37 {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
}

.txt-label38 {
  font-size: 72px;
  font-weight: 100;
}

.txt-label39 {
  font-size: 52px;
  font-weight: 100;
}

.txt-label40 {
  font-size: 13px;
  font-weight: 500;
}

.txt-label41 {
  font-size: 100px;
  font-weight: 600;
}

.txt-label42 {
  font-size: 10px;
  font-weight: 300;
}

#hamburger {
  z-index: 13;
  position: fixed;
  top: 0;
  right: -300px;
  background: rgba(0, 0, 0, 0.9);
  width: 300px;
  transition: right 0.4s ease-out;
  padding: 0px;
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column;
  color: white;
}
#hamburger #hamb-killer {
  height: 55px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
#hamburger #hamb-killer .material-icons {
  color: #ddd;
  margin-right: 16px;
}
#hamburger #hamb-killer:hover {
  background: black;
}
#hamburger #hamb-killer:hover .material-icons {
  color: #eef;
}
#hamburger .tab {
  border-top: 0.5px solid rgba(77, 77, 77, 0.9);
  border-bottom: 0.5px solid rgba(77, 77, 77, 0.9);
  background: rgba(0, 0, 0, 0.9);
  position: relative;
  right: -300px;
  height: 70px;
  width: 100%;
  margin: 0px;
  width: 300px;
  text-align: right;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
}
#hamburger .tab .hamb-ic {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  text-align: center;
}
#hamburger .tab .hamb-ic i {
  color: white; /* rgba(220, 220, 220, 0.85);*/
  font-size: 28px;
}
#hamburger .tab .hamb-a {
  width: 200px;
  margin-right: 10px;
  word-wrap: break-word;
}
#hamburger .tab .hamb-a a {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #B3B3B3;
  fill: #B3B3B3;
  opacity: 1;
}
#hamburger .tab .hamb-a a h4 {
  margin: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #e6e6e6;
  fill: #e6e6e6;
  opacity: 1;
}
#hamburger .tab:hover {
  background: rgba(100, 100, 100, 0.5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

#hamburger.showing {
  right: 0px;
  display: flex;
}

#hamburger-btn {
  z-index: 15;
}

#hamb-v {
  color: rgba(0, 0, 0, 0.9);
  margin: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
  fill: #999;
  opacity: 1;
  font-style: italic;
}

.color-gray0 {
  color: #fff;
  fill: #fff;
}

.color-gray1 {
  color: #461c12;
  fill: #461c12;
}

.color-gray3 {
  color: #f2f2f2;
  fill: #f2f2f2;
}

.color-gray10 {
  color: #e6e6e6;
  fill: #e6e6e6;
}

.color-gray18 {
  color: #1d1d1d;
  fill: #1d1d1d;
}

.color-gray20 {
  color: #ccc;
  fill: #ccc;
}

.color-gray30 {
  color: #C7C7C7;
  fill: #C7C7C7;
}

.color-gray40 {
  color: #999;
  fill: #999;
}

.color-gray50 {
  color: #808080;
  fill: #808080;
}

.color-gray60 {
  color: #666;
  fill: #666;
}

.color-gray70 {
  color: #4d4d4d;
  fill: #4d4d4d;
}

.color-gray80 {
  color: #333;
  fill: #333;
}

.color-gray90 {
  color: #1a1a1a;
  fill: #1a1a1a;
}

.color-gray100 {
  color: #000;
  fill: #000;
}

.color-active {
  color: #404040;
  fill: #404040;
}

.color-hover1 {
  color: #b2b2b2;
  fill: #b2b2b2;
}

.color-hover2 {
  color: #666;
  fill: #666;
}

.color-charcoal {
  color: #535562;
  fill: #535562;
}

.color-red {
  color: #924f38;
  fill: #924f38;
}

.color-unset {
  color: #89664B;
  fill: #89664B;
}

.color-neutral {
  color: #6299C6;
  fill: #539ecc;
}

.color-success {
  color: #56A43D;
  fill: #468230;
}

.color-error {
  color: #ed1c24;
  fill: #671C0A;
}

.color-linkBlue {
  color: #28326f;
  fill: #28326f;
}

.color-orange0 {
  color: #f06344;
  fill: #f06344;
}

.color-nav-blue {
  color: #6c70b4;
  fill: #6c70b4;
}

.color-nav-lightblue {
  color: #9f90c5;
  fill: #9f90c5;
}

.color-nav-purple {
  color: #b289be;
  fill: #b289be;
}

.color-nav-pink {
  color: #f17198;
  fill: #f17198;
}

.color-nav-orangered {
  color: #f48583;
  fill: #f48583;
}

.color-nav-orange {
  color: #f69471;
  fill: #f69471;
}

.color-nav-yellow {
  color: #fcbb73;
  fill: #fcbb73;
}

.txt-title1 {
  font-size: 26px;
  font-weight: 300;
}

.txt-title2 {
  font-size: 25px;
  font-weight: 900;
}

.txt-title3 {
  font-size: 22px;
  font-weight: 500;
}

.txt-body1 {
  font-size: 18px;
  font-weight: 500;
}

.txt-body2 {
  font-size: 16px;
  font-weight: 500;
}

.txt-label1 {
  font-size: 50px;
  font-weight: 700;
}

.txt-label2 {
  font-size: 40px;
  font-weight: 100;
}

.txt-label3 {
  font-size: 32px;
  font-weight: 100;
}

.txt-label4 {
  font-size: 26px;
  font-weight: 100;
}

.txt-label5 {
  font-size: 24px;
  font-weight: 500;
}

.txt-label5a {
  font-size: 24px;
  font-weight: 100;
}

.txt-label6 {
  font-size: 22px;
  font-weight: 900;
}

.txt-label7 {
  font-size: 22px;
  font-weight: 700;
}

.txt-label8 {
  font-size: 22px;
  font-weight: 100;
}

.txt-label9 {
  font-size: 22px;
  font-weight: 300;
}

.txt-label10 {
  font-size: 20px;
  font-weight: 700;
}

.txt-label11 {
  font-size: 18px;
  font-weight: 500;
}

.txt-label12 {
  font-size: 17px;
  font-weight: 700;
}

.txt-label13 {
  font-size: 16px;
  font-weight: 300;
}

.txt-label14 {
  font-size: 16px;
  font-weight: 500;
}

.txt-label15 {
  font-size: 16px;
  font-weight: 700;
}

.txt-label16 {
  font-size: 16px;
  font-weight: 900;
}

.txt-label17 {
  font-size: 15px;
  font-weight: 700;
}

.txt-label18 {
  font-size: 15px;
  font-weight: 500;
}

.txt-label19 {
  font-size: 14px;
  font-weight: 300;
}

.txt-label20 {
  font-size: 14px;
  font-weight: 500;
}

.txt-label21 {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}

.txt-label22 {
  font-size: 13px;
  font-weight: 700;
}

.txt-label23 {
  font-size: 12px;
  font-weight: 700;
}

.txt-label24 {
  font-size: 12px;
  font-weight: 500;
}

.txt-label25 {
  font-size: 35px;
  font-weight: 500;
}

.txt-label26 {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}

.txt-label27 {
  font-size: 8px;
  font-weight: 300;
}

.txt-label28 {
  font-size: 21px;
  font-weight: 500;
}

.txt-label29 {
  font-size: 26px;
  font-weight: 500;
}

.txt-label30 {
  font-size: 28px;
  font-weight: 500;
}

.txt-label31 {
  font-size: 17px;
  font-weight: 500;
}

.txt-label32 {
  font-size: 17px;
  font-weight: 300;
}

.txt-label33 {
  font-size: 30px;
  font-weight: 700;
}

.txt-label34 {
  font-size: 18px;
  font-weight: 900;
}

.txt-label35 {
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
}

.txt-label36 {
  font-size: 22px;
  font-weight: 500;
  font-style: italic;
}

.txt-label37 {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
}

.txt-label38 {
  font-size: 72px;
  font-weight: 100;
}

.txt-label39 {
  font-size: 52px;
  font-weight: 100;
}

.txt-label40 {
  font-size: 13px;
  font-weight: 500;
}

.txt-label41 {
  font-size: 100px;
  font-weight: 600;
}

.txt-label42 {
  font-size: 10px;
  font-weight: 300;
}

.bg-prof {
  background: #6c70b4;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-prof-over:hover {
  opacity: 0.75;
}

.bg-reminder {
  background: #9f90c5;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-reminder-over:hover {
  opacity: 0.75;
}

.bg-account {
  background: #b289be;
  fill: #52a6d5;
  transition: background 0.3s;
  text-align: center;
}

.bg-account-over:hover {
  opacity: 0.75;
}

.bg-subscribe {
  background: #b289be;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-subscribe-over:hover {
  opacity: 0.75;
}

.bg-gift {
  background: #f17198;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-gift-over:hover {
  opacity: 0.75;
}

.bg-voucher {
  background: #f48583;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-help-over:hover {
  opacity: 0.75;
}

.bg-help {
  background: #f48583;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-help-over:hover {
  opacity: 0.75;
}

.bg-goals {
  background: #f69471;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-goals-over:hover {
  opacity: 0.75;
}

.bg-family {
  background: #6c70b4;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-family-over:hover {
  opacity: 0.75;
}

.bg-language {
  background: #fcbb73;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-language-over:hover {
  opacity: 0.75;
}

.bg-logout {
  background: #fcbb73;
  fill: #52a6d5;
  transition: background 0.3s;
}

.bg-logout-over:hover {
  opacity: 0.75;
}

.darkish {
  color: #4d4d00;
}

a.oldlink {
  color: #1fbcc0;
}

.pointer {
  cursor: pointer;
}

button {
  border: none;
}

.skiplink {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0px;
  height: 1px;
  overflow: hidden;
  transition: height 0.5s;
}

.skiplink:focus, .skiplink:active {
  position: static;
  width: auto;
  height: 35px;
}

.yellow {
  color: #e0e329;
}

.white {
  color: #ffffff;
}

.slimebar {
  width: 100%;
  height: 30px;
  display: flex;
  flex-flow: row;
  background: #e0e329;
  margin-top: auto;
  margin-bottom: 0px;
}

.greybar {
  width: 100%;
  height: 30px;
  display: flex;
  flex-flow: row;
  background: #1f1f1f;
  margin-top: auto;
  margin-bottom: 0px;
}

#tiles {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 5040px;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: start;
}
#tiles #tiles-svg {
  width: 980px;
  height: 5040px;
}
@media screen and (max-width: 980px) {
  #tiles #tiles-svg {
    width: 300px;
  }
}
#tiles .tile {
  width: 140;
  height: 140;
}
#tiles .greenery {
  stroke: #e0e329;
  fill: none;
  stroke-width: 0;
}
#tiles .rounded {
  stroke-linecap: round;
}
#tiles .bluery {
  stroke: #1fbcc0;
  fill: #1fbcc0;
}

.grn-s {
  stroke: #e0e329;
}

.grn-f {
  fill: #e0e329;
}

body {
  margin: 0px;
  font-family: museo-sans, Helvetica, sans-serif;
  font-weight: 100;
}

h1 {
  font-size: 1.9em;
  line-height: 1em;
}

h2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
}

.parenthetical {
  text-align: center;
  margin-top: -20px;
  font-size: 1em;
  padding: 5px 0 10px 0;
}

.layer0 {
  position: relative;
  z-index: -1;
}

.layer1 {
  position: relative;
  z-index: 1;
}

.layer2 {
  position: relative;
  z-index: 2;
}

#main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4900px;
  color: #080808;
}

#hamburger .tab:hover {
  background: rgba(50, 50, 50, 0.95);
}

#logo-svg {
  width: 40px;
  height: 40px;
}
#logo-svg svg {
  position: relative;
  height: 80px;
  width: 80px;
  top: -20px;
  left: -20px;
}

button {
  background-color: #e45d39;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-family: museo-sans, Helvetica, sans-serif;
  padding: 8px;
  overflow: hidden;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
button:hover {
  background-color: rgb(224.94, 74.64, 34.56);
}

.btn {
  background-color: #e45d39;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  padding: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 20px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.1s ease-out;
  cursor: pointer;
}
.btn:hover {
  background-color: rgb(224.94, 74.64, 34.56);
}
@media screen and (max-width: 980px) {
  .btn {
    font-size: 16px;
    padding: 4px;
  }
}

.btn-emph {
  background-color: #e45d39;
  font-weight: 500;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
}
.btn-emph:hover {
  background-color: rgb(250.5, 79.9736842105, 34.5);
}

.btn-emph:active {
  border: 0;
}

.emph-txt {
  color: #e45d39;
}

h4.subhdr {
  margin: 10px;
  font-weight: 100 !important;
}

.centered {
  text-align: center;
}

.within-large-lines {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .within-large-lines {
    width: 980px;
    min-width: 980px;
  }
}

.large-print {
  font-size: 20px;
}

.header {
  min-height: 65px;
  min-width: 100%;
  left: 0px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 12 !important;
  background-color: #1f1f1f;
  border-bottom: 1px solid #353535;
}
.header * {
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.header a {
  color: #1fbcc0;
}
.header .nav-float {
  min-width: 135px;
}
.header #hamburger-btn {
  margin-left: auto;
  cursor: pointer;
  color: #dc5c32;
}
.header #hamburger-btn i {
  font-size: 40px;
}
.header .hide-right {
  width: 0px;
  overflow: hidden;
  transition: width 0.2s ease-out;
  transition-delay: 0.5s;
}
.header .hide-right .hidden-right {
  width: 350px;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}

.headerslime a {
  color: #1fbcc0;
}

.align-right {
  text-align: right;
}

.skinny {
  font-weight: 100;
}

.smallcaps {
  font-variant: small-caps;
}

.hidden {
  display: none;
}

.box {
  min-width: 100%;
  min-height: 700px;
  height: 700px;
  width: 100%;
  overflow: hidden;
}

#top-front {
  background: none;
  opacity: 1;
}

.h7 {
  height: 700px;
}

.h0 {
  height: 0px;
  min-height: 0px;
}

.h1 {
  height: 140px;
  min-height: 140px;
}

.h2 {
  height: 280px;
  min-height: 280px;
}

.h3 {
  height: 420px;
  min-height: 420px;
}

.h4 {
  height: 560px;
  min-height: 560px;
}

.h5 {
  height: 700px;
  min-height: 700px;
}

.h6 {
  height: 840px;
  min-height: 840px;
}

.h7 {
  height: 980px;
  min-height: 980px;
}

.theme0 {
  opacity: 1;
}

.theme1 {
  color: #080808;
  background: #e0e329;
}

.theme2 {
  background: #1f1f1f;
  color: #ffffff;
}
.theme2 .accent {
  color: #1fbcc0;
  text-align: center;
}
.theme2 .accent .parenthetical {
  text-align: center;
}

.theme3 {
  color: white;
}

.theme4 {
  background: #ffffff;
  color: black;
}
.theme4 .accent {
  color: #1f1f1f;
  text-align: center;
}
.theme4 .accent .parenthetical {
  text-align: center;
}

.layout0 {
  text-align: center;
  width: 100%;
}
.layout0 .full-row {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* Scss Document */
.layout1 {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: flex-start;
}
.layout1 .bottom {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin: 50px;
}
@media screen and (min-width: 980px) {
  .layout1 .bottom {
    width: 980px;
    min-width: 980px;
  }
}
.layout1 .bottom .bottom-half {
  width: 40%;
}
@media screen and (min-width: 980px) {
  .layout1 .bottom .bottom-half p {
    margin-top: 0px;
    max-width: 450px;
    font-size: 18px;
    font-width: 100px;
  }
}
@media screen and (max-width: 980px) {
  .layout1 .top {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .layout1 .bottom {
    margin: 20px;
    margin-top: -10px;
    flex-flow: column;
    justify-content: flex-start;
  }
  .layout1 .bottom .bottom-half {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.layout2 {
  display: flex;
  align-items: center;
  flex-flow: column;
}

.layout3 {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}
.layout3 .block {
  margin: 10px;
  flex: 0;
  min-width: 330px;
  min-height: 330px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
}
.layout3 .block p {
  margin: 10px;
  font-weight: 100;
}

.layout4 {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: flex-start;
}
.layout4 * {
  margin: 10px;
}

/* Guillotine Block Start*/
h1.darkish {
  text-align: center;
}

#vid-container, #img-container {
  width: 472px;
  height: 270px;
  border: 8px solid #e0e329;
  background-color: #e0e329;
  position: relative;
  left: -50px;
  top: -20px;
}
#vid-container #vid-frame, #vid-container img, #img-container #vid-frame, #img-container img {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  #vid-container, #img-container {
    width: 300px;
    height: 172px;
    border: 8px solid #e0e329;
    background-color: #e0e329;
    position: initial;
  }
  #vid-container #vid-frame, #vid-container img, #img-container #vid-frame, #img-container img {
    width: 100%;
    height: 100%;
    border: 0;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  #vid-container, #img-container {
    width: 350px;
    height: 200px;
    border: 8px solid #e0e329;
    background-color: #e0e329;
    position: initial;
    left: 0px;
    top: 0px;
  }
  #vid-container #vid-frame, #vid-container img, #img-container #vid-frame, #img-container img {
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@media screen and (max-width: 980px) {
  #proven-benefits-infographic {
    height: 675px;
  }
}

/* Guillotine Block End*/
/* Exercise Your Brain Block Start*/
.ex-yourbrain {
  background-color: #1f1f1f;
}

.ex-yourbrain-01 {
  text-align: center;
  color: #ffffff;
}

.ex-yourbrain-02 {
  color: #ffffff;
  padding: 10px 40px;
  max-width: 800px;
  line-height: 24px;
}

.ex-yourbrain-03 img {
  text-align: center;
  max-width: 800px;
  padding: 10px 0 20px 0;
}
@media screen and (max-width: 980px) {
  .ex-yourbrain-03 img {
    padding: 30px;
  }
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  .ex-yourbrain h2 {
    font-size: 1.5em;
  }
  .ex-yourbrain-03 img {
    width: 340px;
    padding: 0;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .ex-yourbrain-03 img {
    padding: 30px;
    width: 640px;
  }
}
/* Exercise Your Brain Block End */
/* Serious Science Stuff Block Start */
@media screen and (min-width: 980px) {
  .tweak-octopus .accent {
    margin-top: 55px;
    margin-bottom: 100px;
  }
  .tweak-octopus p {
    max-width: 560px;
    margin-left: 100px;
    line-height: 24px;
  }
}
@media screen and (max-width: 980px) {
  .tweak-octopus {
    padding: 10px;
    text-align: center;
  }
  .tweak-octopus p {
    margin: 20px;
  }
}
.tweak-octopus #octopus {
  width: 980px;
  height: 560px;
}
@media screen and (max-width: 980px) {
  .tweak-octopus #octopus {
    width: 300px;
    height: 200px;
    margin-top: 320px;
  }
}

/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .octopus-paragraph {
    font-size: 20px;
    padding: 0 35px;
  }
}
/* Serious Science Stuff Block End */
/* Tailored to you Block Start */
.tailored {
  background: #1f1f1f;
  color: white;
}

.tailored-content {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  line-height: 24px;
}

.tailored-icons {
  text-align: center;
}

.tailored-icons img {
  max-width: 650px;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 980px) {
  .tailored-icons img {
    padding: 30px;
  }
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  .tailored h2 {
    font-size: 1.5em;
    padding: 0 20px;
  }
  .tailored-icons img {
    width: 320px;
    padding: 5px 0 0 0;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .tailored-icons img {
    padding: 30px;
    width: 600px;
  }
}
/* Tailored to you Block End */
/* Fits into Life Block Start */
.big-pill {
  background: white;
  border: 10px solid #e0e329;
  border-radius: 50px;
  margin: 20px;
  text-align: center;
  padding: 10px;
  font-weight: 100;
}
@media screen and (min-width: 980px) {
  .big-pill {
    width: 500px;
    border-radius: 100px;
  }
}

.tweak-itcanfit .expl-txt {
  margin: 10px;
  font-weight: 100;
  line-height: 24px;
}
@media screen and (min-width: 980px) {
  .tweak-itcanfit {
    width: 370px;
  }
  .tweak-itcanfit .big-pill {
    margin-top: 90px;
    position: relative;
    left: -150px;
  }
  .tweak-itcanfit .expl-txt {
    width: 370px;
    margin-top: 10px;
    margin-left: 50px;
    font-size: 18px;
  }
}

.fit-im {
  max-width: 400px;
  margin: 60px;
  margin-top: 375px;
}
.fit-im #block-devices {
  width: 500px;
}
@media screen and (max-width: 980px) {
  .fit-im {
    margin: 10px;
    margin-top: -50px;
  }
  .fit-im #block-devices {
    width: 250px;
  }
}

/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .tweak-itcanfit .expl-txt {
    padding: 0 35px;
  }
  .fit-im #block-devices {
    width: 400px;
  }
}
/* Fits into Life Block End */
/* Try a few Exercises Block Start */
#gallery-block {
  background-color: #1f1f1f;
}

@media screen and (max-width: 980px) {
  .tweak-whatyoudo {
    flex-flow: column;
  }
  .tweak-whatyoudo p {
    margin: 5px 30px 5px 30px;
  }
}

.bottom-1quarter {
  width: 100%;
}
.bottom-1quarter p {
  margin-top: 0px;
  padding: 0 20px 0 0;
  font-size: 18px;
  text-align: center;
}
.bottom-1quarter li {
  padding: 0 20px 0 0;
  line-height: 24px;
  margin: 0 0 0 20px;
}

.bottom-3quarter {
  width: 100%;
  text-align: center;
}

@media screen and (orientation: portrait) {
  .bhq-demo {
    transform-origin: 50% 50%;
    width: 325px;
    height: 217px;
  }
}
.bhq-demo-buttons {
  padding: 8px 0 0px 0;
  text-align: center;
}
.bhq-demo-buttons button {
  border: none;
  background: transparent;
}
.bhq-demo-buttons button:hover img, .bhq-demo-buttons button:focus img {
  background-color: #BA5B12;
}
.bhq-demo-buttons img {
  pointer-events: none;
}

.bhq-demo-butt {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-color: #2A7BA7;
  border: 2px solid #ffffff;
  padding: 10px;
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  .bhq-demo {
    transform-origin: 50% 50%;
    width: 360px;
    height: 225px;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .bhq-demo {
    transform-origin: 50% 50%;
    width: 425px;
    height: 266px;
  }
}
#tmp-screenshot-gallery {
  display: flex;
  flex-flow: row;
  align-items: center;
}

#screenshot-main {
  width: 450px;
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  #screenshot-main {
    padding: 10px 0 0 0;
    width: 250px;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  #screenshot-main {
    padding: 20px 0 0 0;
    width: 370px;
  }
}
#tmp-screenshot-gallery i {
  font-size: 40px;
  cursor: pointer;
}

/* Try a few Exercises Block End */
/* Ways Wheel Block Start */
.tweak-2ways .bottom .skinny {
  width: 500px;
  line-height: 24px;
  margin-top: -50px;
  margin-left: 300px;
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  .tweak-2ways .bottom .skinny {
    max-width: 350px;
    width: 350px;
    margin-top: -20px;
    margin-left: 0;
    padding: 0 20px;
  }
  .tweak-2ways h2 {
    font-size: 1.5em;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  .tweak-2ways .bottom .skinny {
    width: 600px;
    margin-left: 0;
    margin-top: -20px;
    padding: 0 35px;
    text-align: center;
  }
}
/* Ways Wheel Block End */
/* Benefits Block Start */
.infographic-item {
  cursor: pointer;
}

.tweak-infographic {
  max-width: 800px;
  margin: 10px;
}
.tweak-infographic h1 {
  text-align: center;
}
.tweak-infographic p {
  margin: 0px;
  line-height: 24px;
}
@media screen and (max-width: 980px) {
  .tweak-infographic {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 431px) {
  .tweak-infographic h2 {
    font-size: 1.5em;
  }
}
/* Benefits Block End */
/* Partner Block Start */
#tblImages {
  padding: 10px 0;
  text-align: center;
}

#tblImages img {
  max-width: 100px;
  cursor: pointer;
  border-radius: 70px;
  padding: 10px;
}

/* Mobile Styles */
@media only screen and (max-width: 431px) {
  #tblImages img {
    max-width: 30px;
  }
  #tblImages {
    font-size: 12px;
  }
  .tweak-partners h2 {
    font-size: 1.5em;
  }
}
/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 980px) {
  #tblImages img {
    max-width: 80px;
  }
}
#tblImages img:hover {
  background-color: #f2f2f2;
}

.selected {
  background-color: #f2f2f2;
  border-radius: 52x;
  padding: 8px;
  animation: pulse;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

@keyframes pulse {
  0% {
    background-color: #f2f2f2;
  }
  100% {
    background-color: #f2f2f2;
  }
}
#divInfo {
  margin: 0 20px 30px 20px;
  padding: 20px 20px 0 20px;
  text-align: center;
}

.imgData {
  display: none;
  max-width: 650px;
  animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.groupinfo {
  padding: 10px;
  color: #ffffff;
  background-color: #1f1f1f;
  border-radius: 10px 10px 0 0;
}

/* Partner Block End */
/* Not Ready Block Start */
#findoutmore {
  background-color: #1f1f1f;
  color: #ffffff;
  text-align: center;
}

.copyright a {
  color: #1fbcc0;
}

.copyright a:hover {
  text-decoration: underline;
}

#botlinks a {
  color: #1fbcc0;
}

#botlinks a:hover {
  text-decoration: underline;
}

.copyright .divider, #botlinks .divider {
  margin: 10px 0 10px 5px;
}

#notreadyinline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#notreadyinline .nr-item {
  flex-basis: 400px;
  background-color: #2f2f2f;
  border: 1px solid #3f3f3f;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

#notreadyinline .nr-item a {
  color: #1fbcc0;
}

#notreadyinline .nr-item a:hover {
  text-decoration: underline;
}

#notreadyinline .nr-item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Not Ready Block End */
.half-height {
  height: 350px;
  min-height: 350px;
  margin: 0px;
}

.row {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.row * {
  margin: 10px;
}

.arrow-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  cursor: pointer;
  margin: 0px;
}
.arrow-holder i {
  font-size: 60px;
  color: white;
}

.column {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#modal {
  z-index: 999999999 !important;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 900px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 50px;
}
#modal .content {
  position: relative;
  transition: all 0.3s ease-out;
  top: -300px;
  opacity: 0;
}
#modal .content.showing {
  top: 0px;
  opacity: 1;
}

footer {
  min-height: 55px;
  min-width: 100%;
  left: 0px;
  bottom: 0px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 12 !important;
  pointer-events: none;
}
footer #scroll-more-container {
  padding: 5px;
  pointer-events: all;
  background: rgba(255, 255, 255, 0.5);
  width: 600px;
  height: 600px;
  transition: top 0.5s ease-out;
  position: relative;
  top: 590px;
  text-align: center;
  border-radius: 300px 300px 0px 0px;
}
@media (pointer: coarse) {
  footer #scroll-more-container {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  footer #scroll-more-container {
    width: 100%;
  }
}
footer #scroll-more {
  pointer-events: all;
  font-size: 150px;
  color: #dc5c32;
  cursor: pointer;
  user-select: none;
}
footer .side-content {
  font-weight: 100;
  font-size: 10px;
  align-self: flex-end;
  margin-bottom: 5px;
}
footer .side-content a {
  margin: 0;
  font-weight: 100;
  font-size: 12px;
}

.light-links a, .light-links, footer.light-links, .footer.light-links a {
  color: white !important;
}

.header a {
  text-decoration: none;
  cursor: pointer;
  color: #1fbcc0;
  font-weight: 500;
}

.header a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #85ebee;
  font-weight: 500;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #0080A5;
  font-weight: 500;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #BA5B12;
  font-weight: 500;
}

.yes-pointer {
  pointer-events: all;
  cursor: pointer;
}

.fiery-abyss {
  color: white;
  background: #1A1A1A;
}
.fiery-abyss h2, .fiery-abyss h1, .fiery-abyss h3 {
  color: white;
}
.fiery-abyss h1 {
  margin: 0px;
}
.fiery-abyss #subscribe-h {
  margin-top: 10px;
}
.fiery-abyss h2 {
  margin-top: 50px;
}
@media screen and (max-width: 980px) {
  .fiery-abyss h2 {
    margin-top: 20px;
  }
}
.fiery-abyss h3 {
  margin: 0;
  padding: 0 0 10px 0;
}
.fiery-abyss .scenes-container {
  height: 250px;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .fiery-abyss .scenes-container {
    height: 200px;
  }
}
.fiery-abyss .scenes {
  height: 500px;
  width: 100%;
  position: relative;
  top: -50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 980px) {
  .fiery-abyss .scenes {
    background-image: url(//b-h-q-static.s3.amazonaws.com/3xp3rim3nts/v3c/assets/block9BGsm.svg);
    height: 450px;
    top: -20px;
  }
}
.fiery-abyss .tombstones {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .fiery-abyss .tombstones {
    flex-flow: column;
  }
}
.fiery-abyss .tombstone {
  background: rgba(50, 50, 50, 0.75);
  transition: all 0.3s;
  border: 1px solid rgba(50, 50, 50, 0.75);
  cursor: pointer;
  width: 360px;
  height: 120px;
  border-radius: 60px 0px 0px 60px;
  margin-right: 50px;
  margin-left: 50px;
  margin-top: 30px;
  overflow: visible;
}
@media screen and (max-width: 980px) {
  .fiery-abyss .tombstone {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.fiery-abyss .tombstone .tip {
  transition: all 0.3s;
  background: #e0e329;
  border: 2px solid #ee5940;
  height: 90px;
  width: 140px;
  border-radius: 45px;
  margin: 12px;
  display: inline-block;
  text-align: center;
  color: #222;
}
.fiery-abyss .tombstone .tip p.price {
  font-weight: 300;
  font-size: 32px;
  margin: 0px;
  margin-top: 15px;
}
.fiery-abyss .tombstone .tip p.price-discounted {
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
}
.fiery-abyss .tombstone .tip p.price-orig {
  display: none;
  color: #080808;
  font-weight: 300;
  font-size: 16px;
  margin: -14px;
  margin-top: 10px;
  text-decoration: line-through;
}
.fiery-abyss .tombstone .tip p.period {
  font-weight: 100;
  font-size: 13px;
  font-style: italic;
  margin: 0px;
  margin-top: -5px;
}
.fiery-abyss .tombstone .details {
  color: white;
  font-size: 16px;
  display: inline-block;
  position: relative;
  width: 160px;
}
.fiery-abyss .tombstone .details p {
  margin: 5px;
}
.fiery-abyss .tombstone .details .smallprint {
  font-size: 14px;
  font-style: italic;
}
.fiery-abyss .tombstone .slant {
  margin: 0px;
  width: 100px;
  height: 120px;
  transform-origin: 100% 0;
  transform: skew(45deg);
  z-index: -1;
}
.fiery-abyss .tombstone:hover {
  border-color: #e0e329;
  background: rgba(50, 50, 50, 0.85);
}
.fiery-abyss .tombstone:hover .tip {
  background: white;
}
.fiery-abyss .bottom-txt {
  position: relative;
  top: -55px;
  width: 100%;
  height: 500px;
  color: white;
  padding-top: 80px;
  font-size: 24px;
  font-weight: 100;
  text-align: center;
  background: #844032;
}

.fullw-txt {
  width: 90%;
}

.full-block {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

form {
  width: 80%;
}
form .form-item {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0px;
}
form .form-item ::placeholder {
  font-weight: 100;
}
form .form-item input {
  font-size: 14px;
  transition: all 0.5s;
  padding-left: 10px;
  outline: none;
  background: rgb(243.5991735537, 244.7024793388, 176.2975206612);
  border-radius: 5px;
  height: 30px;
  width: 170px;
  margin-top: 8px;
  margin-bottom: 5px;
  margin-left: 10px;
}
form .form-item input.input-error {
  border: 1px solid #800;
  border-radius: 2px;
  background: #fee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

#login-dlg, #signup-dlg {
  width: 400px;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #login-dlg, #signup-dlg {
    width: 350px;
  }
}
@media screen and (max-width: 350px) {
  #login-dlg, #signup-dlg {
    width: 320px;
  }
}
#login-dlg .padded, #signup-dlg .padded {
  margin: 20px;
}
#login-dlg #closebtn, #signup-dlg #closebtn {
  height: 0px;
  cursor: pointer;
}
#login-dlg #closebtn i, #signup-dlg #closebtn i {
  margin: 8px;
  color: #080808;
  cursor: pointer;
}
#login-dlg .top, #signup-dlg .top {
  background: #e0e329;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #666;
}
#login-dlg .top p, #signup-dlg .top p {
  margin: 5px;
}
#login-dlg .top .biglinks, #signup-dlg .top .biglinks {
  font-size: 26px;
  color: #080808;
}
#login-dlg .top .biglinks a, #signup-dlg .top .biglinks a {
  color: #dc5c32;
  font-size: 26px;
  font-weight: 300;
}
#login-dlg .main, #signup-dlg .main {
  background: white;
  padding: 10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}
#login-dlg .main .formbox, #signup-dlg .main .formbox {
  overflow: hidden;
  width: 300px;
}
#login-dlg .main .formbox .form-row, #signup-dlg .main .formbox .form-row {
  display: flex;
  flex-flow: row;
  width: 300px;
  color: #666;
  margin-top: 4px;
}
#login-dlg .main .formbox .form-row .form-icon, #login-dlg .main .formbox .form-row .form-input, #signup-dlg .main .formbox .form-row .form-icon, #signup-dlg .main .formbox .form-row .form-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
#login-dlg .main .formbox .form-row .form-icon, #signup-dlg .main .formbox .form-row .form-icon {
  width: 40px;
  height: 40px;
  transition: color 0.5s;
}
#login-dlg .main .formbox .form-row .form-input, #login-dlg .main .formbox .form-row .form-txt, #signup-dlg .main .formbox .form-row .form-input, #signup-dlg .main .formbox .form-row .form-txt {
  width: 230px;
}
#login-dlg .main .formbox .form-row .form-input, #signup-dlg .main .formbox .form-row .form-input {
  background: rgb(243.5991735537, 244.7024793388, 176.2975206612);
  border-radius: 9px;
  border: 1px solid white;
  height: 40px;
}
#login-dlg .main .formbox .form-row .form-input.tall, #signup-dlg .main .formbox .form-row .form-input.tall {
  height: 80px;
}
#login-dlg .main .formbox .form-row .form-input.tall span, #signup-dlg .main .formbox .form-row .form-input.tall span {
  margin-left: 10px;
}
#login-dlg .main .formbox .form-row .form-txt, #signup-dlg .main .formbox .form-row .form-txt {
  text-align: center;
  height: 28px;
}
#login-dlg .main .formbox .form-row input, #signup-dlg .main .formbox .form-row input {
  margin-left: 10px;
  margin-right: auto;
  background: rgb(243.5991735537, 244.7024793388, 176.2975206612);
  border: none;
  width: 210px;
  font-size: 20px;
  outline: none;
}
#login-dlg .main .formbox .form-row .form-submit, #signup-dlg .main .formbox .form-row .form-submit {
  background: rgb(234.12, 129.72, 101.88);
  color: #eee;
  justify-content: center;
  font-size: 22px;
}
#login-dlg .main .formbox .form-row .submit-icon, #signup-dlg .main .formbox .form-row .submit-icon {
  color: #eee;
}
#login-dlg .main .formbox .form-row .submit-icon.ready, #signup-dlg .main .formbox .form-row .submit-icon.ready {
  color: #1fbcc0;
}
#login-dlg .main .formbox .form-row .form-submit.ready, #signup-dlg .main .formbox .form-row .form-submit.ready {
  background: #e45d39;
  cursor: pointer;
}
#login-dlg .main .formbox .form-row .form-submit.busy, #signup-dlg .main .formbox .form-row .form-submit.busy {
  color: #999;
}
#login-dlg .main .formbox .form-row .form-facebook, #signup-dlg .main .formbox .form-row .form-facebook {
  margin-top: 8px;
  background: #3c5c9b;
  font-weight: 100;
  width: 200px;
  margin-left: 15px;
  height: 30px;
  font-size: 14px;
}
#login-dlg .main .formbox .form-row .form-facebook a, #signup-dlg .main .formbox .form-row .form-facebook a {
  color: white;
}
#login-dlg .main .formbox .form-row.ready i, #login-dlg .main .formbox .form-row.ready input, #signup-dlg .main .formbox .form-row.ready i, #signup-dlg .main .formbox .form-row.ready input {
  color: #1fbcc0;
}
#login-dlg .main .formbox .form-row.error i, #login-dlg .main .formbox .form-row.error input, #signup-dlg .main .formbox .form-row.error i, #signup-dlg .main .formbox .form-row.error input {
  color: #e87777;
}
#login-dlg .main .formbox .form-row.error input, #signup-dlg .main .formbox .form-row.error input {
  border: 1px solid #e87777;
}
#login-dlg .main .formbox .form-row.busy i, #login-dlg .main .formbox .form-row.busy input, #signup-dlg .main .formbox .form-row.busy i, #signup-dlg .main .formbox .form-row.busy input {
  color: #666;
}
#login-dlg .main .formbox.toppadded, #signup-dlg .main .formbox.toppadded {
  margin-top: 20px;
}
#login-dlg .main a, #signup-dlg .main a {
  color: #1fbcc0;
  font-weight: 300;
  font-size: 16px;
}
#login-dlg .bottom, #signup-dlg .bottom {
  background: white;
  font-weight: 100;
  font-size: 16px;
  padding: 10px;
  color: #080808;
  text-align: center;
}
#login-dlg .bottom p, #signup-dlg .bottom p {
  margin: 5px;
}
#login-dlg .bottom .sm, #login-dlg .bottom .sm a, #signup-dlg .bottom .sm, #signup-dlg .bottom .sm a {
  font-size: 14px;
}
#login-dlg .bottom a, #signup-dlg .bottom a {
  color: #1fbcc0;
}

.error-msg {
  color: #600;
  font-weight: 300;
}

.soc-im {
  margin: 2px;
}

.overl {
  z-index: 50;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overl i {
  color: #e0e329;
  font-size: 50px;
  transition: all 2s;
}

.a-only, .b-only {
  display: none;
}

#top-front {
  margin-top: 60px;
}
#top-front .top {
  margin-bottom: 0px;
  margin-top: 36px;
}

@media screen and (min-width: 980px) {
  .tweak-lbox1 {
    width: 400px;
  }
}
@media screen and (max-width: 1080px) {
  .tweak-lbox1 {
    width: 350px;
  }
}
@media screen and (max-width: 980px) {
  .tweak-lbox1 {
    text-align: center;
  }
}

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