@font-face {
  font-family: 'icomoonfree';
  src: url("../fonts/IcoMoon-Free.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 1024px){
  .flip-box-front .imgBox__content  {
      position: absolute;
  }
  .flip-box {
    margin-bottom: 30px;
  }
}

.flip-box {
  perspective: 1000px;
  -webkit-perspective: 1000px;
	-moz-perspective: 1000px;
}

.flip-box-inner {
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  transform: rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
}

.flip-box-front:after{
    font-family: 'icomoonfree';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e966";
    position: absolute;
    bottom: 18px;
    right: 8px;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #00325B;
}