/*  RESET **************************/
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-height: 100%;}
body {margin: 0px; padding: 0px; line-height: 1;}
a:active,
a:hover {
  outline: 0;
}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
img {border: 0; width: 100%; height: auto;}
svg:not(:root) {overflow: hidden;}
select {-webkit-appearance: none;}
button[disabled],
html input[disabled] {
  cursor: default;
}
textarea {overflow: auto; vertical-align: top; resize: none;}
a,
a:hover,
a:visited {
  text-decoration: none;
}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
div{position: absolute; display: block;}

.centered{
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/*  BANNER *********************/
#ad {
  width: 300px;
  height: 250px;
  background-color: #000;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
#banner {
  width: 100%;
  height: 100%;
}
#outline {
  width: 100%;
  height: 100%;
  border:1px solid #000;
  pointer-events: none;
}
#fader{
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
}
/* CUSTOM CSS *******************/
#banner {
  font-family: 'sans-serif;';
  font-weight: 400;
  color: #fff;
  background-color: #000;
 -webkit-perspective: 1000px;
 -moz-perspective: 1000px;
 perspective: 1000px;
}
.fw{
  width: 100%;
  height: 100%;
}

#txtHolder {
  width: 100%;
  height: 100%;
}
#t1 {
  background:url('images/t1.png') no-repeat;
  background-size: contain;
}
#t2 {
  background:url('images/t2.png') no-repeat;
  background-size: contain;
}
#t3 {
  background:url('images/t3.png') no-repeat;
  background-size: contain;
}
#t4 {
  background:url('images/t4.png') no-repeat;
  background-size: contain;
}
#t5 {
  background:url('images/t5.png') no-repeat;
  background-size: contain;
}
#t6 {
  background:url('images/t6.png') no-repeat;
  background-size: contain;
}
#t7 {
  background:url('images/t7.png') no-repeat;
  background-size: contain;
}
#t8 {
  background:url('images/t8.png') no-repeat;
  background-size: contain;
}
#t9 {
  background:url('images/t9.png') no-repeat;
  background-size: contain;
}
#t10 {
  background:url('images/t10.png') no-repeat;
  background-size: contain;
}
#t11 {
  background:url('images/t11.png') no-repeat;
  background-size: contain;
}
#t12 {
  background:url('images/t12.png') no-repeat;
  background-size: contain;
}
#t13 {
  background:url('images/t13.png') no-repeat;
  background-size: contain;
}

#ball {
  top: 0;
  right: 40px;
  width: 50px;
  height: 63px;
  background:url('images/ball.png') no-repeat;
  background-size: contain;
}

#pack {
  background:url('images/pack.png') no-repeat;
  background-size: contain;
}
#pack2 {
  background:url('images/pack2.png') no-repeat;
  background-size: contain;
}
#bg {
  background:url('images/bg.jpg')no-repeat;
  background-size: contain;
}