#display {
  width: 100%;
  height: 100%;
  cursor: pointer; }
  #display div {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto; }
  #display .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display .counter {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    #display .counter canvas {
      position: absolute;
      top: 50%;
      left: 50%; }
  #display .display-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display .display-video .hover-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display.format_300x250 .counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display.format_300x250 .counter canvas {
    top: 85px;
    left: 23px; }
  #display.format_300x250 .content .display-video {
    background: black;
    position: absolute;
    width: 276px;
    height: 250px;
    top: 0;
    left: -1px; }
  #display.format_300x250 .content .logo {
    background-image: url("../materialy/300x250/logo.png");
    width: 169px;
    height: 81px;
    top: 0px;
    left: 0px; }
  #display.format_300x250 .content .bg-transition {
    background-image: url("../materialy/300x250/apla_1.png");
    width: 169px;
    height: 250px;
    top: 0px;
    left: 130px; }
  #display.format_300x250 .content .bg-red-guys {
    background-image: url("../materialy/300x250/apla_2.png");
    width: 192px;
    height: 250px;
    right: 0px;
    top: 0px; }
  #display.format_300x250 .content .red-guys {
    background-image: url("../materialy/300x250/postacie.png");
    width: 212px;
    height: 204px;
    left: 88px;
    top: 46px; }
  #display.format_300x250 .content .w-kinach {
    background-image: url("../materialy/300x250/kino.png");
    width: 108px;
    height: 31px;
    bottom: 15px;
    right: 15px; }
  #display.format_300x250 .content .splat {
    background-image: url("../materialy/300x250/splater.png");
    width: 225px;
    height: 128px;
    bottom: 0px;
    right: 0px; }
  #display.format_750x200 .counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display.format_750x200 .counter canvas {
    top: 53px;
    left: 275px; }
  #display.format_750x200 .content .display-video {
    background: black;
    position: absolute;
    width: 622px;
    height: 192px;
    top: 8px;
    left: -1px; }
  #display.format_750x200 .content .logo {
    background-image: url("../materialy/750x200/logo.png");
    width: 155px;
    height: 135px;
    top: 8px;
    left: 0px; }
  #display.format_750x200 .content .bg-transition {
    background-image: url("../materialy/750x200/apla_1.png");
    width: 254px;
    height: 192px;
    top: 8px;
    right: 0px; }
  #display.format_750x200 .content .bg-red-guys {
    background-image: url("../materialy/750x200/apla_2.png");
    width: 337px;
    height: 192px;
    right: 0px;
    top: 8px; }
  #display.format_750x200 .content .red-guys {
    background-image: url("../materialy/750x200/postacie.png");
    width: 312px;
    height: 199px;
    right: 0px;
    top: 1px; }
  #display.format_750x200 .content .w-kinach {
    background-image: url("../materialy/750x200/kino.png");
    width: 129px;
    height: 37px;
    bottom: 15px;
    right: 15px; }
  #display.format_750x200 .content .splat {
    background-image: url("../materialy/750x200/splatter.png");
    width: 302px;
    height: 129px;
    bottom: 0px;
    right: 0px; }
  #display.format_750x200 .content .cta, #display.format_750x200 .content .cta-a {
    background-image: url("../materialy/750x200/cta.png");
    width: 135px;
    height: 34px;
    left: 15px;
    bottom: 15px; }
  #display.format_750x200 .content .cta-a {
    background-image: url("../materialy/750x200/cta_a.png");
    opacity: 0; }
  #display.format_750x200 .content .cta-arrow {
    background-image: url("../materialy/750x200/cta_arrow.png");
    width: 30px;
    height: 12px;
    left: 132px;
    bottom: 25px; }
  #display.format_750x300 .counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #display.format_750x300 .counter canvas {
    top: 91px;
    left: 238px; }
  #display.format_750x300 .content .display-video {
    background: black;
    position: absolute;
    width: 602px;
    height: 292px;
    top: 8px;
    left: -1px; }
  #display.format_750x300 .content .logo {
    background-image: url("../materialy/750x300/logo.png");
    width: 207px;
    height: 166px;
    top: 8px;
    left: 0px; }
  #display.format_750x300 .content .bg-transition {
    background-image: url("../materialy/750x300/apla_1.png");
    width: 337px;
    height: 292px;
    top: 8px;
    right: 0px; }
  #display.format_750x300 .content .bg-red-guys {
    background-image: url("../materialy/750x300/apla_2.png");
    width: 416px;
    height: 292px;
    right: 0px;
    top: 8px; }
  #display.format_750x300 .content .red-guys {
    background-image: url("../materialy/750x300/postacie.png");
    width: 403px;
    height: 300px;
    right: 0px;
    top: 0px; }
  #display.format_750x300 .content .w-kinach {
    background-image: url("../materialy/750x300/kino.png");
    width: 141px;
    height: 40px;
    bottom: 22px;
    right: 22px; }
  #display.format_750x300 .content .splat {
    background-image: url("../materialy/750x300/splater.png");
    width: 375px;
    height: 215px;
    bottom: 0px;
    right: 0px; }
  #display.format_750x300 .content .cta, #display.format_750x300 .content .cta-a {
    background-image: url("../materialy/750x300/cta.png");
    width: 182px;
    height: 46px;
    left: 20px;
    bottom: 20px; }
  #display.format_750x300 .content .cta-a {
    background-image: url("../materialy/750x300/cta_a.png");
    opacity: 0; }
  #display.format_750x300 .content .cta-arrow {
    background-image: url("../materialy/750x300/cta_arrow.png");
    width: 40px;
    height: 15px;
    bottom: 35px;
    left: 180px; }

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