html{
  font-size:.21vw;
}
body{
  -webkit-text-size-adjust: none;
}
body.menu{
  overflow:hidden;
}

#w span{
  display:none;
}
#w span[rel="480"]{
  display:block;
}

#page{
  background-image:url(images/m/bg@2x.jpg);
}
#_page{
  width:480px;
  background:url(images/m/kopa.jpg) no-repeat left 0;
  background-size:100% auto;
}

.center{
  width:100%;
}

.header{
  background:none;
  height:72rem;
}
.header::before{
  display:none;
}
#header{
  top:0;
}
body.menu .header{
  height:100%;
}


.header .logo,
body.scrolled .header .logo{
  width:110rem;
  height:110rem;
  top:0;
  left:0;
  margin:20rem 0 0 10rem;
  z-index:1;
}
body.menu .header .logo{
  width:110rem;
  height:110rem;
}
.header .bg{
  width:100%;
  position:absolute;
  height:72rem;
  _background:#160805;
  display:block;
}
.header .burger{
  width:72rem;
  height:72rem;
  position:absolute;
  top:0;
  right:0;
  background:url(images/m/menu@2x.png) no-repeat center center;
  background-image:url(images/m/menu.svg), none;
  background-size:contain;
  cursor:pointer;
  display:block;
  margin:0;
}
.header .menu{
  width:100%;
  margin:0;
}
body.menu .header .menu{
  overflow:auto;
  height:100%;
}
.header .menu ul{
  margin:0;
  background:#110404;
  background:#160805;
  width:100%;
  height:auto;
  padding:96rem 0 56rem 0;
  display:none;
  position:relative;
  border-bottom-left-radius:4em;
  transform:translateY(-100%);
  transition:all .2s;
}
.header.act .menu ul{
  display:block;
}
body.menu .header .menu ul{
  display:block;
}
body.menu .header.act .menu ul{
  transform:translateY(0);
}
.header .menu ul li{
  display:block;
  margin:10.5% 0;
}
.header .menu ul li::before{
  width:10rem;
  height:10rem;
  margin-left:-5rem;
  left:50%;
  top:-27rem;
}
.header .menu ul li:first-child{
  border:0;
}
.header .menu ul li a{
  padding:0;
  text-align:center;
  margin:0 !important;
  width:auto !important;
  display:block;
}
.header .menu ul li a.winners{
  height:21rem;
}
.header .menu ul li a.rules,
.header .menu ul li a.faq{
  height:17rem;
}


#content .block.home{
}
#content .block.home .center{
  height:1030rem;
  _background:rgba(0,255,0,.1);
  overflow:hidden;
}
#content .block.home .info{
  width:100%;
  height:1030rem;
  margin:0;
  background-image:url(images/m/home@2x.png);
}



#content .block.register{
}
#content .block.register .center{
  height:1030rem;
  _background:rgba(255,0,0,.1);
}
#content .block.register .center::before{
  width:380rem;
  top:84rem;
  margin:0 -190rem;
}
#content .block.register .title{
  width:210rem;
  height:50rem;
  margin:31rem 0 0 -105rem;
}
#content .block.register .before{
  margin:315rem 0 0 80rem;
}
#content .block.register .off{
  margin:315rem 0 0 80rem;
}
#content .block.register .thanks{
  margin:315rem 0 0 80rem;
}
#content .block.register .form{
  width:370rem;
  padding-top:108rem;
}
#content .block.register .form .fields{
  width:100%;
  margin:0;
}
#content .block.register .form .fields + .fields{
  position:relative;
  right:auto;
  top:auto;
}
#content .block.register .form .fields > li{
  margin:0 0 20rem 0;
}
#content .block.register .form .fields > li.choose{
  margin:0 0 37rem 0;
}

.textfield span,
.textfield input{
}
div.check{
  position:relative;
  width:370rem;
  margin:54rem 0 0 40rem;
}
div.choose{
  margin:-10rem 0 0 0;
}
.choose small{
  text-align:center;
  position:relative;
  right:auto;
  top:auto;
  margin-top:13rem;
}
#content .block.register .fields .req-text{
  padding:0 0 0 50rem;
}

button.submit{
  margin:0 0 0 69rem;
}
button.submit:active{
  margin-top:5rem;
}
div.submit{
  margin:0 0 0 69rem;
}
.alert{
  margin:100rem -20rem 0 -20rem;
}
.alert span{
  font-size:13rem;
  line-height:120%;
}




#content .block.winners{
}
#content .block.winners .center{
  height:1030rem;
  _background:rgba(0,255,0,.1);
}
#content .block.winners .center::before{
  width:380rem;
  top:83rem;
  margin:0 -190rem;
}
#content .block.winners .title{
  width:192rem;
  height:49rem;
  margin:33rem 0 0 -96rem;
}
#content .block.winners h3{
  width:287rem;
  height:161rem;
  margin:400rem 0 0 -144rem;
  background-image:url(images/m/winners_temp.png);
  background-image:url(images/m/winners_temp.svg), none;
}
#content .block.winners .raffles{
  width:300rem;
  padding-top:200rem;
}



#content .block.rules{
}
#content .block.rules .center{
  height:1030rem;
  _background:rgba(255,0,0,.1);
}
#content .block.rules .center::before{
  width:410rem;
  top:93rem;
  margin:0 -205rem;
}
#content .block.rules .title{
  width:212rem;
  height:50rem;
  margin:35rem 0 0 -106rem;
}
#content .block.rules .info{
  margin:105rem 0 0 -200rem;
  width:390rem;
}
#content .block.rules .info h3{
  font-size:15rem;
  margin:0 0 1rem 0;
}
#content .block.rules .info ul{
  margin:0 0 28rem 0;
}
#content .block.rules .info li{
  font-size:13rem;
  line-height:122%;
  text-align:justify;
  padding-left:15rem;
}
#content .block.rules .info .pdf{
  font-size:13rem;
  line-height:120%;
  margin:42rem 0 0 0;
}
#content .block.rules .info center{
  font-size:13rem;
  line-height:120%;
  margin:8rem 0 0 0;
}


#content .block.faq{
}
#content .block.faq .center{
  height:1030rem;
  _background:rgba(0,255,0,.1);
}
#content .block.faq .center::before{
  width:376rem;
  top:83rem;
  margin:0 -188rem;
}
#content .block.faq .title{
  width:375rem;
  height:43rem;
  margin:37rem 0 0 -188rem;
}
#content .block.faq .info{
  margin:123rem 0 0 -188rem;
  width:376rem;
}
#content .block.faq .info h3{
  font-size:15rem;
  line-height:120%;
  margin:0 0 7rem 0;
}
#content .block.faq .info p{
  font-size:13rem;
  line-height:140%;
  text-align:justify;
  margin:0 0 27rem 0;
}