.in-top .secondface {
  transform-origin: 50% 0%;
  animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .secondface {
  transform-origin: 100% 0%;
  animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .secondface {
  transform-origin: 50% 100%;
  animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .secondface {
  transform-origin: 0% 0%;
  animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .secondface {
  transform-origin: 50% 0%;
  animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .secondface {
  transform-origin: 100% 50%;
  animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .secondface {
  transform-origin: 50% 100%;
  animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .secondface {
  transform-origin: 0% 0%;
  animation: out-left 300ms ease 0ms 1 forwards;
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
.QuickLink {
  text-decoration: none !important;
  outline: 0;
  border: 0 !important;
  height: 240px;
  width: 240px;
  display: inline-block;
  margin: 0 10px;
  position: relative;
  perspective: 480px;
}
@media (max-width: 799px) {
  .QuickLink {
    margin: 0 0 20px 0 !important;
  }
}

.QuickLink img {
  border: 0;
  box-shadow: none;
  width: 100%;
  max-width: 100px !important;
  height: auto;
  opacity: 1;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.QuickLinksArea {
  box-shadow: none;
  margin-top: 70px;
}
.QuickLinksArea .QuickLink div {
  display: inline-block !important;
  box-shadow: none;
  margin: 0 10px 0 0 !important;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 240px !important;
  background-color: #88181C;
  min-width: unset;
}
.QuickLinksArea .QuickLink div p, .QuickLinksArea .QuickLink div i {
  display: none;
}
.QuickLinksArea .QuickLink .secondface {
  background-color: #C7C6C6;
  transition: none;
  transform: rotate3d(1, 0, 0, 90deg);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px;
  pointer-events: none;
}

.QuickLinks {
  margin-bottom: 30px;
}
.QuickLinks h2 {
  text-transform: uppercase;
  color: black;
  position: absolute !important;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Montserrat-Bold";
  font-size: 26px;
  transition: all 0.5s;
  text-align: center !important;
  margin: 0;
  padding: 0;
}

.QuickLinks h2 {
  color: white;
}

.secondface p {
  display: block !important;
  text-align: center;
  color: black;
  width: 95%;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
}

/*# sourceMappingURL=quicklink-overwrite.css.map */