html{
  background:#ffffff;
  background:#eeeeee;
  background:#FFD529;
  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: 'Cera Pro';
  font-size:16rem;
  color:#004C8B;
}

#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-size:100% auto;
}

#head{
  width:100%;
  height:75rem;
  left:0;
  padding:10rem 0;
  position:fixed;
  z-index:100;
  background:#FFCA00;
  _opacity:.5;
}
@media screen and (max-width:1200px) {
#page{
  background-size:100% auto;
}
}
#_head{
  max-width:1200px;
  _position:absolute;
}

#head .menu{
  width:800rem;
  position:relative;
  left:50%;
  margin-left:-400rem;
}
#head .lego,
#head .menu > a{
  display:none;
}
#head .menu ul{
  font-size:0;
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  position:relative;
  white-space:nowrap;
  text-align:center;
}
#head .menu ul li{
  display:inline-block;
  position:relative;
  margin:0 5rem;
}
#head .menu ul li a{
  font-size:26rem;
  line-height:65rem;
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  width:184rem;
  height:65rem;
  padding-top:6rem;
  background:url(images/menu.png) no-repeat center;
  background-image:url(images/menu.svg), none;
  background-size:contain;
  display:block;
}
#head .menu ul li a:hover,
#head .menu ul li a:active{
  background-image:url(images/menu_on.png);
  background-image:url(images/menu_on.svg), none;
}
#head .menu ul li a.active{
  background-image:url(images/menu_over.png);
  background-image:url(images/menu_over.svg), none;
}


#content{
}
#content .block{
  width:100%;
  position:relative;
}
#content .block .title{
  font-size:60rem;
  line-height:120%;
  font-weight:900;
  color:#004C8B;
  text-transform:uppercase;
  width:100%;
  text-align:center;
  margin:0;
}

.center{
  width:1200rem;
  height:600rem;
  margin:0 auto;
  position:relative;
}


#content .block.home{
  _background:rgba(255,0,0,.1);
}
#content .block.home .center{
  height:580rem;
}
#content .block.home .lego,
#content .block.home h1,
#content .block.home h3{
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  text-indent:-9999rem;
  position:absolute;
}
#content .block.home .lego{
  width:115rem;
  height:115rem;
  background-image:url(images/lego@2x.png);
  background-image:url(images/lego.svg), none;
  margin:145rem 0 0 70rem;
}
#content .block.home h1{
  width:756rem;
  height:427rem;
  background-image:url(images/slogan@2x.png);
  background-image:url(images/slogan.svg), none;
  margin:149rem 0 0 189rem;
}
#content .block.home h3{
  width:179rem;
  height:198rem;
  margin:138rem 65rem 0 0;
  right:0;
}


#content .block.prizes{
  _background:rgba(255,0,0,.1);
}
#content .block.prizes .center{
  height:770rem;
}
#content .block.prizes h2{
  background:url(images/prizes@2x.png) no-repeat center;
  background-size:contain;
  text-indent:-9999rem;
  position:absolute;
  width:439rem;
  height:407rem;
  margin:-4rem 0 0 405rem;
}
#content .block.prizes .products{
  margin:390rem 0 0 105rem;
  width:1000rem;
  position:absolute;
  text-align:center;
}
#content .block.prizes .products ul{
  list-style:none;
  margin:0 50rem;
  padding:0;
  white-space:nowrap;
}
#content .block.prizes .products ul + ul{
  margin:-50rem 0 0 0;
}
#content .block.prizes .products li{
  width:220rem;
  height:220rem;
  position:relative;
  display:inline-block;
  border-radius:50%;
  margin:0 13rem;
}
#content .block.prizes .products li{
  _display:none;
}
#content .block.prizes .products li div,
#content .block.prizes .products li span{
  position:absolute;
  left:50%;
  top:50%;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  border-radius:50%;
}
#content .block.prizes .products li div{
  width:164rem;
  height:164rem;
  background-color:#ffffff;
  border:4rem solid #ffffff;
  margin:-86rem;
  transition:all 200ms;
}
#content .block.prizes .products li span{
  width:200rem;
  height:200rem;
  margin:-100rem;
  text-indent:-9999rem;
  transition:all 150ms;
}
#content .block.prizes .products li.fire div{
  background-image:url(images/prod/fire@2x.png);
}
#content .block.prizes .products li.fire span{
  background-image:url(images/prod/text/fire.png);
  background-image:url(images/prod/text/fire.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.police div{
  background-image:url(images/prod/police@2x.png);
}
#content .block.prizes .products li.police span{
  background-image:url(images/prod/text/police.png);
  background-image:url(images/prod/text/police.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.street div{
  background-image:url(images/prod/street@2x.png);
}
#content .block.prizes .products li.street span{
  background-image:url(images/prod/text/street.png);
  background-image:url(images/prod/text/street.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.jungle div{
  background-image:url(images/prod/jungle@2x.png);
}
#content .block.prizes .products li.jungle span{
  background-image:url(images/prod/text/jungle.png);
  background-image:url(images/prod/text/jungle.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.excavator div{
  background-image:url(images/prod/excavator@2x.png);
}
#content .block.prizes .products li.excavator span{
  background-image:url(images/prod/text/excavator.png);
  background-image:url(images/prod/text/excavator.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.penguin div{
  background-image:url(images/prod/penguin@2x.png);
}
#content .block.prizes .products li.penguin span{
  background-image:url(images/prod/text/penguin.png);
  background-image:url(images/prod/text/penguin.svg), none;
  transform: rotate(0);
}
#content .block.prizes .products li.hogwarts div{
  background-image:url(images/prod/hogwarts@2x.png);
}
#content .block.prizes .products li.hogwarts span{
  background-image:url(images/prod/text/hogwarts.png);
  background-image:url(images/prod/text/hogwarts.svg), none;
  transform: rotate(0);
}




#content .block.register{
  _background:rgba(0,255,0,.2);
}
#content .block.register .center{
  height:750rem;
}
#content .block.register .title{
  padding-top:92rem;
}
#content .block.register .form{
  width:90%;
  _position:absolute;
  z-index:1;
  margin:18rem 0 0 5%;
  top:0;
}
#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 .fields{
  width:720rem;
  margin:0 auto;
}
#content .block.register .fields li{
  width:100%;
  display:block;
  margin:0 0 16rem 0;
  position:relative;
}
#content .block.register .fields .text{
  position:relative;
}
#content .block.register .fields .text input,
#content .block.register .fields .text label{
  font-size:23rem;
  line-height:34rem;
  color:#BF2F80;
  padding:0 25rem;
}
#content .block.register .fields .text input{
  width:100%;
  border:1rem solid #BD712F;
  background:#ffffff;
  _background:rgba(255,255,255,.3);
  box-sizing:border-box;
}
#content .block.register .fields .text label{
  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:#E12617;
  border-color:#E12617;
}
#content .block.register .fields .text.err input:placeholder-shown + label{
  color:#ffffff;
}
#content .block.register .fields li.choose{
  _margin-bottom:35rem;
}
div.choose{
  height:34rem;
  position:relative;
}
div.choose span{
  font-size:23rem;
  line-height:34rem;
  color:#BF2F80;
  width:100%;
  height:34rem;
  padding:0 25rem 0 225rem;
  box-sizing:border-box;
  position:absolute;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1rem solid #BD712F;
  background:#ffffff;
}
div.choose label{
  font-size:23rem;
  line-height:34rem;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  background:#FBAB18;
  border:1rem solid #BD712F;
  display:block !important;
  width:200rem;
  height:34rem;
  _border:0;
  margin:0;
  cursor:pointer;
  box-sizing:border-box;
  position:absolute;
  left:0;
  top:0;
}
div.choose input{
  position:absolute;
  left:-400%;
}
#content .block.register .fields .req-text{
}
#content .block.register .fields .req-text span::before{
  content:'*';
}
#content .block.register .fields .check{
}
#content .block.register .fields .check.single-line{
  margin-bottom:20rem;
}
#content .block.register .fields li.check.err::after{
  display:none;
}
#content .block.register .fields .check input{
  display:none;
}
#content .block.register .fields .check label{
  font-size:19rem;
  line-height:113%;
  color:#004C8B;
  position:relative;
  display:block;
  margin:0;
  padding:0 0 0 45rem;
}
#content .block.register .fields .check a{
  color:#004C8B;
  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{
  width:28rem;
  height:28rem;
  position:absolute;
  left:8rem;
  top:1rem;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
}
#content .block.register .fields .check label::before,
#content .block.register .fields .check.err input:checked + label::before{
  content:'';
  background:#ffffff;
  border:1rem solid #BD712F;
}
#content .block.register .fields .check.err label::before{
  background-color:#EF1D1D;
}
#content .block.register .fields .check input:checked + label::after{
  content:'';
  width:24rem;
  height:40rem;
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
  top:-12rem;
  left:14rem;
}
#content .block.register li.alert{
  margin-top:-40rem;
  min-height:86rem;
}
#content .block.register li.alert div{
  font-size:14rem;
  line-height:42rem;
  color:#E12617;
  text-align:center;
  display:none;
  margin:0 auto;
  width:440rem;
  padding:30rem 30rem 10rem 30rem;
  border:2rem solid #EF1D1D;
  box-sizing:content-box;
}
#content .block.register li.alert div{
}
#content .block.register li.alert span{
  font-size:14rem;
  line-height:110%;
  display:inline-block;
  vertical-align:middle;
}
#content .block.register li.alert.on div{
  display:block;
}
#content .block.register.done li.alert div{
  border-color:#BF2F80;
}
#content .block.register.done li.alert span{
  font-size:24rem;
  line-height:110%;
  font-weight:900;
  color:#BF2F80;
}
#content .block.register .submit{
  width:270rem;
  height:48rem;
  margin:0 auto;
  margin-top:27rem;
  position:relative;
  z-index:1;
}
#content .block.register .submit button{
  font-size:32rem;
  line-height:42rem;
  font-weight:900;
  text-transform:uppercase;
  color:#ffffff;
  text-decoration:none;
  background:#FBAB18;
  text-align:center;
  width:100%;
  height:48rem;
  border:1rem solid #BD712F;
  box-sizing:border-box;
  display:inline-block;
  padding:0 20rem;
  margin:0;
  outline:0;
}
#content .block.register .submit button:active{
  line-height:36rem;
  border:4rem solid #BD712F;
}
#content .block.register .form.submitting .submit button{
  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{
  width:100%;
  position:absolute;
  display:none;
  margin-top:60rem;
}
#content .block.register .info h3{
  font-size:47rem;
  line-height:120%;
  font-weight:900;
  color:#BF2F80;
  text-align:center;
  margin:0 auto;
  width:500rem;
  padding:150rem 0;
  border:8rem solid #BF2F80;
}
#content .block.register .before h3 b{
  font-size:60rem;
  display:block;
  color:#004C8B;
}
#content .block.register.before .before{
  display:block;
}
#content .block.register .off h3{
  color:#EF1D1D;
  border-color:#EF1D1D;
}
#content .block.register.off .off{
  display:block;
}


#content .block.rules{
  _background:rgba(255,0,0,.1);
}
#content .block.rules .center{
  height:750rem;
}
#content .block.rules .title{
  padding-top:92rem;
}
#content .block.rules .about{
  font-size:14rem;
  line-height:120%;
  font-weight:400;
  color:#004C8B;
  width:870rem;
  margin:0 auto;
  margin-top:13rem;
  padding-left:100rem;
}
#content .block.rules .about a{
  color:#004C8B;
  text-decoration:underline;
}
#content .block.rules .about a:hover{
  text-decoration:none;
}
#content .block.rules .about ol,
#content .block.rules .about ul{
  list-style:none;
  margin:0;
  padding:0;
}
#content .block.rules .about ul{
  padding-left:20rem;
}
#content .block.rules .about ol > li{
  counter-increment:item;
  _list-style-position:inside;
}
#content .block.rules .about ol > li::before{
  content:counter(item) ". ";
  font-weight:900;
}
#content .block.rules .about ul > li{
  position:relative;
}
#content .block.rules .about ul > li::before{
  content:'';
  position:absolute;
  width:6rem;
  height:6rem;
  background:#004C8B;
  left:-13rem;
  top:7rem;
}
#content .block.rules .about dir{
  margin:0;
  padding:0 0 0 20rem;
}
#content .block.rules .about label{
  font-weight:900;
  margin:10rem 0 10rem -20rem;
  display:block;
}
#content .block.rules .logos{
}
#content .block.rules .logos ul{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
}
#content .block.rules .logos li{
  text-align:left;
  text-indent:-9999rem;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  display:inline-block;
  vertical-align:middle;
  margin:0 20rem;
}
#content .block.rules .logos li.toys{
  width:141rem;
  height:83rem;
  background-image:url(images/logos/toys_planet3.png);
}
#content .block.rules .logos li.baby{
  width:126rem;
  height:49rem;
  background-image:url(images/logos/baby_city.png);
}
#content .block.rules .logos li.kidz{
  width:72rem;
  height:73rem;
  background-image:url(images/logos/kidz_one.png);
}
#content .block.rules .info{
  font-size:12rem;
  line-height:120%;
  font-weight:400;
  text-align:center;
  color:#004C8B;
  width:520rem;
  margin:0 auto;
  margin-top:12rem;
}
#content .block.rules .info a{
  font-weight:700;
  color:#004C8B;
  text-decoration:none;
}
#content .block.rules .info a:hover{
  text-decoration:underline;
}
#content .block.rules .info span{
  display:block;
  margin-top:10rem;
}




#content .block.winners{
  _background:rgba(0,0,255,.1);
}
#content .block.winners .center{
  height:720rem;
}
#content .block.winners .title{
  padding-top:92rem;
}
#content .block.winners h4{
  font-size:20rem;
  line-height:120%;
  font-weight:700;
  text-align:center;
  color:#004C8B;
  margin:-2rem 0 10rem 0;
}
#content .block.winners h4,
#content .block.winners .menu{
  _display:none;
}
#content .block.winners .menu ul{
  font-size:0;
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  position:relative;
  white-space:nowrap;
  text-align:center;
}
#content .block.winners .menu ul li{
  display:inline-block;
  position:relative;
  margin:0 4rem;
}
#content .block.winners .menu ul li a{
  font-size:40rem;
  line-height:65rem;
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  width:184rem;
  height:65rem;
  padding-top:6rem;
  background:url(images/menu.png) no-repeat center;
  background-image:url(images/menu.svg), none;
  background-size:contain;
  display:block;
}
#content .block.winners .menu ul li a:hover,
#content .block.winners .menu ul li a:active{
  background-image:url(images/menu_on.png);
  background-image:url(images/menu_on.svg), none;
}
#content .block.winners .menu ul li a.active{
  background-image:url(images/menu_over.png);
  background-image:url(images/menu_over.svg), none;
}
#content .block.winners .center > h3{
  font-size:46rem;
  line-height:120%;
  color:#004C8B;
  font-weight:500;
  text-align:center;
  margin:30rem 0 0 0;
  border:6rem solid #DE9A27;
  padding:135rem 20rem 145rem 20rem;
}
#content .block.winners .center > h3 b{
  font-weight:900;
  display:block;
}
#content .block.winners .raffles{
  margin:5rem 30rem;
  _display:none;
}
#content .block.winners .raffles .item{
  display:none;
  border:6rem solid #DE9A27;
  padding:35rem 40rem 45rem 40rem;
}
#content .block.winners .raffles .item.active{
  border-color:#004C8B;
  background:#FFD529;
  padding:35rem 20rem 45rem 20rem;
}
#content .block.winners .raffles .item h3{
  font-size:35rem;
  line-height:120%;
  color:#BF2F80;
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
  margin:0;
}
#content .block.winners .raffles .item p{
  font-size:25rem;
  line-height:120%;
  color:#BF2F80;
  text-align:center;
  margin:0 0 10rem 0;
}
#content .block.winners .raffles .item p b{
  font-size:28rem;
  font-weight:900;
  display:block;
}
#content .block.winners .raffles .item h4{
  font-size:30rem;
  line-height:120%;
  color:#004C8B;
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
  margin:0;
}
#content .block.winners .raffles .item h6{
  font-size:46rem;
  line-height:120%;
  color:#004C8B;
  font-weight:500;
  text-align:center;
  margin:100rem 0;
}
#content .block.winners .raffles .item a,
#content .block.winners .raffles .item p + h6,
#content .block.winners .raffles .item ul + h6{
  display:none;
}
#content .block.winners .raffles .item ul{
  font-size:0;
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
}
#content .block.winners .raffles .item li{
  font-size:16rem;
  line-height:125%;
  color:#004C8B;
  font-weight:400;
  display:inline-block;
  vertical-align:top;
  margin:40rem 20rem 15rem 20rem;
}
#content .block.winners .raffles .item li span{
  font-size:18rem;
  line-height:125%;
  font-weight:700;
  display:block;
}
#content .block.winners .raffles .item.active[rel="0614"]{
  padding:35rem 20rem 15rem 20rem;
}
#content .block.winners .raffles .item[rel="0614"] li{
  margin:10rem 20rem 5rem 20rem;
}


#content .block.end{
  position:absolute;
  padding:0;
}




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:55%;
}
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;
}