html{
  background:#ffffff;
  _background:#eeeeee;
  _background:#E31F26;
  font-size:6.25%;
}
body{
  overflow:auto;
}
html, body{
  -webkit-text-size-adjust: none;
  height:100%;
  margin:0;
}

body, input, select, textarea, button{
  font-family: Arial, sans-serif;
  font-size:16rem;
  color:#000000;
}

#w{
  position:absolute;
}
#w span{
  width:1px;
  height:1px;
  position:absolute;
  display:none;
}

#page{
  width:100%;
  min-width:320px;
  min-height:100%;
  background:#ffffff;
  position:relative;
  overflow:hidden;
}
#page{
  _width:1200px;
  background:#ffffff;
  _background:url(images/kopa.jpg) no-repeat center top;
  _background:url(images/bg.jpg) no-repeat center top;
  _background:url(images/bg_home.jpg) no-repeat center top;
  _background-size:100% auto;
}
#page{
  _width:1200rem;
  margin:0 auto;
}
@media screen and (max-width:1200px) {
}

#content{
}
#content > .over{
  display:none;
}
body.over{
  overflow:hidden;
}
body.over #content > .over{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background:#000000;
  opacity:.4;
  z-index:100;
  display:block;
}
#content .block{
  width:100%;
  position:relative;
}



#content .block.register{
  _background:rgba(255,0,0,.2);
  margin:0 0 195rem 0;
  min-height:450rem;
}
#content .block.register::before{
  content:'';
  width:800rem;
  height:450rem;
  position:absolute;
  background:#f2937d;
}
#content .block.register .form{
  width:340rem;
  padding:50rem 0 0 335rem;
}
#content .block.register.done form,
#content .block.register form.submitting{
  pointer-events:none;
}
#content .block.register.before .form,
#content .block.register.off .form{
  display:none;
}
#content .block.register ul{
	list-style:none;
  padding:0;
  margin:0;
}
#content .block.register .steps{
  position:absolute;
  padding-left:50rem;
  margin:50rem 0 0 26rem;
  background:url(images/steps.png) no-repeat center;
  background-image:url(images/steps.svg), none;
  background-size:contain;
  position:absolute;
  width:211rem;
  height:261rem;
}
#content .block.register .steps li{
  text-indent:-9999rem;
}
#content .block.register .logo{
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  position:absolute;
  right:35rem;
  top:30rem;
}
#content .block.register .gliss{
  width:96rem;
  height:90rem;
  background-image:url(images/gliss.png);
}
#content .block.register .iki{
  display:none;
}
#content .block.register .fields{
  width:100%;
  margin:0 auto;
  display:block;
}
#content .block.register .fields li{
  width:100%;
  display:block;
  margin:0 0 9rem 0;
  position:relative;
}
#content .block.register .fields .text{
  position:relative;
}
#content .block.register .fields .text input,
#content .block.register .fields .text label{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:25rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#ad6b60;
  padding:0 12rem;
}
#content .block.register .fields .text input{
  width:100%;
  color:#000000;
  background:none;
  border:1rem solid #231f20;
  border-radius:5rem;
  box-sizing:border-box;
}
#content .block.register .fields .text label{
  line-height:25rem;
  position:absolute;
  top:0;
  display:none;
  transition:all .2s;
}
#content .block.register .fields .text input:placeholder-shown + label{
  display:block;
}
#content .block.register .fields .text.req input:placeholder-shown + label::after{
  content:'*';
}
#content .block.register .fields .text.err input{
  color:#ffffff;
  background:#9b2628;
  border-color:#9b2628;
}
#content .block.register .fields .text.err input:placeholder-shown + label{
  color:#ffffff;
}
div.choose{
  position:relative;
}
div.choose span,
div.choose label{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:25rem;
  font-weight:700;
  text-transform:uppercase;
}
div.choose span{
  color:#ad6b60;
  width:100%;
  height:25rem;
  padding:0 90rem 0 12rem;
  box-sizing:border-box;
  position:relative;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1rem solid #231f20;
  border-radius:5rem;
  background:none;
}
li.choose.req span::after{
  content:'*';
}
li.choose.choosed span{
  color:#000000;
}
li.choose.choosed span::after{
  content:'';
}
.err div.choose span{
  color:#ffffff;
  background:#9b2628;
  border-color:#9b2628;
}
div.choose label{
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  background:#080808;
  border:0;
  border-top-right-radius:5rem;
  border-bottom-right-radius:5rem;
  display:block !important;
  width:80rem;
  height:25rem;
  _border:0;
  margin:0;
  cursor:pointer;
  box-sizing:border-box;
  position:absolute;
  right:0;
  top:0;
}
li.choose small{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:13rem;
  font-weight:300;
  color:#000000;
  font-style:normal;
  padding:10rem 0 3rem 0;
  display:block;
}
div.choose input{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  font-size:11rem;
  line-height:25rem;
  opacity:0;
}
#content .block.register .fields .req-text{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:13rem;
  color:#000000;
  font-weight:300;
  padding:3rem 0 4rem 0;
  display:block;
}
body.ru #content .block.register .fields .req-text{
  padding-top:3rem;
}
#content .block.register .fields .req-text::before{
  content:'*';
}
#content .block.register .fields .check input{
  display:none;
}
#content .block.register .fields .check label{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:13rem;
  font-weight:300;
  color:#000000;
  text-align:justify;
  position:relative;
  display:block;
  margin:0;
  padding:0 0 0 26rem;
}
#content .block.register .fields .check a{
  color:#000000;
  text-decoration:underline;
}
#content .block.register .fields .check a:hover{
  text-decoration:none;
}
#content .block.register .fields .check label::before,
#content .block.register .fields .check label::after{
  content:'';
  width:16rem;
  height:16rem;
  position:absolute;
  left:0;
  top:-3rem;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
}
#content .block.register .fields .check.err label::before{
  background-color:#9b2628;
  border-color:#9b2628;
}
#content .block.register .fields .check label::before,
#content .block.register .fields .check.err input:checked + label::before{
  background-color:transparent;
  border:1rem solid #000000;
  border-radius:5rem;
}
#content .block.register .fields .check input:checked + label::after{
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
  left:1rem;
  top:-2rem;
}
#content .block.register li.alert{
  margin:0;
  min-height:45rem;
}
#content .block.register li.alert div{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:13rem;
  color:#9b2628;
  font-weight:bold;
  text-align:center;
  display:none;
  margin:0;
  position:relative;
}
#content .block.register li.alert span{
}
#content .block.register li.alert.on div{
  display:block;
}
#content .block.register.done li.alert div{
  display:none;
}
#content .block.register .submit{
  width:150rem;
  height:30rem;
  margin:0 auto;
  position:relative;
  z-index:1;
}
#content .block.register .submit button{
  font-family:'Trade Gothic Next LT Pro';
  font-size:13rem;
  line-height:28rem;
  color:#000000;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  background:none;
  border:0;
  width:100%;
  cursor:pointer;
  border-radius:5rem;
  border:1rem solid #080808;
  box-sizing:border-box;
}
#content .block.register .submit button:hover{
  color:#ffffff;
  background:#080808;
  box-shadow:0 3rem 1rem 0 rgba(0,0,0,.5);
}
#content .block.register .submit button:active{
  color:#ffffff;
  background:#080808;
  box-shadow:none;
  transform:translate(0,2rem);
}
#content .block.register form.submitting .submit button{
  color:#ffffff;
  background:#080808;
  opacity:.5;
}
#content .block.register .submit div{
  width:100%;
  height:100%;
  background:url(images/spinner_white.gif) no-repeat center center;
  background-image:url(images/spinner_white.svg), none;
  background-size:contain;
  position:absolute;
  top:0;
  display:none;
}
#content .block.register form.submitting .submit div{
  display:block;
}
#content .block.register .info{
  display:none;
  z-index:99;
  position:relative;
  padding:170rem 0 0 340rem;
}
#content .block.register .info h3{
  font-family:'Trade Gothic Next LT Pro';
  font-size:25rem;
  line-height:28rem;
  color:#000000;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  margin:0;
  padding:20rem;
  width:250rem;
  border:2rem solid #000000;
  position:absolute;
  border-radius:10rem;
}
#content .block.register .info h3 span{
  font-weight:300;
  display:block;
}
#content .block.register.before .before{
  display:block;
}
#content .block.register.off .off{
  display:block;
}
#content .block.register .thanks{
  width:275rem;
  padding:40rem 25rem;
  position:absolute;
  margin:-10rem 0 0 400rem;
  background:#ffffff;
  border-radius:30rem;
  box-shadow:0 10rem 20rem 0 rgba(0,0,0,.5);
}
#content .block.register .thanks a.close{
  width:20rem;
  height:20rem;
  background:url(images/close.png) no-repeat center;
  background-image:url(images/close.svg), none;
  background-size:contain;
  position:absolute;
  right:15rem;
  top:15rem;
}
#content .block.register .thanks h2{
  font-family:'Trade Gothic Next LT Pro';
  font-size:25rem;
  line-height:28rem;
  color:#000000;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  margin:0;
}
#content .block.register .thanks .gift{
  font-family:'Hot Salsa';
  font-size:23rem;
  line-height:25rem;
  color:#000000;
  font-weight:400;
  display:block;
  text-align:center;
  position:relative;
  margin:20rem 30rem;
}
#content .block.register .thanks .gift::before,
#content .block.register .thanks .gift::after{
  content:'';
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  display:block;
  width:104rem;
  margin:0 auto;
}
#content .block.register .thanks .gift::before{
  background-image:url(images/gift_top.png);
  background-image:url(images/gift_top.svg), none;
  height:66rem;
}
#content .block.register .thanks .gift::after{
  background-image:url(images/gift_btm.png);
  background-image:url(images/gift_btm.svg), none;
  height:20rem;
}
#content .block.register .thanks small{
  font-family:'Trade Gothic Next LT Pro';
  font-size:11rem;
  line-height:13rem;
  color:#000000;
  font-weight:700;
  display:block;
  text-align:center;
  text-transform:uppercase;
  margin:20rem 30rem 0 30rem;
}
#content .block.register .thanks span{
  font-family:'Trade Gothic Next LT Pro';
  font-size:9rem;
  line-height:11rem;
  color:#000000;
  font-weight:700;
  display:block;
  text-align:center;
  margin:20rem 10rem 0 10rem;
}
#content .block.register .thanks span + span{
  font-weight:400;
  border-top:1rem solid #000000;
  margin-top:10rem;
  padding:10rem 0 0 0;
}
#content .block.register.done .thanks{
  display:block;
}
body.over #content .block.register.done .thanks{
	position:fixed;
	top:50%;
	transform:translate(0,-50%);
	margin-top:0;
  z-index:101;
}


#rats{
  width:400rem;
  height:525rem;
  position:absolute;
  top:38rem;
  right:82rem;
}
#rats > div{
  position:absolute;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
}
#rats audio{
  position:absolute;
  left:-9999rem;
  visibility:hidden;
}
#rats .fons{
  width:100%;
  height:100%;
  background-image:url(images/rats/fons.png);
}
@keyframes turn{
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(360deg);
  }
}
#rats .ripa{
  width:400rem;
  height:400rem;
  left:50%;
  top:50%;
  margin:-200rem;
  background-image:url(images/rats/ripa.png);
  border-radius:50%;
  box-shadow:0 0 10rem 0 rgba(0,0,0,.5);
}
#rats.turn .ripa{
  animation: turn 2s;
}
#rats .centrs{
  width:90rem;
  height:90rem;
  left:50%;
  top:50%;
  margin:-45rem;
  background-color:#ffffff;
  background-image:url(images/rats/centrs.png);
  border-radius:50%;
  border:2rem solid #000000;
}
#rats .lampas{
  width:400rem;
  height:400rem;
  left:50%;
  top:50%;
  margin:-63rem 0 0 0;
  position:absolute;
  _background:rgba(0,0,0,.2);
}
#rats .lampas span{
  width:24rem;
  height:24rem;
  position:absolute;
  _background:url(images/rats/lampa2.png) no-repeat center;
  background-size:contain;
  margin:-12rem;
}
#rats .lampas span b{
  width:128rem;
  height:128rem;
  position:absolute;
  background:url(images/rats/light.png) no-repeat center;
  background-size:contain;
  display:none;
  left:12rem;
  top:12rem;
  margin:-64rem;
}
#rats .lampas span.flash b{
  display:block;
}
#rats .poga{
  width:90rem;
  height:90rem;
  left:50%;
  top:50%;
  margin:-44rem;
  border-radius:50%;
  cursor:pointer;
  background:rgba(0,255,0,.2);
}



#content .block.rules{
  _background:rgba(0,255,0,.3);
  position:absolute;
  bottom:70px;
}
#content .block.rules .iki{
  width:105rem;
  height:100rem;
  background:url(images/iki.png) no-repeat center;
  background-size:contain;
  position:absolute;
  left:46rem;
  bottom:8rem;
}
#content .block.rules .info,
#content .block.rules .buttons{
  display:inline-block;
  vertical-align:top;
}
#content .block.rules .info{
  font-family:'Trade Gothic Next LT Pro';
  font-size:10rem;
  line-height:12rem;
  color:#000000;
  font-weight:300;
  padding:8rem 0 11rem 30rem;
  text-align:left;
  margin:20rem 0 0 185rem;
  border-left:1rem solid #000000;
  width:220rem;
}
#content .block.rules .info span{
  display:block;
}
#content .block.rules .info span + span{
  margin-top:10rem;
}
#content .block.rules .buttons{
  padding:32rem 0 0 35rem;
}
#content .block.rules .buttons a{
  font-family:'Trade Gothic Next LT Pro';
  font-size:10rem;
  line-height:20rem;
  color:#000000;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  background:none;
  border:0;
  width:125rem;
  cursor:pointer;
  border-radius:5rem;
  border:1rem solid #080808;
  box-sizing:border-box;
  display:block;
}
#content .block.rules .buttons a + a{
  margin-top:10rem;
}
#content .block.rules .buttons a:hover{
  color:#ffffff;
  background:#080808;
  box-shadow:0 3rem 1rem 0 rgba(0,0,0,.5);
}
#content .block.rules .buttons a:active{
  color:#ffffff;
  background:#080808;
  box-shadow:none;
  transform:translate(0,2rem);
}



form{
  margin:0;
}
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  display:block;
}

sup, sub{
	height: 0;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sup{
	bottom: 1.5ex;
  font-size:50%;
}
sub{
	top: .5ex;
  font-size:65%;
}

input:focus, textarea:focus, select:focus{
  outline: none;
  outline-width:0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
  -webkit-user-modify: read-write-plaintext-only;
}
textarea{
  resize: none;
}
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}