/* Olympic coin-flip animation */
.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo,
.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo .rlc-face {
  /* set desktop dimensions */
  width: 8.750em;
  height: 8.750em;
}

.rlc-creative_v3 .rlc-flipcontainer {
  display: block;
  position: relative;
  cursor: pointer;
  pointer-events: all;
  margin: 0 auto;
}
.rlc-creative_v3 .rlc-flippause {
  width: 1.5em;
  height: 1.5em;
  background: url(_common/css/images/loop_pause_black.svg?$staticlink$) no-repeat 50% 50%;
  cursor: pointer;
} 
.rlc-creative_v3.rlc-flippaused .rlc-flippause {
  background-image: url(_common/css/images/loop_play_black.svg?$staticlink$);
}

@-webkit-keyframes coinflip {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
  }

  50% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
  }

  90% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
  }
}

@keyframes coinflip {
  0% {
    transform: rotate3d(0, 1, 0, 0deg);
  }

  40% {
    transform: rotate3d(0, 1, 0, 0deg);
  }

  50% {
    transform: rotate3d(0, 1, 0, 180deg);
  }

  90% {
    transform: rotate3d(0, 1, 0, 180deg);
  }

  100% {
    transform: rotate3d(0, 1, 0, 360deg);
  }
}

.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
  text-align: center;

  -webkit-animation-name: coinflip;
  -webkit-animation-duration: 6s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;

  animation-name: coinflip;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;


  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo .rlc-face {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rlc-creative_v3.rlc-flippaused .rlc-flipcontainer .rlc-fliplogo {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo .back {
  z-index: 1;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.rlc-creative_v3 .rlc-flipcontainer .rlc-tagline {
  width: 8.750em;
  margin: 0 auto;
}
/* .rlc-creative_v3 .rlc-logotitle {
  position: relative;
  content: 'PROUD OUTFITTER OF TEAM USA';
  font-family: "Founders Grotesk text Regular";
  font-size: 1.015em;
  color: currentColor;
  letter-spacing: 0.200em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
} */
@media only screen and (min-width:768px) {
  .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
    margin-bottom: 1.75em;
  }
}
@media only screen and (max-width:767px) {

  .rlc-creative_v3 .rlc-flipcontainer {
    width: 6.0625em;
  }
  .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo .rlc-face,
  .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
    /* set mobile dimensions */
    width: 6.0625em;
    height: 6.0625em;
  }
    .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
      margin-bottom: 0.875em;
    }
    .rlc-creative_v3 .rlc-flipcontainer .rlc-tagline {
      width: 100%;
    }
      /* .rlc-creative_v3 .rlc-logotitle {
        font-size: 0.642em;
      } */
}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
    /* disable animation on IE */
    transform: none;
    animation: none;
  }
}

.rlc-stopanimations .rlc-creative_v3 .rlc-flipcontainer .rlc-fliplogo {
  -webkit-animation: none; animation: none;
}