/* Minification failed. Returning unminified contents.
(156,26): run-time error CSS1039: Token not allowed after unary operator: '-table-header'
(159,29): run-time error CSS1039: Token not allowed after unary operator: '-table-header'
(162,26): run-time error CSS1039: Token not allowed after unary operator: '-table-header'
(165,26): run-time error CSS1039: Token not allowed after unary operator: '-top-bar'
(168,29): run-time error CSS1039: Token not allowed after unary operator: '-top-bar'
(171,26): run-time error CSS1039: Token not allowed after unary operator: '-top-bar'
 */
.hexagon-small {
  position: relative;
  width: 173.21px;
  height: 300px;
  background-color: #348499;
  margin: 0 86.6px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  width: 23.09px;
  height: 40px;
  margin: 0 11.55px;
  transition: background-color 0.3s;
}
.hexagon-small:hover {
  background-color: #00b0f0;
}
.hexagon-small:hover:before {
  border-left: solid 86.6px #00b0f0;
}
.hexagon-small:hover:after {
  border-right: solid 86.6px #00b0f0;
}
.hexagon-small:before,
.hexagon-small:after {
  content: "";
  transition: border 0.3s;
  position: absolute;
  height: 0;
  border-top: 150px solid transparent;
  border-bottom: 150px solid transparent;
}
.hexagon-small:before {
  left: 100%;
  border-left: solid 86.6px #348499;
}
.hexagon-small:after {
  right: 100%;
  height: 0;
  border-right: solid 86.6px #348499;
}
.hexagon-small:hover:before {
  border-left-width: 11.55px;
}
.hexagon-small:hover:after {
  border-right-width: 11.55px;
}
.hexagon-small:before,
.hexagon-small:after {
  border-top-width: 20px;
  border-bottom-width: 20px;
}
.hexagon-small:before {
  border-left-width: 11.55px;
}
.hexagon-small:after {
  border-right-width: 11.55px;
}
#hexagons {
  position: relative;
}
#hexagons i {
  color: white;
  font-size: 24px;
  position: absolute;
  top: 8px;
}
#hexagons .hexagon-small {
  background-repeat: no-repeat;
  background-position: center;
}
#hexagons #hexagon1 i {
  left: 4px;
}
#hexagons #hexagon2 {
  left: 40px;
  top: -16px;
}
#hexagons #hexagon3 {
  top: -33px;
}
#hexagons #hexagon4 {
  top: -50px;
  left: 40px;
}
#hexagons #hexagon4 i {
  left: 0;
}
#hexagons #hexagon5 {
  top: -67px;
}
.other-way-round #hexagons .hexagon-small {
  height: 23.09px;
  width: 40px;
}
.other-way-round #hexagons .hexagon-small:before,
.other-way-round #hexagons .hexagon-small:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  border-top: 0 solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 20px solid transparent;
}
.other-way-round #hexagons .hexagon-small:before {
  top: 100%;
  border-top: solid 11.55px #348499;
}
.other-way-round #hexagons .hexagon-small:after {
  bottom: 100%;
  width: 0;
  border-bottom: solid 11.55px #348499;
}
.other-way-round #hexagons .hexagon-small:hover:before {
  border-top-color: #00b0f0;
}
.other-way-round #hexagons .hexagon-small:hover:after {
  border-bottom-color: #00b0f0;
}
.other-way-round #hexagons .hexagon-small i {
  top: 0;
  left: 10px;
}
.other-way-round #hexagons #hexagon1 i {
  left: 11px;
}
.other-way-round #hexagons #hexagon2 {
  left: 22px;
  top: 14px;
}
.other-way-round #hexagons #hexagon3 {
  left: 45px;
  top: -45px;
}
.other-way-round #hexagons #hexagon4 {
  top: -32px;
  left: 68px;
}
.other-way-round #hexagons #hexagon4 i {
  left: 8px;
}
.other-way-round #hexagons #hexagon5 {
  top: -91px;
  left: 90px;
}
#hexagons a {
  padding: 0 !important;
}
#HexagonsGoHere {
  position: relative;
  height: 85px;
}
#HexagonsGoHere .hexagon-small {
  background-color: var(--table-header, #4472c4) !important;
}
#HexagonsGoHere .hexagon-small::after {
  border-bottom-color: var(--table-header, #4472c4) !important;
}
#HexagonsGoHere .hexagon-small::before {
  border-top-color: var(--table-header, #4472c4) !important;
}
#HexagonsGoHere .hexagon-small:hover {
  background-color: var(--top-bar, #00b0f0) !important;
}
#HexagonsGoHere .hexagon-small:hover::after {
  border-bottom-color: var(--top-bar, #00b0f0) !important;
}
#HexagonsGoHere .hexagon-small:hover::before {
  border-top-color: var(--top-bar, #00b0f0) !important;
}
#HexagonsComeFromHere {
  position: absolute;
  top: 10px;
  left: 12px;
}
#menu_cloud > a {
  height: 50px;
}