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

body, input, select{
  font-family: 'Open Sans', sans-serif;
  font-size:1em;
  color:#FFFFFF;
}

#page{
  width:100%;
  min-width:320px;
  min-height:100%;
  mmin-height:700px;
  position:relative;
}
#ppage{
  width:1200px;
}

.bg{
  width:100%;
  padding-bottom:58.33%;
  background:url(images/bg.jpg) no-repeat center top;
  background-size:cover;
  position:relative;
}

.elements{
  width:100%;
  position:absolute;
  top:0;
  left:0;
}
.elements h1,
.elements h2,
.elements div{
  font-size:0;
  position:absolute;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  text-indent:-999em;
}
.elements .pergale{
  width:12.08%;
  padding-bottom:2.42%;
  background-image:url(images/pergale.png);
  background-image:url(images/pergale.svg), none;
  margin:4.4% 0 0 44%;
}
.elements .t-market{
  width:15.33%;
  padding-bottom:4.25%;
  background-image:url(images/t_market.png);
  background-image:url(images/t_market.svg), none;
  right:0;
  margin:3% 0 0 0;
}
.elements .slogan{
  width:35.75%;
  padding-bottom:14.92%;
  background-image:url(images/slogan.png);
  background-image:url(images/slogan.svg), none;
  margin:4% 0 0 5.3%;
}
.elements .info{
  width:30.08%;
  padding-bottom:11.33%;
  background-image:url(images/info.png);
  background-image:url(images/info.svg), none;
  margin:34% 0 0 5.5%;
}


.button{
  font-size:1.18em;
  line-height:2.9em;
  font-weight:700;
  color:#EAEAEA;
  text-decoration:none;
  text-align:center;
  background:#B74325;
  display:block;
  padding:0 2.5em;
  border-radius:1.8em;
}
.button span{
  line-height:110%;
  display:inline-block;
  vertical-align:middle;
}
.button:active,
.button:hover{
  background:#872613;
}

#menu{
  width:100%;
  position:absolute;
  bottom:10%;
}
#menu ul{
  list-style:none;
  margin:0 auto;
  padding:0;
  text-align:center;
}
#menu li{
  width:18%;
  display:inline-block;
  margin:0 1.4%;
}
#menu li a{
  padding:0;
  width:100%;
  background:#302B28;
  line-height:2.6em;
  padding-bottom:.3em;
}
#menu li a:active,
#menu li a:hover{
  background:#49413D;
}

#bottom{
  font-size:0.8em;
  line-height:200%;
  color:#1F1F1F;
  text-align:center;
  width:100%;
  position:absolute;
  bottom:3%;
}

#content{
  width:95%;
  height:92%;
  position:absolute;
  top:4%;
  left:2.5%;
}
#content > .fade{
  width:100%;
  height:100%;
  position:absolute;
  background:#302B28;
  -moz-opacity:.88;
  opacity:.88;
  filter:alpha(opacity=88);
}
#content > .close{
  width:2.5em;
  height:2.5em;
  position:absolute;
  right:2%;
  top:3%;
  background:url(images/close.png) no-repeat center center;
  background-image:url(images/close.svg), none;
  background-size:contain;
}
#content > .close:hover{
  background-image:url(images/close_on.png);
  background-image:url(images/close_on.svg), none;
}
#content > .block{
  position:absolute;
}

#content .rules{
  width:60%;
  margin:0 0 0 20%;
  padding-top:8%;
}
#content .rules > div{
  margin-top:0;
  text-align:center;
}
#content .rules ul{
  list-style:none;
  margin:0;
  padding:0;
}
#content .rules ul li{
  font-size:1.1em;
  line-height:120%;
  font-weight:400;
  padding:1% 0;
  position:relative;
}
#content .rules ul li::before{
  content:'•';
  position:absolute;
  line-height:0;
  top:50%;
  left:-3%;
}
#content .rules ul li a{
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
}
#content .rules ul li a:hover{
  text-decoration:underline;
}
#content .rules center{
  margin:0;
}
#content .rules a.button{
  display:inline-block;
  margin:0 auto;
  margin-top:10%;
  border:0;
  cursor:pointer;
}
#content .rules a.button:hover{
}

#content .register{
  width:70%;
  margin:0 0 0 13.5%;
  padding-top:8%;
}
#content .register ul{
	list-style:none;
  padding:0;
  margin:0;
  width:100%;
}
#content .register ul li{
  width:45%;
  display:block;
  margin:0 2% 3% 2%;
  float:left;
  position:relative;
}
#content .register ul li.full{
  float:none;
  clear:both;
  width:100%;
  margin-right:0;
}
#content .register .submit{
  display:block;
  margin:0 auto;
  border:0;
  cursor:pointer;
}
#content .register .submit:hover{
}


.textfield{
  background:#EAEAEA;
  padding:0;
  border:3px solid #EAEAEA;
  margin:0 0 0 0;
  position:relative;
  border-radius:1.35em;
}
.focus .textfield{
  background:#8E7D75;
  border:3px solid #8E7D75;
}
.err .textfield{
  background:#EAEAEA;
  border:3px solid #B71C1C;
}
.textfield span,
.textfield input{
  font-size:1.1em;
  color:#000000;
  width:100%;
  height:2.5em;
  background:url(images/spacer.gif);
  ddisplay:block;
  box-sizing:border-box;
  border:0;
  padding:0 7% 0 7%;
  margin:-3px;
  position:relative;
}
.textfield input:-webkit-autofill,
.textfield input:-webkit-autofill:hover,
.textfield input:-webkit-autofill:focus,
.textfield input:-webkit-autofill:active {
  -webkit-text-fill-color:#000000;
  transition: background-color 5000s ease-in-out 0s;
}
.textfield span,
.textfield input{
  line-height:2.6em;
}
.textfield span{
  position:absolute;
  display:block;
  opacity:.5;
}
.focus .textfield span,
.focus .textfield input{
  color:#EAEAEA;
}
.focus .textfield input,
.focus .textfield input:-webkit-autofill,
.focus .textfield input:-webkit-autofill:hover,
.focus .textfield input:-webkit-autofill:focus,
.focus .textfield input:-webkit-autofill:active {
  -webkit-text-fill-color:#EAEAEA;
  color:#EAEAEA;
}
.err .textfield span,
.err .textfield input{
  color:#000000;
}


a.check{
  display:inline-block;
  padding:0;
  vertical-align:top;
  white-space:nowrap;
}
a.check img{
  width:2.14em;
  height:1.76em;
  background:#EAEAEA url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  display:inline-block;
  vertical-align:middle;
  border:2px solid #EAEAEA;
  border-radius:1em;
  margin-right:2%;
}
a.check span{
  font-size:.75em;
  line-height:1em;
  color:#eaeaea;
  text-decoration:none;
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
  padding-right:10%;
}
a.check.on img{
  background-color:#8E7D75;
  border:2px solid #8E7D75;
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
}
.err a.check img{
  background-color:#EAEAEA;
  border:2px solid #B71C1C;
}
.err a.check.on img{
  background-image:url(images/check_err.png);
  background-image:url(images/check_err.svg), none;
}
span.check{
  font-size:.75em;
  line-height:1em;
  color:#eaeaea;
  display:inline-block;
  margin:0 10% 0 2%;
  vertical-align:middle;
  white-space:normal;
}
span.check a{
  font-weight:600;
  color:#eaeaea;
  text-decoration:underline;
}
span.check a:hover{
  text-decoration:none;
}

.alert{
  line-height:3.5em;
  text-align:center;
  height:3.5em;
}
.alert div{
  font-size:1em;
  line-height:120%;
  color:#db2828;
  display:none;
  vertical-align:middle;
}
.alert.on div{
  display:inline-block;
}
.alert.done div{
  font-size:1.125em;
  color:#ffffff;
  font-weight:bold;
}

#content .winners{
  width:70%;
  margin:0 0 0 15%;
  padding-top:20%;
}
#content .winners.active{
  padding-top:8%;
}
.winners > h2{
  font-size:1.3em;
  line-height:150%;
  font-weight:bold;
  color:#ffffff;
  width:40%;
  margin:0 auto;
  text-align:center;
}
.winners.active > h2{
  display:none;
}
.winners .menu{
  position:relative;
  bottom:auto;
}
.winners ul{
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  text-align:center;
  display:none;
}
.winners.active ul{
  display:block;
}
.winners ul > li{
  display:inline-block;
  white-space:normal;
  margin:0 2%;
}
.winners ul > li .button{
  font-size:1.25em;
  line-height:3em;
  padding:0 1em;
  background:#B74325;
}
.winners ul > li a.button{
  cursor:pointer;
}
.winners ul > li.active a.button:hover,
.winners ul > li.active .button{
  background:#872613;
}
.winners .raffles{
  overflow:hidden;
  position:relative;
  display:none;
}
.winners.active .raffles{
  display:block;
}
.winners .raffles ul{
}
.winners .raffles ul > li{
  text-align:center;
  display:none;
  padding-top:5%;
}
.winners .raffles ul > li.active{
  display:block;
}
.winners .raffles ul > li strong{
  font-size:1.3em;
}
.winners .raffles ul > li ol{
  list-style:none;
  margin:0;
  padding:0 0 10% 0;
}
.winners .raffles ul > li ol li{
  display:block;
}
.winners .raffles ul > li ol li b{
  padding-right:.5em;
}


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;
}
textarea{
  resize: none;
}
/*
  -moz-opacity:.8;
  opacity:.8;
  filter:alpha(opacity=80);


    100% — FF
    95% — F2
    90% — E6
    85% — D9
    80% — CC
    75% — BF
    70% — B3
    65% — A6
    60% — 99
    55% — 8C
    50% — 80
    45% — 73
    40% — 66
    35% — 59
    30% — 4D
    25% — 40
    20% — 33
    15% — 26
    10% — 1A
    5% — 0D
    0% — 00

*/