/*
|--------------------------------------------------------------------------
| Play button font face + settings
|--------------------------------------------------------------------------
|
*/
@font-face {
  font-family: "ivf_play";
  src: url("../fonts/ivf/ivf.eot");
  src: url("../fonts/ivf/ivf.eot#iefix") format("embedded-opentype"), url("../fonts/ivf/ivf.woff") format("woff"), url("../fonts/ivf/ivf.ttf") format("truetype"), url("../fonts/ivf/ivf.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.ivf_play-arrow75:before {
  content: "\e000"; }

.ivf_play-key9:before {
  content: "\e001"; }

.ivf_play-play43:before {
  content: "\e002"; }

.ivf_play-play6:before {
  content: "\e003"; }

.ivf_play-small31:before {
  content: "\e004"; }

.ivf_play-youtube12:before {
  content: "\e005"; }

/*
|--------------------------------------------------------------------------
| Play button animation
|--------------------------------------------------------------------------
|
*/
@keyframes "play" {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes play {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes "play" {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes "play" {
  0% {
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    transform: scale(1); } }
/*
|--------------------------------------------------------------------------
| i Video Frame styling
|--------------------------------------------------------------------------
|
*/
.ivf_container {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 30px;
  width: 100%; }
  .ivf_container .i_video_player {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%; }
    .ivf_container .i_video_player img {
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      display: block;
      position: relative;
      max-width: 100% !important;
      height: auto; }
    .ivf_container .i_video_player .player_wrapper {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      z-index: 100; }
      .ivf_container .i_video_player .player_wrapper.plaing {
        background: transparent !important; }
      .ivf_container .i_video_player .player_wrapper.mbp {
        top: 5.5077452668%;
        left: 12.083333333%;
        width: 75.9375%;
        height: 78.485370052%; }
      .ivf_container .i_video_player .player_wrapper.mba {
        top: 6.914893617%;
        left: 13.4375%;
        width: 73.4375%;
        height: 78.014184397%; }
      .ivf_container .i_video_player .player_wrapper.imac {
        top: 5.418138987%;
        left: 4.6875%;
        width: 90.625%;
        height: 57.832744405%; }
      .ivf_container .i_video_player .player_wrapper.cd {
        top: 5.4658385093%;
        left: 4.6875%;
        width: 90.520833333%;
        height: 67.577639752%; }
      .ivf_container .i_video_player .player_wrapper.iphone {
        top: 11.854792967%;
        left: 5.8959537572%;
        width: 88.092485549%;
        height: 76.347135564%; }
      .ivf_container .i_video_player .player_wrapper.iphone_hor {
        left: 11.854792967%;
        top: 5.8959537572%;
        height: 88.092485549%;
        width: 76.347135564%; }
      .ivf_container .i_video_player .player_wrapper.ipad {
        top: 8.7435709037%;
        left: 6.0416666667%;
        width: 88.020833333%;
        height: 82.512858193%; }
      .ivf_container .i_video_player .player_wrapper.ipad_hor {
        left: 8.7435709037%;
        top: 6.0416666667%;
        height: 88.020833333%;
        width: 82.512858193%; }
      .ivf_container .i_video_player .player_wrapper i {
        font-family: ivf_play !important;
        position: absolute !important;
        font-size: 140px !important;
        font-style: normal !important;
        line-height: 140px !important;
        z-index: 111;
        color: #fff;
        top: 50%;
        left: 50%;
        margin-top: -70px;
        margin-left: -70px;
        cursor: pointer; }
        @media only screen and (max-width: 600px) {
          .ivf_container .i_video_player .player_wrapper i {
            font-size: 80px !important;
            line-height: 80px !important;
            margin-top: -40px;
            margin-left: -40px; } }
        .ivf_container .i_video_player .player_wrapper i.ivf_play_animation {
          -webkit-animation: play 2s linear infinite;
          -moz-animation: play 2s linear infinite;
          -ms-animation: play 2s linear infinite;
          animation: play 2s linear infinite; }
        .ivf_container .i_video_player .player_wrapper i.ivf_play_shadow {
          text-shadow: 0px 0px 20px #3C3C3C; }
        .ivf_container .i_video_player .player_wrapper i.play_small {
          font-size: 80px !important;
          line-height: 80px !important;
          margin-top: -40px;
          margin-left: -40px; }
    .ivf_container .i_video_player.no_video i {
      display: none; }
    .ivf_container .i_video_player.no_video .player_wrapper {
      background: none !important; }
    .ivf_container .i_video_player.no_video .ivf_image {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0; }
