#expand {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  #expand #closeExpandBtn {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 65px;
    height: 14px;
    cursor: pointer; }
  #expand .expand-wraper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -960px;
    margin-top: -550px;
    overflow: hidden;
    width: 1920px;
    height: 1100px;
    width: 100vw;
    height: 100vh;
    margin-left: -50vw;
    margin-top: -50vh;
    /*     EXPAND-INTRO */
    /*     EXPAND-PROPER */ }
    #expand .expand-wraper img {
      width: 100%;
      height: 100%; }
    #expand .expand-wraper #expand-intro, #expand .expand-wraper #expand-proper {
      width: 100%;
      height: 100%; }
    #expand .expand-wraper #expand-proper {
      opacity: 0; }
    #expand .expand-wraper #video-wraper {
      position: absolute;
      width: 696px;
      height: 342px;
      background: #000000;
      top: 50%;
      left: 50%;
      margin-left: -348px;
      margin-top: -171px;
      -webkit-background-clip: padding-box;
      /* for Safari */
      background-clip: padding-box;
      /* for IE9+, Firefox 4+, Opera, Chrome */
      overflow: hidden; }
      #expand .expand-wraper #video-wraper video,
      #expand .expand-wraper #video-wraper img {
        width: 100% !important;
        height: 100% !important; }
    #expand .expand-wraper #expand-intro div {
      position: fixed;
      overflow: hidden;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #expand .expand-wraper #expand-intro img {
      width: 100vw;
      height: 100vh; }
    #expand .expand-wraper #expand-intro #black-mask {
      background-color: #000000; }
    #expand .expand-wraper #expand-intro #intro-txt1, #expand .expand-wraper #expand-intro #intro-txt2 {
      /* 			background-image:url('../materialy/expand/intro/txt_1.png'); */
      top: 50%;
      left: 50%;
      width: 744px;
      height: 74px;
      margin-top: -29px;
      margin-left: -382px;
      overflow: hidden; }
      #expand .expand-wraper #expand-intro #intro-txt1 img, #expand .expand-wraper #expand-intro #intro-txt2 img {
        width: 744px;
        height: 74px; }
    #expand .expand-wraper #expand-intro #intro-txt2 {
      /* 			background-image:url('../materialy/expand/intro/txt_2.png'); */
      margin-top: 31px;
      margin-left: -364px; }
    #expand .expand-wraper #right-bg {
      position: absolute;
      background-image: url("../materialy/expand/bg.jpg");
      width: 1920px;
      height: 1200px;
      bottom: 50%;
      right: 0;
      margin-bottom: -600px;
      background-position: right; }
    #expand .expand-wraper #actors {
      position: absolute;
      width: 734px;
      height: 1200px;
      top: 50%;
      right: 50%;
      margin-right: 11.771%;
      margin-top: -600px; }
      #expand .expand-wraper #actors .actor {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0; }
        #expand .expand-wraper #actors .actor:nth-of-type(1) {
          opacity: 1; }
        #expand .expand-wraper #actors .actor .portrait {
          width: 100%;
          height: 100%; }
        #expand .expand-wraper #actors .actor .actor-name {
          position: fixed;
          width: 263px;
          height: 76px;
          top: 50%;
          left: 50%;
          margin-top: 180px;
          margin-left: -623px; }
      #expand .expand-wraper #actors #progress {
        width: 116px;
        height: 6px;
        top: 50%;
        left: 50%;
        margin-left: -623px;
        margin-top: 270px;
        position: fixed;
        overflow: hidden; }
        #expand .expand-wraper #actors #progress img {
          width: 116px;
          height: 6px; }
      #expand .expand-wraper #actors #expand-splat {
        position: absolute;
        background-image: url("../materialy/expand/splatter.png");
        width: 93.733%;
        height: 44.9137%;
        left: 0;
        bottom: 0; }
    #expand .expand-wraper #expand-cta {
      position: absolute;
      overflow: visible;
      width: 229px;
      height: 57px;
      left: 50%;
      bottom: 50%;
      margin-bottom: -262px;
      margin-left: -126px; }
      #expand .expand-wraper #expand-cta #expand-cta-n, #expand .expand-wraper #expand-cta #expand-cta-a {
        position: absolute;
        background-image: url("../materialy/expand/cta.png");
        width: 100%;
        height: 100%; }
      #expand .expand-wraper #expand-cta #expand-cta-a {
        background-image: url("../materialy/expand/cta_a.png");
        opacity: 0; }
      #expand .expand-wraper #expand-cta #expand-cta-arrow {
        position: absolute;
        width: 50px;
        height: 18px;
        background-image: url("../materialy/expand/cta_arrow.png");
        top: 50%;
        right: 0%;
        margin-top: -9px;
        margin-right: -23px; }
    #expand .expand-wraper #w-kinach {
      position: absolute;
      background-image: url("../materialy/expand/kino.png");
      width: 315px;
      height: 23px;
      bottom: 50%;
      left: 50%;
      margin-bottom: -270px;
      margin-left: 339px; }
    #expand .expand-wraper #bullet-list {
      position: fixed;
      left: 0%;
      top: 50%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-around;
      align-items: center;
      width: 40px;
      height: 190px;
      margin-top: -120px;
      margin-left: 0.5%; }
      #expand .expand-wraper #bullet-list .bullet {
        background-image: url("../materialy/expand/interface/bullet.png");
        cursor: pointer;
        position: static;
        background-position: center;
        background-repeat: no-repeat;
        width: 18px;
        height: 17px; }
        #expand .expand-wraper #bullet-list .bullet.active {
          background-image: url("../materialy/expand/interface/bullet_active.png"), url("../materialy/expand/interface/bullet.png");
          background-position: center, 5px 5px; }
    #expand .expand-wraper #logo {
      position: absolute;
      background-image: url("../materialy/expand/logo.png");
      width: 318px;
      height: 95px;
      top: 50%;
      left: 50%;
      margin-left: -171px;
      margin-top: -273px; }
    #expand .expand-wraper #closeExpandBtn, #expand .expand-wraper #closeExpandBtn-a {
      position: fixed;
      top: 0;
      right: 0;
      width: 101px;
      height: 33px; }
    #expand .expand-wraper #closeExpandBtn-a {
      opacity: 0; }

/*-------------------------------------------*/
#jp_container_1 {
  width: 100%;
  height: 100%;
  position: relative; }

#end-board {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none; }

#end-board .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%; }

#end-board .buttons .button {
  width: 25%;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-position: center center; }

#end-board .buttons .button:hover {
  width: 20%;
  height: 80%;
  margin: 2.5%; }

#end-board .buttons .button.facebook {
  background: #507CBE url(http://wideo.sataku.com.pl/share/share_i_koniec/fb_2.png) center center;
  background-size: 100%; }

#end-board .buttons .button.twitter {
  background: #63CDF1 url(http://wideo.sataku.com.pl/share/share_i_koniec/twitter_2.png) center center;
  background-size: 100%; }

#end-board .buttons .button.pinterest {
  background: #F16261 url(http://wideo.sataku.com.pl/share/share_i_koniec/pinterest_2.png) center center;
  background-size: 100%; }

#end-board .buttons .button.googleplus {
  background: #404040 url(http://wideo.sataku.com.pl/share/share_i_koniec/g+_2.png) center center;
  background-size: 100%; }

#end-board .button-repeat {
  position: absolute;
  left: 50%;
  margin-left: -128px;
  top: 22%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #FFF;
  cursor: pointer; }

#end-board .button-repeat:hover {
  text-decoration: underline; }

#end-board .button-repeat span {
  background-image: url("http://wideo.sataku.com.pl/share/share_i_koniec/replay_icon.png");
  width: 68px;
  height: 68px;
  margin-right: 0;
  display: block;
  float: left;
  position: relative;
  top: -20px;
  transition: transform 0.8s;
  overflow: hidden; }

#end-board .button-repeat span:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg); }

div.jp-video.jp-video-full {
  width: 100%;
  height: 100%;
  position: static; }

div.jp-video.jp-video-full div.jp-video-play {
  height: 100%; }

div.jp-video.jp-video-full div {
  z-index: 1000; }

div.jp-video.jp-video-full div.jp-jplayer {
  top: 0;
  left: 0;
  position: fixed;
  overflow: hidden; }

div.jp-video.jp-video-full div.jp-interface {
  position: absolute;
  bottom: 0;
  left: 0; }

div.jp-video div.jp-gui {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  z-index: 1001;
  margin-bottom: 0; }

div.jp-video div.jp-gui.disabled {
  display: none !important; }

div.jp-video div.jp-gui .jp-jplayer {
  background-color: #000000;
  position: relative; }

div.jp-video div.jp-gui div.jp-interface {
  position: relative;
  background: rgba(27, 38, 42, 0.5);
  width: 100%;
  height: 35px;
  overflow: hidden; }

div.jp-video div.jp-gui div.jp-interface div.jp-progress {
  overflow: hidden;
  background-color: #1B262A;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px; }

div.jp-video div.jp-gui div.jp-interface div.jp-progress div.jp-seek-bar {
  background: none;
  width: 0;
  height: 100%;
  cursor: pointer; }

div.jp-video div.jp-gui div.jp-interface div.jp-progress div.jp-seek-bar div.jp-play-bar {
  background: #AB283A;
  width: 0;
  height: 100%; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder {
  display: block;
  width: 40%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  left: 5px;
  bottom: 0; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder div.jp-current-time,
div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder div.jp-duration,
div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder div.slash {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  padding-top: 9px;
  float: left; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder div.slash {
  padding-left: 5px;
  padding-right: 5px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder div.jp-current-time {
  font-weight: bold;
  margin-left: -1px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a:hover, div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a:focus {
  outline: none; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder ul.jp-toggles {
  list-style-type: none;
  display: inline-block;
  height: 30px;
  min-width: 30px;
  margin: 0;
  padding: 0;
  float: left; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder ul.jp-toggles li {
  display: block;
  float: left; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder ul.jp-toggles li a {
  display: block;
  text-indent: -9999px;
  line-height: 100%; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder ul.jp-controls {
  list-style-type: none;
  display: block;
  height: 30px;
  min-width: 30px;
  margin: 0;
  padding: 0; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder ul.jp-controls li {
  display: inline;
  float: left; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder.holder-right {
  left: auto;
  right: 0; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder.holder-right ul.jp-toggles {
  float: right; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder.holder-right ul.jp-toggles li {
  float: left; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a {
  display: block;
  overflow: hidden;
  width: 22px;
  height: 30px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-play {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") -5px -1px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-play:hover {
  background-position: -46px -1px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-pause {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") -4px -43px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-pause:hover {
  background-position: -45px -43px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-mute {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") 3px -164px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-mute:hover {
  background-position: -16px -164px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-unmute {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") -58px -164px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-unmute:hover {
  background-position: -77px -164px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-full-screen {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") 0 -306px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-full-screen:hover {
  background-position: -30px -306px; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-restore-screen {
  background: url("http://wideo.sataku.com.pl/ogolne/jplayer_biale.png") -60px -306px no-repeat; }

div.jp-video div.jp-gui div.jp-interface div.jp-controls-holder a.jp-restore-screen:hover {
  background-position: -90px -306px; }

/*
* Ikony socialowe
**********************************************/
#video-media-share {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 1001 !important;
  width: 114px;
  height: 136px;
  overflow: hidden; }

#video-media-share.disabled {
  display: none !important; }

.sataku_share_video_right_line {
  position: relative;
  opacity: 0.7;
  width: 114px;
  height: 34px !important;
  padding: 0;
  left: -80px !important;
  transition: transform 0.4s; }

.sataku_share_video_right_line:hover {
  -ms-transform: translate(80px, 0px) !important;
  -webkit-transform: translate(80px, 0px) !important;
  transform: translate(80px, 0px) !important;
  opacity: 1; }

.sataku_share_video_right_line div {
  background: no-repeat center;
  float: left; }

.sataku_share_video_right_line div:first-child {
  color: #FFFFFF;
  padding: 7px;
  height: 20px;
  font-size: 9px;
  border-right: 1px ridge rgba(255, 255, 255, 0.3);
  line-height: 19px;
  font-family: Helvetica, Arial, sans-serif; }

#fb div:first-child {
  background-color: #507cbe;
  width: 65px;
  text-align: center;
  height: 20px !important; }

#gg div:first-child {
  background-color: #3e4044;
  width: 65px;
  text-align: center;
  height: 20px !important; }

#pin div:first-child {
  background-color: #f16261;
  width: 65px;
  text-align: center;
  height: 20px !important; }

#tw div:first-child {
  background-color: #63cdf1;
  width: 65px;
  text-align: center;
  height: 20px !important; }

#sataku_share_FB_right {
  background-image: url("http://wideo.sataku.com.pl/ford/fb_3.png");
  width: 34px;
  height: 34px !important; }

#sataku_share_TW_right {
  background-image: url("http://wideo.sataku.com.pl/ford/twitter_3.png");
  width: 34px;
  height: 34px !important; }

#sataku_share_PIN_right {
  background-image: url("http://wideo.sataku.com.pl/ford/pinterest_3.png");
  width: 34px;
  height: 34px !important; }

#sataku_share_GG_right {
  background-image: url("http://wideo.sataku.com.pl/ford/gg_3.png");
  width: 34px;
  height: 34px !important; }

/*# sourceMappingURL=main.css.map */

/*# sourceMappingURL=main.css.map */