/*
|--------------------------------------------------------------------------
| Font face for the play buttons
|--------------------------------------------------------------------------
|
*/
@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, .ivf_sa-arrow75:before {
  content: "\e000"; }

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

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

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

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

.ivf_play-youtube12:before, .ivf_sa-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: auto;
    max-width: 100%; }
    .ivf_container .i_video_player img.ivf_frame {
      -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;
      width: 100%; }
    .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;
      overflow: hidden; }
      .ivf_container .i_video_player .player_wrapper .fluid-width-video-wrapper {
        position: static !important; }
      .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.play_btn {
        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.play_btn {
            font-size: 80px !important;
            line-height: 80px !important;
            margin-top: -40px;
            margin-left: -40px; } }
        .ivf_container .i_video_player .player_wrapper i.play_btn.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.play_btn.ivf_play_shadow {
          text-shadow: 0px 0px 20px #3C3C3C; }
        .ivf_container .i_video_player .player_wrapper i.play_btn.play_small {
          font-size: 80px !important;
          line-height: 80px !important;
          margin-top: -40px;
          margin-left: -40px; }

/*
|--------------------------------------------------------------------------
| iVideoFrame as single image presentation
|--------------------------------------------------------------------------
|
*/
.ivf_container .i_video_player.no_video i.play_btn {
  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; }

/*
|--------------------------------------------------------------------------
| iVideoFrame as slider
|--------------------------------------------------------------------------
|
*/
.ivf_container .i_video_player .player_wrapper {
  /* Slider navigation arrows */
  /* slide progress bar */
  /* on slider wrapper hover */ }
  .ivf_container .i_video_player .player_wrapper .ivf_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    height: 100%;
    min-width: 100%;
    overflow: hidden;
    background: #000; }
    .ivf_container .i_video_player .player_wrapper .ivf_slider .ivf_slider_img {
      width: 0;
      height: 100%;
      position: relative;
      float: left; }
  .ivf_container .i_video_player .player_wrapper .ivf_sa {
    font-family: ivf_play !important;
    position: absolute !important;
    font-size: 50px !important;
    font-style: normal !important;
    line-height: 50px !important;
    z-index: 111;
    -ms-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    color: #fff;
    top: 50%;
    opacity: .6;
    margin-top: -25px;
    cursor: pointer; }
    .ivf_container .i_video_player .player_wrapper .ivf_sa.ivf_sa_left {
      left: -60px;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg); }
      .ivf_container .i_video_player .player_wrapper .ivf_sa.ivf_sa_left.always_show {
        left: 10px; }
    .ivf_container .i_video_player .player_wrapper .ivf_sa.ivf_sa_right {
      right: -60px; }
      .ivf_container .i_video_player .player_wrapper .ivf_sa.ivf_sa_right.always_show {
        right: 10px; }
    .ivf_container .i_video_player .player_wrapper .ivf_sa.ivf_play_shadow {
      text-shadow: 0px 0px 10px #3C3C3C; }
  .ivf_container .i_video_player .player_wrapper .slide_progres {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #fff;
    opacity: .6;
    display: block; }
  .ivf_container .i_video_player .player_wrapper:hover .ivf_sa_left {
    left: 10px;
    opacity: .8; }
  .ivf_container .i_video_player .player_wrapper:hover .ivf_sa_right {
    right: 10px;
    opacity: .8; }
  .ivf_container .i_video_player .player_wrapper:hover .slide_progres.spoh_1 {
    bottom: -3px; }