.flip-card-container {
  width: 268px;
  height: 268px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  /* Position the front and back side */
}

.flip-card-container .flip-card {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flip-card-container input:checked + .flip-card {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flip-card-container .flip-card-front,
.flip-card-container .flip-card-back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.flip-card-container .flip-card-front .turn,
.flip-card-container .flip-card-back .turn {
  bottom: 15px;
  right: 15px;
}

.flip-card-container .flip-card-front .turn svg g,
.flip-card-container .flip-card-back .turn svg g {
  stroke: silver;
  fill: silver;
}

.flip-card-container .flip-card-front {
  cursor: pointer;
}

.flip-card-container .flip-card-front .flipcard-image {
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.flip-card-container .flip-card-back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

@media all and (min-width: 1200px) {
  .flip-card-container:hover .flip-card {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}
/*# sourceMappingURL=vc_cardflip.css.map */