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;
}
@media screen and (max-width:1200px) {
}

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



#head{
  width:100%;
  height:70rem;
  left:0;
  padding:0;
  position:fixed;
  z-index:100;
}
#head .center{
  height:70rem;
  background:#000000;
  _opacity:.5;
}
#head .logo{
  text-indent:-9999rem;
  width:176rem;
  height:29rem;
  position:absolute;
  background:url(images/fantastiko.png) no-repeat center;
  background-size:contain;
  margin:19rem 0 0 48rem;
}
#head .menu{
  _width:75%;
  margin:0 0 0 380rem;
  position:relative;
}
#head .menu > span{
  width:100%;
  height:70rem;
  display:block;
  position:absolute;
}
#head .menu > a{
  display:none;
}
#head .menu ul{
  font-size:0;
  list-style:none;
  padding:0;
  margin:0;
  position:absolute;
  white-space:nowrap;
  text-align:left;
}
#head .menu li{
  font-size:22rem;
  line-height:70rem;
  font-weight:900;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  white-space:nowrap;
  position:relative;
  margin:0 50rem 0 0;
}
#head .menu li a{
  line-height:33rem;
  vertical-align:top;
  margin-top:20rem;
  display:inline-block;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  z-index:1;
}
#head .menu li a.active{
  border-bottom:2rem solid #ffffff;
}



#content{
}
#content .block{
  width:100%;
  position:relative;
}

#content .block.home{
}
#content .block.home .center{
  background:url(images/home.jpg) no-repeat bottom center;
  background-size:100% auto;
}
#content .block.home h1{
  font-size:60rem;
  line-height:45rem;
  font-weight:900;
  color:#ffffff;
  text-align:right;
  position:absolute;
  right:50rem;
  top:170rem;
  margin:0;
}
#content .block.home h1 small{
  font-size:25rem;
  line-height:28rem;
  font-weight:normal;
  letter-spacing:7rem;
  display:block;
}
#content .block.home .info{
  font-size:20rem;
  line-height:24rem;
  color:#ffffff;
  font-weight:normal;
  text-align:right;
  position:absolute;
  right:50rem;
  bottom:100rem;
  width:270rem;
}
#content .block.home .info span.date{
  font-size:17rem;
  line-height:20rem;
  display:inline-block;
  margin:70rem 0 0 0;
  padding:10rem 0 0 0;
  border-top:1rem solid #ffffff;
}



#content .block.prizes{
  _background:rgba(0,255,0,.1);
}
#content .block.prizes .center{
  height:auto;
  padding-top:30rem;
}
#content .block.prizes h2{
  font-size:40rem;
  line-height:68rem;
  font-weight:900;
  color:#042C49;
  text-align:center;
  text-transform:uppercase;
  position:relative;
  margin:0 auto;
  width:1100rem;
  border-bottom:2rem solid #042C49;
}
#content .block.prizes .prizes{
  width:762rem;
  height:443rem;
  background:url(images/prizes2.png) no-repeat center;
  background-size:contain;
  position:relative;
  margin:44rem 0 0 205rem;
}
#content .block.prizes .prizes span{
  font-size:19rem;
  line-height:22rem;
  font-weight:700;
  color:#042C49;
  text-align:center;
  position:absolute;
  width:370rem;
  margin:0 0 38rem 24rem;
  bottom:0;
}
#content .block.prizes .prizes span + span{
  margin-left:375rem;
}
#content .block.prizes .info{
  font-size:16rem;
  line-height:18rem;
  color:#042C49;
  font-weight:normal;
  text-align:right;
  margin:2rem 50rem 44rem 0;
}




#content .block.register{
  _background:rgba(0,255,0,.2);
}
#content .block.register .center{
  background:#E5E5E5;
  height:auto;
  padding-top:30rem;
}
#content .block.register h2{
  font-size:40rem;
  line-height:68rem;
  font-weight:900;
  color:#042C49;
  text-align:center;
  text-transform:uppercase;
  position:relative;
  margin:0 auto;
  width:1100rem;
  border-bottom:2rem solid #042C49;
}
#content .block.register .form{
  padding:38rem 0 0 250rem;
}
#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:700rem;
  display:inline-block;
  vertical-align:top;
}
#content .block.register .fields li{
  width:100%;
  display:block;
  margin:0 0 13rem 0;
  position:relative;
}
#content .block.register .fields .text{
  position:relative;
}
#content .block.register .fields .text input,
#content .block.register .fields .text label{
  font-size:19rem;
  line-height:35rem;
  color:#042C49;
  padding:0 10rem;
}
#content .block.register .fields .text input{
  width:100%;
  background:#ffffff;
  border:1rem solid #042C49;
  box-sizing:border-box;
  border-radius:5rem;
}
#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;
  border-color:#EC1C24;
  background:#EC1C24;
}
#content .block.register .fields .text.err input:placeholder-shown + label{
  color:#ffffff;
}
#content .block.register .fields li.choose{
  _margin-bottom:35rem;
}
div.choose{
  height:35rem;
  position:relative;
}
div.choose span{
  font-size:19rem;
  line-height:35rem;
  color:#042C49;
  width:100%;
  height:35rem;
  padding:0 190rem 0 10rem;
  box-sizing:border-box;
  position:absolute;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1rem solid #042C49;
  background:#ffffff;
  border-radius:5rem;
}
.err div.choose span{
  color:#ffffff;
  border-color:#EC1C24;
  background:#EC1C24;
}
div.choose label{
  font-size:21rem;
  line-height:35rem;
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  background:#042C49;
  display:block !important;
  width:180rem;
  height:35rem;
  _border:0;
  margin:0;
  cursor:pointer;
  box-sizing:border-box;
  position:absolute;
  right:0;
  top:0;
  border-top-right-radius:5rem;
  border-bottom-right-radius:5rem;
}
li.choose small{
  font-size:16rem;
  line-height:19rem;
  color:#042C49;
  text-align:justify;
  font-style:normal;
  padding:18rem 0 15rem 0;
  display:block;
}
div.choose input{
  position:absolute;
  left:-400%;
}
#content .block.register .fields .check{
  margin:0 0 23rem 0;
}
#content .block.register .fields .check input{
  display:none;
}
#content .block.register .fields .check label{
  font-size:16rem;
  line-height:19rem;
  color:#042C49;
  text-align:left;
  position:relative;
  display:block;
  margin:0;
  padding:0 0 0 40rem;
  white-space:nowrap;
}
#content .block.register .fields .check a{
  color:#011E41;
  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:0;
  top:-5rem;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  box-sizing:border-box;
}
#content .block.register .fields .check label::before,
#content .block.register .fields .check.err input:checked + label::before{
  content:'';
  background:#ffffff;
  border:1rem solid #042C49;
  border-radius:5rem;
}
#content .block.register .fields .check.err label::before{
  background-color:#EC1C24;
  border-color:#EC1C24;
}
#content .block.register .fields .check input:checked + label::after{
  content:'';
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
}
#content .block.register .fields .req-text span{
  font-size:16rem;
  line-height:19rem;
  color:#042C49;
  padding:8rem 0 0 0;
  display:block;
}
#content .block.register .fields .req-text span::before{
  content:'*';
}
#content .block.register li.alert{
  margin:0;
  min-height:82rem;
}
#content .block.register li.alert div{
  font-size:16rem;
  line-height:19rem;
  color:#EC1C24;
  text-align:center;
  display:none;
  margin:0 auto;
  padding:5rem 20rem 5rem 20rem;
  box-sizing:content-box;
  position:relative;
}
#content .block.register li.alert span{
  font-size:16rem;
  line-height:19rem;
  display:inline-block;
  vertical-align:middle;
}
#content .block.register li.alert.on div{
  display:block;
}
#content .block.register .submit{
  width:250rem;
  height:45rem;
  margin:17rem auto;
  position:relative;
  z-index:1;
}
body.ru #content .block.register .submit{
  width:250rem;
}
#content .block.register .submit button{
  font-size:24rem;
  line-height:45rem;
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
  text-align:center;
  background:#EC1C24;
  border:0;
  border-radius:10rem;
  width:100%;
  cursor:pointer;
}
#content .block.register .submit button:active{
}
#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%;
  display:none;
  position:relative;
  z-index:1;
}
#content .block.register .info h3{
  font-size:35rem;
  line-height:41rem;
  font-weight:900;
  color:#EC1C24;
  text-align:center;
  margin:0 auto;
  padding:236rem 0;
}
#content .block.register .off h3{
  padding-top:253rem;
}
#content .block.register.before .before{
  display:block;
}
#content .block.register.off .off{
  display:block;
}
#content .block.register .thanks{
  width:500rem;
  height:250rem;
  box-sizing:border-box;
  background:#ffffff;
  box-shadow:0 0 3rem 0 rgba(0,0,0,.5);
  border-radius:20rem;
  padding:45rem 30rem;
  margin:135rem 0 0 350rem;
  position:absolute;
}
#content .block.register .thanks h3{
  font-size:40rem;
  line-height:45rem;
  color:#EC1C24;
  font-weight:900;
  margin:0 0 37rem 0;
  text-align:center;
  padding:0;
}
#content .block.register .thanks h3 small{
  font-size:25rem;
  line-height:25rem;
  color:#042C49;
  font-weight:700;
  display:block;
}
#content .block.register .thanks a{
  font-size:18rem;
  line-height:40rem;
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
  text-align:center;
  background:#042C49;
  border:0;
  border-radius:5rem;
  width:400rem;
  margin:0 auto;
  display:block;
  cursor:pointer;
  box-shadow:0 2rem 1rem 0 rgba(0,0,0,.3);
}
#content .block.register .thanks a:active{
  box-shadow:none;
  transform:translate(0,2rem);
}
#content .block.register.done .thanks{
  display:block;
}






#content .block.rules{
  _background:rgba(0,255,0,.3);
  _background:#E31F26;
}
#content .block.rules .center{
  height:auto;
  padding:30rem 0 70rem 0;
}
#content .block.rules h2{
  font-size:40rem;
  line-height:68rem;
  font-weight:900;
  color:#042C49;
  text-align:center;
  text-transform:uppercase;
  position:relative;
  margin:0 auto;
  width:1100rem;
  border-bottom:2rem solid #042C49;
}
#content .block.rules .info{
  padding:45rem 50rem 0 68rem;
}
#content .block.rules .info ul{
  list-style:none;
  margin:0;
  padding:0;
}
#content .block.rules .info li{
  font-size:20rem;
  line-height:24rem;
  color:#042C49;
  font-weight:400;
  text-align:justify;
  margin:0 0 7rem 0;
  position:relative;
}
#content .block.rules .info li::before{
  content:'';
  width:5rem;
  height:6rem;
  background:url(images/li.png) no-repeat center;
  background-size:contain;
  position:absolute;
  margin:10rem 0 0 -17rem;
}
#content .block.rules .info .pdf{
  font-size:18rem;
  line-height:40rem;
  color:#ffffff;
  font-weight:900;
  text-decoration:none;
  text-align:center;
  background:#042C49;
  border:0;
  border-radius:5rem;
  width:400rem;
  margin:24rem 0 0 -20rem;
  display:block;
  cursor:pointer;
  box-shadow:0 2rem 1rem 0 rgba(0,0,0,.3);
}
#content .block.rules .info .pdf:active{
  box-shadow:none;
  transform:translate(0,2rem);
}




#content .block.winners{
  _background:rgba(0,255,0,.3);
}
#content .block.winners .center{
  height:auto;
  background:#042C49;
  padding:30rem 0 300rem 0;
}
#content .block.winners.active .center{
  padding-bottom:100rem;
}
#content .block.winners h2{
  font-size:40rem;
  line-height:68rem;
  font-weight:900;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase;
  position:relative;
  margin:0 auto;
  width:1100rem;
  border-bottom:2rem solid #ffffff;
}
#content .block.winners .temp{
  width:100%;
}
#content .block.winners.active .temp{
  display:none;
}
#content .block.winners .temp h3{
  font-size:35rem;
  line-height:41rem;
  font-weight:900;
  color:#EC1C24;
  text-align:center;
  margin:0 auto;
  padding-top:273rem;
}
#content .block.winners .menu,
#content .block.winners .list{
  display:none;
}
#content .block.winners.active .menu,
#content .block.winners.active .list{
  display:block;
}
#content .block.winners .menu{
  margin:38rem 0 30rem 0;
}
#content .block.winners .menu ul{
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  text-align:center;
}
#content .block.winners .menu li{
  display:inline-block;
  margin:0 14rem;
}
#content .block.winners .menu li a,
#content .block.winners .menu li span{
  font-size:30rem;
  line-height:56rem;
  font-weight:900;
  color:#ffffff;
  text-align:center;
  text-decoration:none;
  width:60rem;
  height:60rem;
  background:#EC1C24;
  box-sizing:border-box;
  border:2rem solid #EC1C24;
  display:block;
  border-radius:10rem;
}
#content .block.winners .menu li span{
  opacity:.5;
  cursor:default;
}
#content .block.winners .menu li.active a{
  color:#EC1C24;
  background:#ffffff;
}
#content .block.winners .list .item{
  display:none;
}
#content .block.winners .list .item ul{
  list-style:none;
  padding:0;
  position:relative;
  width:600rem;
  margin:0 auto;
}
#content .block.winners .list .item ul::before{
  content:'';
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  position:absolute;
  top:0;
}
#content .block.winners .list .item ul.main{
  padding:280rem 0 0 0;
}
#content .block.winners .list .item ul.main::before{
  background-image:url(images/nasa.png);
  width:384rem;
  height:268rem;
  left:110rem;
}
#content .block.winners .list .item ul.bag{
  padding-top:345rem;
}
#content .block.winners .list .item ul.bag::before{
  background-image:url(images/bag2.png);
  width:417rem;
  height:417rem;
  left:105rem;
}
#content .block.winners .list .item label{
  font-size:25rem;
  line-height:30rem;
  font-weight:900;
  color:#ffffff;
  text-align:center;
  display:block;
  margin:0 0 25rem 0;
}
#content .block.winners .list .item li{
  font-size:21rem;
  line-height:24rem;
  font-weight:400;
  color:#ffffff;
  text-align:center;
  display:block;
  margin:0 0 1rem 0;
}




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

