*{margin:0;padding: 0;}

html,
body {
    height:100%;
    min-height: 100%;}

body{
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-weight: normal;
  width: 100%;
  background-color:#000000;
}

img{border: none;outline: none;}

.offer-x {margin: -123px 206px 0 0;}

html{width:100%;}

div{margin: 0 auto;}

div.clear{clear: both;height:0;}

/*** header ***/

.wrap {
  overflow: hidden;
  position:relative;
  width: 100%;
  min-width: 1135px;
  height: 945px; 
  background: url('/images/welcome-offer-gladiator/back.jpg') center top no-repeat;
  margin: 0 auto;
}

.wrapper{
  width: 1135px;
  margin: 0 auto;
  position: relative;
}

  
      
.float{float:left;}
.float-r{float:right;}



/*div*/.content{
  width: 1135px;
  height: 665px;
  margin: 0 auto;
  position:relative; 
}



  .img{padding:30px 0 0 0px;}
        

 .gladiator {
  width: 347px;
  right: 10px;
  height: 646px;
  position: absolute;
  top: 20px; 
  z-index: 4;
  background: url('/images/welcome-offer-gladiator/gladiator.png') no-repeat;
}   


 .pic1 {
  width: 549px;
  right: -100px;
  height: 341px;
  position: absolute;
  top: 275px; 
  opacity:0;
  z-index: 3;
  background: url('/images/welcome-offer-gladiator/screen1.png') no-repeat;
}  


 .pic2 {
  width: 573px;
  right: 400px;
  height: 291px;
  position: absolute;
  top: 277px;
  opacity:0; 
  z-index: 2;
  background: url('/images/welcome-offer-gladiator/screen2.png') no-repeat;
}

 .pic3 {
  width: 293px;
  right: 500px;
  height: 234px;
  position: absolute;
  top: 303px; 
  opacity:0;
  z-index: 1;
  background: url('/images/welcome-offer-gladiator/screen3.png') no-repeat;
}


.present {
  width: 700px;
  left: -330px;
  height: 115px;
  position: absolute;
  opacity:0;
  top: 146px; 
  background: url('/images/welcome-offer-roulette/300.png') no-repeat;
}


.on-first {
  width: 320px;
  height: 35px;
  position: absolute;
  top: 145px;
  left: -130px;
  opacity:0;
  background: url('/images/welcome-offer-roulette/on-first.png') no-repeat;
}

.button{
  left: 195px;
  top:187px;
  z-index: 999;
  width: 310px;
  height: 73px;
  left: -130px;
  opacity:0;
  cursor:pointer;
  position: absolute;
  background: url('/images/welcome-offer-roulette/button.png') 0 0 no-repeat;
  background-position: 0 0;
}
                       
.button:hover { background-position:0 -73px;}       


.steps{
  left: 0px;
  top: 0px;
  width: 1135px;
  height: 102px;
  position: relative;
  margin: 0 auto;
} 

      .one, .two, .three{width: 331px;height: 102px;position: absolute;cursor:pointer;}
      
      .one
      { background: url('/images/welcome-offer-roulette/1.png')  no-repeat;
      z-index: 3;opacity:0;left:-200px;}
      .two
      {background: url('/images/welcome-offer-roulette/2.png') no-repeat;
      z-index: 2;opacity:0;}
       .three
      {background: url('/images/welcome-offer-roulette/3.png') no-repeat;
      left:400px; z-index: 1;opacity:0;}

      .text{color:#fffefe;font-size: 32px;font-weight: 700;padding:26px 0 0 139px;font-family: 'Noto Sans'; }
      .span{color:#98ad00;font-size: 34px;text-transform: uppercase;}



.footer{margin: 0px auto;width: 963px;}

a.terms {color:#333333; text-decoration: underline;font-size: 12px;margin-left:45px;}

.new-ul{margin: 0 auto;width: 545px;display:block;}

.new-ul li a:hover img{margin-top: 0!important;}
.new-ul li {float: left;margin: 0 0 0 25px;}
.new-ul li a {height: 50px!important;text-decoration: none;}

.listContainer {/*height: 52px;*/
/*overflow: hidden;*/
margin-top: 20px;
padding-bottom: 10px;
width: 955px;}

      .listContainer .list{position: relative;}
        

        .listContainer .list li{float: left;margin: 0 0 0 25px;}

            .listContainer .list li a{display: block;
            height: 52px;
            overflow: hidden;text-decoration: none;}

              .listContainer .list li a:hover img{margin-top: -52px;}

ul li{list-style: none;}


/*** bonus ***/