a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
}

body {
  overflow: hidden;
  font-family: Arial, Tahoma, sans-serif;
}

#banner-outer {
  width: 450px;
  height: 250px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
  border-radius: 10px;
}

#banner-outer #banner-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

#banner-outer #banner-inner * {
  position: absolute;
  pointer-events: none;
}

#banner-outer #banner-inner #water {
  position: absolute;
  left: -10px;
  bottom: -10px;
  width: 110%;
  height: 110%;
  background: #ffffff url("bg.jpg") center center/cover no-repeat;
  -webkit-filter: url("#turbulence");
          filter: url("#turbulence");
  z-index: 1;
}

#banner-outer #banner-inner #ship {
  top: 140px;
  left: 70px;
  z-index: 3;
}

#banner-outer #banner-inner #sky-and-islands {
  top: 0px;
  right: 0px;
  z-index: 2;
  width: 100%;
  height: 50px;
}

#banner-outer #banner-inner #logo-ej {
  left: 50%;
  top: 15px;
  z-index: 4;
}

#banner-outer #banner-inner #logo-lotto {
  right: 7px;
  bottom: 7px;
  z-index: 4;
}

#banner-outer #banner-inner .right-col {
  width: 100%;
  height: 200px;
  top: 95px;
  right: 0;
  z-index: 4;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

#banner-outer #banner-inner #txt1 {
  left: 50%;
  top: 0;
}

#banner-outer #banner-inner #kwota-kumulacji {
  left: 50.5%;
  top: 45px;
  width: 350px;
}

#banner-outer #banner-inner #kwota-kumulacji img[id*="light"] {
  width: 50%;
}

#banner-outer #banner-inner #kwota-kumulacji.kwota-8-liczbowa #light1 {
  left: 20%;
  top: 7.5%;
  z-index: 2;
}

#banner-outer #banner-inner #kwota-kumulacji.kwota-8-liczbowa #light2 {
  left: 60%;
  top: 12.5%;
  z-index: 2;
}

#banner-outer #banner-inner #kwota-kumulacji.kwota-9-liczbowa #light1 {
  left: 25%;
  top: 7.5%;
  z-index: 2;
}

#banner-outer #banner-inner #kwota-kumulacji.kwota-9-liczbowa #light2 {
  left: 65%;
  top: 12.5%;
  z-index: 2;
}

#banner-outer #banner-inner #kwota-kumulacji__kwota {
  position: relative;
  width: 100%;
}

#banner-outer #banner-inner #txt2 {
  left: 50%;
  top: 0px;
}

#banner-outer #banner-inner #btn {
  width: 280px;
  height: 50px;
  left: 50%;
  top: 40px;
}

#banner-outer #banner-inner #btn #mouse {
  z-index: 1;
  bottom: -10px;
  right: 10%;
}

#banner-outer #banner-inner #btn .arrows {
  height: 9px;
  width: 30px;
  top: 50%;
  margin-top: -5px;
}

#banner-outer #banner-inner #btn .arrows img:first-child {
  left: 0;
}

#banner-outer #banner-inner #btn .arrows img:nth-child(2) {
  left: 50%;
  margin-left: -3px;
}

#banner-outer #banner-inner #btn .arrows img:last-child {
  right: 0;
}

#banner-outer #banner-inner #btn .arrows--left {
  left: -45px;
}

#banner-outer #banner-inner #btn .arrows--right {
  right: -45px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

#banner-outer #banner-inner #btn__inner {
  width: 100%;
  height: 100%;
}

#banner-outer #banner-inner #btn__inner #light3 {
  top: 5%;
  left: 1%;
  z-index: 2;
}

#banner-outer #banner-inner #btn__inner__left {
  top: 0;
  left: 0;
  height: 100%;
}

#banner-outer #banner-inner #btn__inner__center {
  width: calc(100% - 10px);
  height: 100%;
  top: 0;
  left: 5px;
  background: url("btn__center.png") center center/contain repeat-x;
}

#banner-outer #banner-inner #btn__inner__center img {
  left: 50%;
  top: 52.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#banner-outer #banner-inner #btn__inner__right {
  top: 0;
  right: 0;
  height: 100%;
}