/*reset*/
.spp-video-container .video .video_player_container, 
.spp-video-container .video .video_player_container .video-player-wrapper, 
.spp-video-container .video .video_player_container .video-player-wrapper .video_player,
.spp-video-container .video .video_player_container .video-player-wrapper .video_player .video_player_poster,
.spp-video-container .video .video_player_container .video-player-wrapper .video_player .video_player_poster img,
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper,
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls
  {float:none; position:inherit; top:0; left:0; max-width:inherit; width:100%; height:auto; } 

.spp-video-container .video-title { text-align: center;}

/*player*/
.spp-video-container .video { position: relative; }
/*.spp-video-container .video .video_player_container .video-player-wrapper .video_player {position:relative; height: auto !important;}*/
.spp-video-container .video .video_player_container .video-player-wrapper .video_player {position:relative; height: 100% !important;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player .spinner {position:absolute; left:50%; top:45%; display:none !important;}
.spp-video-container .white_arrow {position:absolute; background: url("/media/export/cms/spp/white_play_bg.png");background-repeat : no-repeat; background-position: center;background-size: 100% 100%;border: 1px solid #FFFFFF; cursor: pointer; height: 80%; left: 20%; position: absolute; top: 10%; width: 40%; z-index: 99;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player #video_player_poster {position:absolute; z-index:10;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player .video_player_poster img {width:100%; height:auto;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player video,
.spp-video-container .video .video_player_container .video-player-wrapper .video_player object { height: 0; display: none;};
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper {position:relative;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls {position:absolute; z-index:9; top:-32px;}

/*controls*/
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .video_player_button {width:7%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .volume_container_wrapper {width:10%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .progress_container_wrapper {width:69%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .progress_container_wrapper .progress_time {max-width:inherit; width:35%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .progress_container_wrapper .progress_container {max-width:inherit; width:65%!important;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper .video_player_controls .fullscreen {float:right;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper { display: none;}


/*fullscreen player*/
.spp-video-container .video .video_player_container .video-player-wrapper .video_player.video_player_fullscreen {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player.video_player_fullscreen video {width: 100%; height: auto; min-height: 100%; left: 0px; top: -31px; display: block;}

/*fullscreen controls*/
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen {position:fixed; left:0; top:auto; width:100%; height:auto; z-index:10000; display: block;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen {height: auto; top:auto; bottom:0;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .video_player_button {width:4%;}

.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .video_player_button.fullscreen { visibility: hidden;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .volume_container_wrapper {width:10%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .progress_container_wrapper {width:78%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .progress_container_wrapper .progress_time 
  {max-width:inherit; width:10%;}
.spp-video-container .video .video_player_container .video-player-wrapper .video_player_controls_wrapper.video_player_fullscreen .video_player_controls.video_player_fullscreen .progress_container_wrapper .progress_container 
  {max-width:inherit; width:90%!important;}

.spp-video-container .video .video_player .fullscreen_close_x {background:url(/media/export/cms/big-close-black.png); position:absolute; cursor:pointer; width:25px; height:25px; top:10px; right:10px; z-index:51; display:none;}
.spp-video-container .video .video_player.video_player_fullscreen .fullscreen_close_x {display:block;}
.spp-video-container .spp-banner-info {
    color: #FFFFFF;
    left: 65%;
    position: absolute;
    text-align: center;
    top: 25%;
    z-index: 999;
}

.spp-video-container .spp-banner-info .spp-banner-info-inner .titles h2 {
    font-size: 55px;
    line-height: 0.9;
    margin-bottom: 0;
}

.spp-video-container  .spp-banner-info .spp-banner-info-inner .banner-sub-header {
    color: #FFFFFF;
    font-family: didot;
    font-size: 20px;
    font-style: italic;
}

.spp-video-container .spp-banner-info .spp-banner-info-inner .banner-sub-content {
    font-size: 15px;
    margin: 10px 0 15px;
}

.spp-video-container .spp-banner-info .spp-banner-info-inner .go_button a {
    background: #FFFFFF;
    color: #000000;
}
.spp-video-container .spp-banner-info .spp-banner-info-inner .go_button a:hover {
   background: #444444;
   color: #FFFFFF;
}

/* If screen's width is lower than 1024px / 10" tablets (landscape) */
@media screen and (max-width: 1024px) {
  .spp-video-container .spp-banner-info .spp-banner-info-inner .titles h2 {
    font-size: 43px;
    line-height: 40px;
  }
}

/* If screen's width is lower than 600px / 7" Tablets (portrait) */
@media screen and (max-width: 600px) {
  .spp-video-container .spp-banner-info .spp-banner-info-inner .titles h2 {
    font-size: 40px;
  }
}

/*Ipad Portrait alone*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
  .spp-video-container .spp-banner-info {
     top: 17%;
     left: 64%;
  }

  .spp-video-container .spp-banner-info .spp-banner-info-inner .titles h2 {
     font-size: 30px;
     line-height: 30px;
  }

  .spp-video-container .spp-banner-info .spp-banner-info-inner .banner-sub-header {
    font-size: 16px;
  }

  .spp-video-container .spp-banner-info .spp-banner-info-inner .banner-sub-content {
    font-size: 12px; 
  }
}

.front-video {
   z-index:100000 !important;
}

.spp-video-container .video .video_full_screen.video_player .fullscreen_close_x {
  display: block;
  position: fixed;  
  z-index: 100001;
}

.spp-video-container .video .video_full_screen.video_player .video_full_width {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100000;
  width: 100%;
  background: #000;
}