.cybertron {
  font-family: cybertron_moviecapsregular !important;
  font-weight: initial !important;
}

.cybertron.ls5 {
  letter-spacing: 5px;
}

.hexagon-effect {
  position: relative;
}

.hexagon-effect .hexagon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hexagon-effect .hexagon-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 105vw;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}

.hexagon-effect .hexagon-container ul:first-child {
  margin-top: -20px;
}

.hexagon-effect .hexagon-container ul:not(:first-child) {
  margin-top: -22px;
}

.hexagon-effect .hexagon-container ul:nth-child(2n) {
  margin-left: -35px;
}

.hexagon-effect .hexagon-container li {
  display: inline-block;
  float: left;
  margin-left: 1px;
}

.hexagon-effect .hexagon-container .hexagon {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  background-color: transparent;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow: hidden;
  /* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%) */
  /* 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% */
  -webkit-transition: background linear 1s;
  transition: background linear 1s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* border: 1px solid transparent */
}

.hexagon-effect.effect1 .hexagon-container {
  z-index: 99;
}

.hexagon-effect.effect1 .hexagon:hover {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  background-color: rgba(154, 205, 50, 0.5);
  /* border-color: yellow */
}

.hexagon-effect.effect2 {
  -webkit-clip-path: polygon(0 10vh, 100% 0, 100% calc(100% - 10vh), 0 100%);
          clip-path: polygon(0 10vh, 100% 0, 100% calc(100% - 10vh), 0 100%);
  padding: 10vh 0;
  margin-top: -10vh;
  margin-bottom: -10vh;
}

.hexagon-effect.effect2::before {
  -webkit-transform: none !important;
          transform: none !important;
  height: calc(10vh + 5px) !important;
  -webkit-clip-path: polygon(0px 10vh, 100% 0px, 100% 30px, 0px calc(10vh + 5px));
          clip-path: polygon(0px 10vh, 100% 0px, 100% 30px, 0px calc(10vh + 5px));
  left: 0 !important;
  width: 100% !important;
  z-index: 99 !important;
}

.hexagon-effect.effect2 > *:not(.hexagon-container) {
  position: relative;
  z-index: 2;
}

.hexagon-effect.effect2 .hexagon-container {
  pointer-events: none;
}

.hexagon-effect.effect2 .hexagon-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/hexagon-tile.svg");
  background-size: 120px auto;
  z-index: 2;
}

.hexagon-effect.effect2 .hexagon {
  background-color: #242424;
}

.hexagon-effect.effect2 .bg-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 40vw;
  height: 40vw;
  z-index: 0;
  background: radial-gradient(#111111, #111111 20%, transparent 72%);
  border-radius: 100%;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.hexagon-effect.effect2:hover .bg-effect {
  -webkit-filter: opacity(1);
          filter: opacity(1);
}

.contact-icon {
  display: inline-block;
  width: 15px;
}

.tp-caption {
  text-align: center;
}

@-webkit-keyframes changeBgHeu {
  0% {
    -webkit-filter: opacity(0.1) hue-rotate(0deg);
            filter: opacity(0.1) hue-rotate(0deg);
  }
  100% {
    -webkit-filter: opacity(0.1) hue-rotate(360deg);
            filter: opacity(0.1) hue-rotate(360deg);
  }
}

@keyframes changeBgHeu {
  0% {
    -webkit-filter: opacity(0.1) hue-rotate(0deg);
            filter: opacity(0.1) hue-rotate(0deg);
  }
  100% {
    -webkit-filter: opacity(0.1) hue-rotate(360deg);
            filter: opacity(0.1) hue-rotate(360deg);
  }
}
/*# sourceMappingURL=custom.css.map */