body,
html {
  height: 100%; }

body {
  background-color: #e0e0e0 !important; }

.background {
  height: 100%;
  width: 100%;
  overflow-y: scroll; }

.sidebar-wrapper {
  position: absolute;
  z-index: 1;
  top: 200px;
  left: 0px; }

.sidebar {
  position: absolute;
  padding-top: 20px;
  overflow: hidden; }

.sidebar-button-wrapper {
  width: fit-content;
  position: relative;
  margin-top: 10px; }
  .sidebar-button-wrapper .sidebar-button {
    width: 70px;
    border-top-right-radius: 10px;
    margin-top: -20px;
    position: relative; }
    .sidebar-button-wrapper .sidebar-button .sidebar-button-overlay,
    .sidebar-button-wrapper .sidebar-button .sidebar-button-overlay-test {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      color: white;
      display: table;
      position: absolute;
      padding-top: 8px; }
      .sidebar-button-wrapper .sidebar-button .sidebar-button-overlay a:hover,
      .sidebar-button-wrapper .sidebar-button .sidebar-button-overlay-test a:hover {
        text-decoration: none; }

.rectangle {
  overflow: hidden;
  background-color: #00bceb;
  content: "";
  display: block;
  padding-top: 63px; }

.rectangle-last:before {
  padding-top: 75%; }

.dark-blue {
  background-color: #0d274d; }

.dark-blue-text {
  color: #0d274d; }

.blue {
  background-color: #00bceb; }

.blue-text {
  color: #00bceb; }

.purple {
  background-color: #7030A0; }

.purple-text {
  color: #7030A0; }

.salmon {
  background-color: #EB655F; }

.salmon-text {
  color: #EB655F; }

.green {
  background-color: #6EBF4A; }

.green-text {
  color: #6EBF4A; }

.yellow {
  background-color: #FBAB18; }

.yellow-text {
  color: #FBAB18; }

.sidebar-title {
  border-top-right-radius: 10px;
  padding: 7px 15px 7px 30px;
  color: white;
  font-size: 19px;
  margin-top: -30px;
  margin-bottom: 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
  text-overflow: clip;
  line-height: 40px;
  text-align: left; }
  .sidebar-title .sidebar-image {
    float: right; }

.sidebar-title:hover {
  cursor: pointer; }

.sidebar-open {
  width: max-content;
  margin-bottom: 12px; }
  .sidebar-open .sidebar-text {
    font-size: 16px;
    background-color: white;
    padding: 5px 15px 5px 30px;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: clip; }
  .sidebar-open .sidebar-text:hover {
    cursor: pointer;
    filter: brightness(95%); }
  .sidebar-open a:hover {
    text-decoration: none; }

.box {
  display: block;
  margin-bottom: 1em; }

.hub-image {
  width: 30px;
  padding-top: 5px; }

#fade-in-yellow,
#fade-in-yellow-2,
#fade-in-green,
#fade-in-green-2,
#fade-in-salmon,
#fade-in-salmon-2,
#fade-in-purple,
#fade-in-purple-2,
#fade-in-blue,
#fade-in-blue-2,
#fade-in-dark-blue,
#fade-in-dark-blue-2,
#fade-in-glasses {
  height: 0px;
  width: 0px;
  opacity: 1; }

#fade-in-glasses {
  height: 0px;
  width: 0px;
  opacity: 1;
  transition: all .75s ease; }

#fade-in-yellow-2 {
  margin: 0; }

#fade-in-yellow.show,
#fade-in-yellow-2.show,
#fade-in-green.show,
#fade-in-green-2.show,
#fade-in-salmon.show,
#fade-in-salmon-2.show,
#fade-in-purple.show,
#fade-in-purple-2.show,
#fade-in-blue.show,
#fade-in-blue-2.show,
#fade-in-dark-blue.show,
#fade-in-dark-blue-2.show {
  opacity: 1;
  height: auto;
  width: 290px;
  display: block; }

#fade-in-yellow-2,
#fade-in-green-2,
#fade-in-salmon-2,
#fade-in-purple-2,
#fade-in-blue-2,
#fade-in-dark-blue-2 {
  display: none; }

#fade-in-glasses.show {
  opacity: 1;
  height: auto;
  width: 200px; }

#dark-blue-sidebar,
#blue-sidebar,
#purple-sidebar,
#salmon-sidebar,
#green-sidebar,
#yellow-sidebar {
  display: none; }

.tooltip-button-long-blue,
.tooltip-button-long-purple,
.tooltip-button-long-salmon,
.tooltip-button-long-green,
.tooltip-button-long-yellow,
.tooltip-button-test {
  position: relative;
  width: 200px;
  padding: 7px 30px;
  border-radius: 20px;
  color: white;
  text-align: center; }

.tooltip-button-test {
  font-size: 20px;
  width: 300px; }

.tooltip-button-long-blue:hover,
.tooltip-button-long-purple:hover,
.tooltip-button-long-salmon:hover,
.tooltip-button-long-green:hover,
.tooltip-button-long-yellow:hover {
  filter: brightness(85%); }

.tooltip-button-long-purple::after,
.tooltip-button-long-salmon::after,
.tooltip-button-long-green::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent; }

.tooltip-button-long-blue::after,
.tooltip-button-long-yellow::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent; }

.tooltip-button-long-blue::after {
  border-bottom: solid 10px #00bceb; }

.tooltip-button-long-purple::after {
  border-top: solid 10px #7030A0; }

.tooltip-button-long-salmon::after {
  border-top: solid 10px #EB655F; }

.tooltip-button-long-green::after {
  border-top: solid 10px #6EBF4A; }

.tooltip-button-long-yellow::after {
  border-bottom: solid 10px #FBAB18; }

.tooltip-location-the-showcase-1 {
  position: absolute;
  bottom: 220px;
  left: 120px;
  z-index: 1; }

.tooltip-location-innovative-park-1 {
  position: absolute;
  bottom: 580px;
  left: 580px;
  z-index: 1; }

.tooltip-location-sales-enablement-1 {
  position: absolute;
  bottom: 550px;
  left: 220px;
  z-index: 1; }

.tooltip-location-people-and-culture-1 {
  position: absolute;
  bottom: 330px;
  left: 780px;
  z-index: 1; }

.tooltip-location-win-room-1 {
  position: absolute;
  bottom: 100px;
  left: 535px;
  z-index: 1; }

.margin-left {
  margin-top: 0px; }

.margin-top {
  margin-top: 40px; }

.margin-bottom {
  margin-bottom: 50px; }

.mobile-view-index {
  display: none;
  margin-top: 30px; }
  .mobile-view-index .mobile-back-link {
    padding: 0 20px 20px 20px; }
  .mobile-view-index .mobile-buttons {
    padding: 0 20px; }
    .mobile-view-index .mobile-buttons .mobile-button {
      border-radius: 10px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 20px;
      color: white;
      padding: 15px 0; }
    .mobile-view-index .mobile-buttons a:hover,
    .mobile-view-index .mobile-buttons a:focus {
      text-decoration: none; }
  .mobile-view-index .mobile-button:hover {
    filter: brightness(80%); }

@media (max-width: 1200px) {
  .tooltip-location-the-showcase {
    bottom: 50px !important;
    left: 110px !important; }
  .tooltip-location-innovative-park {
    bottom: 480px !important;
    left: 460px !important; }
  .tooltip-location-sales-enablement {
    bottom: 460px !important;
    left: 230px !important; }
  .tooltip-location-people-and-culture {
    bottom: 410px !important;
    left: 630px !important; }
  .tooltip-location-win-room {
    bottom: 10px !important;
    left: 430px !important; }
  .tooltip-location-the-showcase-1 {
    bottom: 170px !important;
    left: 80px !important; }
  .tooltip-location-innovative-park-1 {
    bottom: 460px !important;
    left: 450px !important; }
  .tooltip-location-sales-enablement-1 {
    bottom: 440px !important;
    left: 160px !important; }
  .tooltip-location-people-and-culture-1 {
    bottom: 250px !important;
    left: 610px !important; }
  .tooltip-location-win-room-1 {
    bottom: 80px !important;
    left: 415px !important; }
  .tooltip-button-test {
    font-size: 18px; } }

@media (max-width: 992px) {
  .margin-left {
    margin-top: 60px; }
  .tooltip-location-the-showcase {
    bottom: 20px !important;
    left: 50px !important; }
  .tooltip-location-innovative-park {
    bottom: 370px !important;
    left: 350px !important; }
  .tooltip-location-sales-enablement {
    bottom: 360px !important;
    left: 140px !important; }
  .tooltip-location-people-and-culture {
    bottom: 320px !important;
    left: 470px !important; }
  .tooltip-location-win-room {
    bottom: 0px !important;
    left: 280px !important; }
  .tooltip-location-the-showcase-1 {
    bottom: 120px !important;
    left: 30px !important; }
  .tooltip-location-innovative-park-1 {
    bottom: 340px !important;
    left: 305px !important; }
  .tooltip-location-sales-enablement-1 {
    bottom: 325px !important;
    left: 90px !important; }
  .tooltip-location-people-and-culture-1 {
    bottom: 190px !important;
    left: 430px !important; }
  .tooltip-location-win-room-1 {
    bottom: 55px !important;
    left: 280px !important; }
  .tooltip-button-test {
    font-size: 14px; } }

@media (max-width: 767px) {
  .margin-left,
  .sidebar-wrapper {
    display: none; }
  .mobile-view-index {
    display: block; } }