@font-face {
  font-family: 'playfair_displayregular';
  src: url("../fonts/playfairdisplay-regular-webfont.woff2") format("woff2"), url("../fonts/playfairdisplay-regular-webfont.woff") format("woff"), url("../fonts/playfairdisplay-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPT-Medium';
  src: url("../fonts/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Medium.otf") format("opentype"), url("../fonts/FuturaPT-Medium.woff") format("woff"), url("../fonts/FuturaPT-Medium.ttf") format("truetype"), url("../fonts/FuturaPT-Medium.svg#FuturaPT-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPT-Book';
  src: url("../fonts/FuturaPT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Book.otf") format("opentype"), url("../fonts/FuturaPT-Book.woff") format("woff"), url("../fonts/FuturaPT-Book.ttf") format("truetype"), url("../fonts/FuturaPT-Book.svg#FuturaPT-Book") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPT-Light';
  src: url("../fonts/FuturaPT-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Light.otf") format("opentype"), url("../fonts/FuturaPT-Light.woff") format("woff"), url("../fonts/FuturaPT-Light.ttf") format("truetype"), url("../fonts/FuturaPT-Light.svg#FuturaPT-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  height: 100%; }

body {
  background: black;
  font-family: 'FuturaPT-Medium', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  overflow-x: hidden; }

a {
  color: #12b0d4;
  text-decoration: none; }
  a:hover {
    color: #2e8dae;
    text-decoration: none; }
  a:visited {
    color: #12b0d4;
    text-decoration: none; }
  a:focus {
    text-decoration: none; }

.btn-blue {
  background: #309ec7;
  width: auto;
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  color: white;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  font-weight: 400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  min-width: 300px; }
  .btn-blue img {
    margin: -4px 20px 0 0; }
  .btn-blue:hover {
    text-decoration: none;
    background: #2e8dae;
    color: white; }
  .btn-blue:visited {
    color: white; }

strong {
  font-weight: 700; }

section {
  position: relative;
  width: 100%; }

.btn-play, .btn-pause {
  position: absolute;
  left: 50%;
  top: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 70px;
  height: 80px;
  margin-left: -35px;
  margin-top: -40px;
  background-image: url("../img/play.png"); }
  .btn-play:hover, .btn-pause:hover {
    cursor: pointer; }

.btn-pause {
  background-image: url("../img/pause.png");
  display: none; }

.coverShadow {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative; }
  .coverShadow::after, .coverShadow::before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 9px;
    width: 70%;
    height: 55%;
    max-width: 130px;
    max-height: 100px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); }
  .coverShadow::before {
    left: 10px;
    transform: skew(-13deg) rotate(-7deg); }
  .coverShadow::after {
    right: 10px;
    transform: skew(13deg) rotate(7deg); }
  .coverShadow img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 100%; }

.header {
  background: url("../img/bg_1a.jpg") center top no-repeat #101010;
  background-size: 100% auto;
  padding-top: 100px;
  min-height: 1100px; }
  .header .gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01110f+0,0f1111+100&0+0,0.5+39,0.7+100 */
    background: -moz-linear-gradient(top, rgba(1, 17, 15, 0) 0%, rgba(15, 17, 17, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(1, 17, 15, 0) 0%, rgba(15, 17, 17, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: transparent linear-gradient(to bottom, rgba(1, 17, 15, 0) 0%, rgba(15, 17, 17, 0.9) 100%) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001110f', endColorstr='#b30f1111',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 35%; }
  .header .logo {
    position: absolute;
    z-index: 2;
    left: 50px;
    top: 50px;
    width: 216px; }
    .header .logo img {
      width: 100%; }
  .header .book_top {
    background: url("../img/top_aktorzy.png") left top no-repeat transparent;
    background-size: 50% auto;
    position: relative;
    z-index: 3; }
    .header .book_top .about {
      padding: 50px 100px 120px 50%;
      color: #00425c; }
      .header .book_top .about .audio {
        text-transform: uppercase;
        font-size: 15px; }
      .header .book_top .about .title {
        font-size: 60px;
        line-height: 60px;
        font-family: 'FuturaPT-Light';
        text-transform: uppercase; }
        .header .book_top .about .title span {
          font-family: 'FuturaPT-Medium'; }
      .header .book_top .about .desc {
        font-size: 24px;
        line-height: 35px;
        font-family: 'playfair_displayregular'; }
      .header .book_top .about .actors {
        font-size: 18px; }
        .header .book_top .about .actors span {
          display: inline-block;
          margin-right: 50px; }
  .header .book {
    max-width: 1500px;
    width: 90%;
    margin: 0 auto;
    padding: 60px 30px; }
    .header .book .row {
      margin: 0; }
    .header .book p {
      font-size: 18px;
      line-height: 25px;
      margin: 0 0 25px 0; }
    .header .book .cover {
      width: 100%;
      max-width: 400px;
      margin: 0 auto; }
    .header .book .col-left, .header .book .col-right {
      float: left;
      width: 50%; }
  .header .downloadBig {
    display: none; }
  .header .actorsSmall {
    display: none; }
    .header .actorsSmall img {
      width: 100%; }

hr {
  max-width: 1550px;
  margin: 0 auto;
  width: 90%; }

.blackText {
  background: black; }
  .blackText .text {
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
    text-align: center; }
    @media all and (min-width: 1360px) {
      .blackText .text {
        font-size: 36px; } }
  .blackText .arrowDown {
    position: absolute;
    top: 82%;
    left: 50%;
    margin-right: -50%;
    }
  .blackText .arrowTop {
    position: absolute;
    top: 8%;
    left: 50%;
    margin-right: -50%;
    }


.playSample {
  text-transform: uppercase;
  background: url("../img/i_play.png") left center no-repeat transparent;
  font-size: 18px;
    font-weight: 700;
  padding-left: 60px;
  line-height: 50px;
  display: inline-block;
  margin-top: 20px; }
  .playSample.isPlaying {
    background: url("../img/i_pause.png") left center no-repeat transparent; }

.fbWraper {
  position: absolute;
  left: 5%;
  top: 50px; }

.aboutActor {
  position: absolute;
  left: 5%;
  top: 50%;
  width: 44%;
  max-width: 600px;
  transform: translate(0, -50%); }
  .aboutActor h2 {
    font-size: 50px;
    margin: 0; }
  .aboutActor h3 {
    font-size: 24px;
    margin: 0 0 20px; }
  .aboutActor p {
    font-size: 24px;
    line-height: 35px;
    font-family: 'playfair_displayregular'; }

.crew {
  background: url(../img/bg_2a.jpg) center top no-repeat #0f1111;
  background-size: cover;
  font-size: 0;
  padding-top: 50px; }
  .crew .anim {
    opacity: 0; }
  .crew .btn-blue {
    margin: 50px 0 0; }
  .crew h3 {
    text-align: center;
    font-size: 50px; }
  .crew .colLeft, .crew .colRight {
    width: 50%;
    display: inline-block;
    vertical-align: top; }
  .crew .colLeft {
    text-align: right; }
    .crew .colLeft p {
      margin: 0;
      font-size: 22px;
      font-weight: bold;
      padding: 5px 25px; }
  .crew .colRight {
    text-align: left; }
    .crew .colRight p {
      margin: 0;
      font-size: 22px;
      padding: 5px 25px; }
  .crew .yt {
    text-align: center; }
    .crew .yt p {
      font-size: 22px; }
    .crew .yt .videoWrapper {
      position: relative;
      padding-bottom: 48%;
      padding-top: 25px;
      height: 0;
      width: 95%;
      max-width: 520px;
      margin: 0 auto; }
    .crew .yt .videoWrapper iframe {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      height: 100%; }
  .crew .actor {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1550px; }
    .crew .actor .title {
      font-size: 22px;
      text-transform: uppercase;
      margin: 20px 0; }
    .crew .actor .desc {
      font-size: 15px;
      line-height: 23px; }
  .crew hr {
    margin: 50px auto; }

@media all and (min-width: 1024px) {
  .fixedBg {
    background-attachment: fixed;
    overflow: hidden;
    background-size: cover; } }
.footer {
  text-align: center; }
  .footer > div {
    display: inline-block;
    margin: 0 4%; }
    .footer > div a {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
    .footer > div span {
      font-size: 14px;
      font-family: 'FuturaPT-Book';
      display: inline-block;
      vertical-align: middle; }

.copy {
  font-size: 14px;
  font-family: 'FuturaPT-Book';
  text-align: center;
  margin: 30px 0 50px; }

.sticky {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10;
  -moz-transition: all 1s ease-out;
  /* FF4+ */
  -o-transition: all 1s ease-out;
  /* Opera 10.5+ */
  -webkit-transition: all 1s ease-out;
  /* Saf3.2+, Chrome */
  -ms-transition: all 1s ease-out;
  /* IE10? */
  transition: all 1s ease-out;
  opacity: 0; }
  .sticky.show {
    opacity: 1; }
  .sticky .btn-blue {
    background: #309ec7;
    width: auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    min-width: initial; }
    .sticky .btn-blue:visited {
      color: white; }
  .sticky a {
    display: block; }
  .sticky .logo {
    width: 85px;
    margin: 6px auto; }
    .sticky .logo img {
      width: 100%; }

@media all and (max-width: 1000px) {
  .header .book {
    width: 100%; }

  .header .book_top .about {
    padding: 9px 40px 57px 50%; }

  .header .book_top .about .actors span {
    margin-right: 30px; }

  .header .book .cover {
    width: 90%; }

  .header {
    background-size: 150% auto; }

  .footer > div {
    margin: 0 1%; }

  .header {
    min-height: initial; } }
@media all and (max-width: 799px) {
  .header .book_top .about .title {
    font-size: 36px;
    line-height: 42px; }

  .header .book_top .about .desc {
    font-size: 15px;
    line-height: 26px; }

  .header {
    padding-top: 65px; }
    .header .downloadSmall {
      display: none; }
    .header .downloadBig {
      display: block;
      margin: 0 auto 20px;
      max-width: 340px; }

  .header .hrLine {
    display: none; }

  .header .book {
    padding: 30px 10px; }

  .aboutActor h2 {
    font-size: 36px; }

  .aboutActor h3 {
    font-size: 18px;
    margin: 0 0 15px; }

  .aboutActor p {
    font-size: 15px;
    line-height: 25px; }

  .blackText .text {
    font-size: 18px; }

  .crew h3 {
    font-size: 36px; }

  .crew .colLeft p {
    font-size: 18px;
    padding: 3px 20px; }

  .crew .colRight p {
    font-size: 18px;
    padding: 3px 20px; }

  .footer > div {
    margin: 25px 0;
    display: block; }

  .header .logo {
    left: 15px;
    top: 25px;
    width: 140px; }

  .header .book p {
    line-height: 20px; }

  .header .book_top .about .actors {
    display: none; } 

  .blackText {
    max-height:320px;}
    
  .arrowTop {
    visibility: hidden;
    }
  .arrowDown {
    visibility: hidden;
    }}

@media all and (max-width: 540px) {
  .header .book_top {
    background: none; }

  .header .book_top .about {
    padding: 10px 15px 20px 15px; }

  .header .actorsSmall {
    display: block; }

  .header {
    background-size: 270% auto; }

  .header .btn-blue img {
    display: none; }

  .header .downloadBig {
    display: block;
    margin: 0 auto 20px;
    padding: 0 10px;
    width: 92%;
    min-width: initial; }

  .header .book .col-left, .header .book .col-right {
    float: none;
    width: 100%; }

  .header .book .cover {
    width: 100%;
    margin-bottom: 20px; }

  .fixedBg {
    bottom: initial !important;
    height: 180px;
    background-attachment: initial; }

  .aboutActor {
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    padding: 200px 10px 0 10px;
    transform: initial; }

  body {
    background: #0f1111; }

  .playSample {
    position: absolute;
    top: 100px;
    left: 10px; }

  .fbWraper {
    left: 10px;
    top: 10px; }
    
  .blackText {
    max-height:320px;}

  .blackText .text {
    padding: 0 10px; }
    
  .arrowTop {
    visibility: hidden;
    }
  .arrowDown {
    visibility: hidden;
    }

  .crew.fixedBg {
    height: auto; }

  .crew .colRight {
    display: none; }

  .crew .colLeft {
    text-align: center;
    width: 100%; } }
@media all and (min-width: 613px) {
  .crew .yt .videoWrapper {
    width: 520px;
    padding-bottom: 0;
    height: 300px; } }

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