/**
    1) video wrapper and video style
    2) button style
    3) media queries
    4) anti bug firefox
*/
/* line 8, ../sass/kinematicPhase.scss */
.kinematic-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  height: 80%;
}
/* line 16, ../sass/kinematicPhase.scss */
.kinematic-wrapper .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* line 24, ../sass/kinematicPhase.scss */
.kinematic-wrapper #video-content {
  width: 100%;
  height: 100%;
}

/* line 30, ../sass/kinematicPhase.scss */
.kinematic-wrapper.black {
  background-color: black;
}

/* line 34, ../sass/kinematicPhase.scss */
.kinematic-button {
  background-color: #5BA3D4;
  cursor: pointer;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
}

/* line 44, ../sass/kinematicPhase.scss */
.kinematic-button .icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateX(-50%) translateY(-50%);
  /* Safari */
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

/* line 62, ../sass/kinematicPhase.scss */
.kinematic-button .icon.next {
  background-image: url("../../assets/images/suivant.svg");
}

/* line 66, ../sass/kinematicPhase.scss */
.mozFullscreenFix {
  transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  /* IE 9 */
  -webkit-transform: translateY(0) !important;
  /* Safari */
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
}