html{
  background:#FC0019;
}
body{
  overflow:auto;
}
html, body{
  height:100%;
  margin:0;
}

body, input, textarea, select{
  font-family: 'Lato', sans-serif;
  font-size:1em;
  color:#ffffff;
}
                
#page{
  width:100%;
  min-width:480px;
  min-height:100%;
  position:relative;
  background:url(images/bg.jpg) no-repeat;
  bbackground-attachment:fixed;
  background-size:100% auto;
}
#page{
  wwidth:1200px;
  bbackground-image:url(images/kopa3.jpg);
}

#top{
  width:57%;
  padding-bottom:37.5%;
  background:url(images/top.png) no-repeat;
  background-image:url(images/top.svg), none;
  background-size:contain;
  left:0;
  top:0;
  position:absolute;
}
#top h1,
#top h2,
#top h3{
  font-size:0;
  position:absolute;
  text-indent:-999em;
}

#side{
  width:50%;
  padding-bottom:54.16%;
  background:url(images/bottom2.png) no-repeat left bottom;
  background-size:contain;
}
#side h1,
#side h2,
#side h3{
  font-size:0;
  position:absolute;
  text-indent:-999em;
}

#content{
  width:40%;
  padding:0 4% 0 6%;
  position:absolute;
  top:0;
  right:0;
  margin:10% 0 0 0;
}

#menu{
  width:37%;
  position:absolute;
  right:0;
  top:0;
  margin:6% 6% 0 0;
}
#menu ul{
  list-style:none;
  padding:0;
  margin:0;
  display:block;
}
#menu li{
  height:1.5em;
  display:inline-block;
  vertical-align:top;
}
#menu li.o{
  width:1.5em;
  background:url(images/menu_li.png) no-repeat center center;
  background-size:contain;
}
#menu li a{
  width:9.125em;
  height:1.5em;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  text-indent:-999em;
  text-decoration:none;
  display:block;
  padding:0 0 2px 0;
}
#menu li.reg a{
  background-image:url(images/btn_reg.png);
  background-image:url(images/btn_reg.svg), none;
}
#menu li.reg a:hover,
#menu li.reg a.active{
  background-image:url(images/btn_reg_on.png);
  background-image:url(images/btn_reg_on.svg), none;
}
#menu li.win a{
  width:7em;
  background-image:url(images/btn_win.png);
  background-image:url(images/btn_win.svg), none;
}
#menu li.win a:hover,
#menu li.win a.active{
  background-image:url(images/btn_win_on.png);
  background-image:url(images/btn_win_on.svg), none;
}
#menu li.rul a{
  width:7.5em;
  background-image:url(images/btn_rul.png);
  background-image:url(images/btn_rul.svg), none;
}
#menu li.rul a:hover,
#menu li.rul a.active{
  background-image:url(images/btn_rul_on.png);
  background-image:url(images/btn_rul_on.svg), none;
}

#content .block{
  padding:0 10%;
  wwidth:460px;
  position:relative;
  ddisplay:none;
}

#content .register{
  padding:5% 0 0 0;
}
#content .register.done{
  padding:7.5% 4% 0 0;
}
#content .register.done form{
  display:none;
}
#content .register ul{
	list-style:none;
  padding:0 0 4% 10%;
  margin:0 auto;
  width:90%;
}
#content .register ul li{
  width:100%;
  display:block;
  margin:0 0 3.8% 0;
  position:relative;
}
#content .register ul li.no-margin{
  margin:0;
}
#content .register ul li.choose{
  height:2em;
  padding-top:.3em;
}
#content .register ul li.choose > span{
  font-size:1em;
  line-height:2em;
  font-weight:400;
  color:#ffffff;
  display:block;
  width:7em;
  padding-left:1em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#content .register ul li.check{
  white-space:nowrap;
}
#content .register ul li.err::before{
  content:'!';
  font-size:1.7em;
  line-height:1em;
  text-align:center;
  font-weight:900;
  color:#E40429;
  position:absolute;
  right:0;
  top:0;
  margin:.2em .6em 0 0;
  width:1em;
  height:1em;
  border-radius:50%;
  background:#DFB883;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
}
#content .register ul li.check.err::before{
  margin-top:.1em;
}

#content .register .thanks{
  width:18.75em;
  height:18.75em;
  margin:0 auto;
  position:relative;
  display:none;
  background:#020303 url(images/thanks.png) no-repeat center center;
  background-image:url(images/thanks.svg), none;
  background-size:contain;
  border-radius:50%;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
}
#content .register .thanks a.close{
  position:absolute;
  right:0;
  top:0;
  margin:.8em 2.3em 0 0;
  width:2.5em;
  height:2.5em;
  border-radius:50%;
  background:url(images/close.png) no-repeat center center;
  background-image:url(images/close.svg), none;
  background-size:contain;
  box-shadow: 0 0 .06em 0 rgba(0,0,0,0.4);
}
#content .register .thanks h2,
#content .register .thanks h3{
  font-size:0;
  text-indent:-999em;
  position:absolute;
}
#content .register.done .thanks{
  display:block;
}

.textfield{
  width:22.5em;
  height:2.25em;
  background:#ededed;
  padding:0;
  border:0;
  margin:0;
  position:relative;
  border-radius:1.2em;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
}
.err .textfield{
  background:#631429;
}
.textfield span,
.textfield input{
  font-size:1em;
  line-height:2.25em;
  font-weight:400;
  color:#FC0019;
  ttext-align:center;
  width:100%;
  height:100%;
  height:2.25em;
  background:url(images/spacer.gif);
  ddisplay:block;
  box-sizing:border-box;
  border:0;
  padding:0 10%;
  margin:0;
  position:relative;
}
/* Change Autocomplete styles in Chrome*/
.textfield input:-webkit-autofill,
.textfield input:-webkit-autofill:hover, 
.textfield input:-webkit-autofill:focus{
  font-size: 1em !important;
  -webkit-text-fill-color: #fc0019;
  -webkit-box-shadow: 0 0 0px 1000px #ededed inset;
  transition: background-color 5000s ease-in-out 0s;
  border-radius:1.2em;
}
.textfield.cheque span,
.textfield.cheque input{
  wwidth:68%;
  text-align:right;
}
.textfield.cheque > div:first-child{
  width:68%;
  position:relative;
}
.textfield.cheque > div{
  display:inline-block;
  vertical-align:top;
}
.textfield span{
  position:absolute;
  display:block;
}
.focus .textfield span{
  color:#631429;
  opacity:.5;
}
.focus .textfield input{
  -webkit-text-fill-color:#631429;
  color:#631429;
}
.err .textfield span,
.err .textfield input{
  -webkit-text-fill-color:#ffffff;
  color:#ffffff;
}
/* Change Autocomplete styles in Chrome*/
.err .textfield input:-webkit-autofill,
.err .textfield input:-webkit-autofill:hover, 
.err .textfield input:-webkit-autofill:focus{
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #fc0019 inset;
}

a.check{
  display:inline-block;
  padding:0;
  vertical-align:top;
}
a.check img{
  width:auto;
  height:2em;
  background:#ffffff;
  border:0;
  border-top-left-radius:.6em;
  border-bottom-right-radius:.6em;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
}
.err a.check img{
  padding:0;
  background:#FC0019;
}
a.check.on img{
  background:#ffffff url(images/check.png) no-repeat center center;
  background-image:url(images/check.svg), none;
  background-size:contain;
}
span.check{
  font-size:0.7em;
  line-height:120%;
  font-weight:400;
  color:#ffffff;
  display:inline-block;
  margin:0 25% 0 2%;
  vertical-align:middle;
  white-space:normal;
}
span.check a{
  color:#ffffff;
  text-decoration:none;
}
span.check a:hover{
  text-decoration:underline;
}

div.choose{
  position:absolute;
  right:0;
  background:#DFB883;
  padding:0;
  border:0;
  margin:0 4.5em 0 0;
  width:14em;
  height:2em;
  overflow:hidden;
  cursor:pointer;
  border-top-left-radius:.6em;
  border-bottom-right-radius:.6em;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
}
div.choose.hover{
  background:#631429;
}
div.choose a{
  font-size:.6em;
  line-height:3.3em;
  color:#E40429;
  font-weight:normal;
  text-transform:uppercase;
  text-align:center;
  width:100%;
  height:100%;
  display:inline-block;
  text-decoration:none;
  border:0;
  margin:0;
}
div.choose.hover a{
  color:#EDEDED;
}
div.choose input[type="file"]{
  font-size:1em;
  width:300%;
  height:2em;
  display:block;
  cursor:pointer;
  position:absolute;
  text-align:right;
  -moz-opacity:0;
  opacity:0;
  filter:alpha(opacity:0);
  margin:0 0 0 -200%;
}

.submit{
  font-size:1.2em;
  line-height:2.7em;
  color:#E40429;
  font-weight:normal;
  width:10.4em;
  height:2.7em;
  display:block;
  margin:.6em 0 0 4.2em;
  padding:0;
  background:#DFB883;
  border:0;
  border-top-left-radius:.6em;
  border-bottom-right-radius:.6em;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
  cursor:pointer;
-webkit-appearance: none;
}
.submit:hover,
.submit:active{
  line-height:2.5em;
  width:10em;
  height:2.5em;
  margin:.7em 0 .1em 4.4em;
}

div.alert{
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  margin-right:10%;
}
div.alert div{
  font-size:.82em;
  line-height:110%;
  font-weight:bold;
  color:#631429;
  text-transform:uppercase;
  display:none;
  vertical-align:middle;
}
div.alert.on div{
  display:inline-block;
}

#content .winners {
  width:80%;
  margin:0 auto;
  padding:25% 12% 0 8%;
}
#content .winners.active {
  padding:2.5% 12% 0 8%;
}
.winners > h2 {
  font-size: 1.1em;
  line-height: 150%;
  font-weight: 900;
  text-transform:uppercase;
  color: #ffffff;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.winners > h2 > b{
  width:16.82em;
  height:2.05em;
  text-indent:-999em;
  margin:1em auto 0 auto;
  display:block;
  background:url(images/winners_temp.png) no-repeat center center;
  background-image:url(images/winners_temp.svg), none;
  background-size:contain;
}
.winners.active > h2 {
  display:none;
}
.winners ul{
  list-style:none;
  margin:0;
  padding:0;
  display:none;
}
.winners.active ul{
  display:block;
}
.winners ul.menu{
  margin:0 0%;
  text-align:center;
  background:none;
  position:relative;
}
.winners ul.menu li{
  padding:0;
  margin:.4em .3em;
  display:inline-block;
}
.winners ul.menu li.br{
  margin:.4em .5em;
}
.winners ul.menu li a,
.winners ul.menu li span{
  font-size:1.125em;
  line-height:1.55em;
  color:#e60029;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  background:#dfb883;
  padding:0;
  border:0;
  margin:0;
  width:4.375em;
  height:1.625em;
  border-top-left-radius:.6em;
  border-bottom-right-radius:.6em;
  box-shadow: 0 .125em .375em 0 rgba(0,0,0,0.4);
  display:block;
}
.winners ul.menu li a{
  cursor:pointer;
}
.winners ul.menu li a:hover{
  background:#ef8865;
}
.winners ul.menu li.active a{
  color:#ffffff;
  background:#631429;
}
.winners .raffles{
  margin:0 0 0 0;
  overflow:hidden;
  position:relative;
}
.winners .raffles > ul{
  margin:0;
}
.winners .raffles > ul > li{
  font-size:1em;
  line-height:108%;
  color:#edbf88;
  text-align:center;
  display:none;
}
.winners .raffles > ul > li h3{
  font-size:1.3em;
  line-height:120%;
  display:block;
  margin:1em 0 .8em 0;
  color:#ffffff;
  text-align:center;
  position:relative;
}
.winners .raffles > ul > li h3::after{
  content:'';
  position:absolute;
  bottom:-.5em;
  left:49%;
  width:.4em;
  height:.4em;
  background:url(images/scroll.png) no-repeat center center;
  background-image:url(images/scroll.svg), none;
  background-size:contain;
}
.winners .raffles > ul > li ul{
  font-size:.8em;
  display:block;
  color:#edbf88;
}
.winners .raffles > ul > li .scroll{
  height:14em;
  overflow:hidden;
  margin:0 0 0 2em;
}
.winners .raffles > ul > li .scroll.small{
  height:7.5em;
}


#content .rules{
  padding:1% 0 0 2%;
}
#content .rules .scroll{
  height:23.5em;
  overflow:hidden;
  margin:0 0 0 0;
}
#content .rules h4{
  font-size:.625em;
  line-height:120%;
  color:#fff2ba;
  font-weight:normal;
  margin:0;
  text-transform:uppercase;
}
#content .rules ul{
  list-style:none;
  padding:0 0 0 .5em;
  margin:0 0 1em 0;
}
#content .rules p,
#content .rules ul li{
  font-size:.5em;
  line-height:150%;
  color:#ffffff;
  font-weight:400;
  padding:0 0 0 0;
  position:relative;
}
#content .rules p{
  margin:.5em 0 3em .5em;
}
#content .rules ul li::before{
  content:'';
  width:.5em;
  height:.5em;
  position:absolute;
  background:url(images/scroll.png) no-repeat center center;
  background-image:url(images/scroll.svg), none;
  background-size:contain;
  margin:.5em 0 0 -1em;
}
#content .rules ul li.noli::before{
  display:none;
}
#content .rules ul li b{
  color:#fff2ba;
  font-weight:400;
}
#content .rules a{
  color:#fff2ba;
  text-decoration:none;
}
#content .rules a:hover{
  text-decoration:underline;
}
#content .rules h5{
  font-size:.5em;
  line-height:120%;
  color:#ffffff;
  font-weight:normal;
  margin:0;
  padding:0 0 0 1em;
  text-transform:uppercase;
}
#content .rules h5::before{
  content:'';
  width:.75em;
  height:.75em;
  position:absolute;
  background:url(images/scroll.png) no-repeat center center;
  background-image:url(images/scroll.svg), none;
  background-size:contain;
  margin:.2em 0 0 -1em;
}
#content .rules h5 a{
  color:#ffffff;
  text-decoration:underline;
}
#content .rules h5 a:hover{
  text-decoration:none;
}
#content .rules h3{
  font-size:1em;
  text-indent:-999em;
  height:1em;
  margin:2em 0 2em 0;
  background:url(images/faq.png) no-repeat center center;
  background-image:url(images/faq.svg), none;
  background-size:contain;
}


#bottom{
  width:30%;
  position:absolute;
  bottom:0;
  right:0;
  margin:0 10% 2% 0;
}
#bottom span{
  font-size:.7em;
  line-height:120%;
  color:#E7B777;
  ddisplay:block;
  text-align:center;
}
#bottom a{
  color:#ffffff;
  text-decoration:underline;
}
#bottom a:hover{
  text-decoration:none;
}

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;
}