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

body, input, button, select, textarea, .menu-button{
  font-family: Arial, sans-serif;
  font-size:1em;
  color:#000000;
}

#page{
  width:100%;
  height:100%;
  position:relative;
  z-index:1;
}
#ppage{
  width:1200px;
  background-color:#eee;
}

#place-holder{
  width:1px;
  padding-bottom:56.25%;
  position:relative;
  margin-left:-1px;
}

#header{
  position:fixed;
  position:absolute;
  width:98%;
  padding:.5% 1%;
  top:0;
  left:0;  
  z-index:3;
  display:none;
}
.header{
  background:#ffffff;
  bbox-shadow: 0px 0px 5px 0px rgba(35,31,32,0.5);
}
#header .logo{
  width:16.67%;
  padding-bottom:4.17%;
  background:url(img/logo.png) no-repeat center center;
  background-image:url(img/logo.svg), none;
  background-size:contain;
  display:inline-block;
  vertical-align:middle;
}



#menu{
  width:48%;
  position:absolute;
  right:0;
  top:0;
  margin:6% 1% 0 0;
  z-index:2;
}
#page.align-right #menu{
  right:auto;
  margin:6% 0 0 1%;
  left:0;
}
#menu > span,
#menu .menu{
  display:none;
}
#menu ul{
  width:100%;
  list-style:none;
  padding:0 0 1% 0;
  margin:0 auto;
  white-space:nowrap;
  text-align:center;
  display:block;
}
#menu li{
  display:inline-block;
  padding:0 3%;
}
.menu-button{
  font-size:1em;
  line-height:150%;
  letter-spacing:.1em;
  font-weight:600;
  font-style:normal;
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  padding:0 0 .15em 0;
}
.menu-button:hover{
  padding:0;
  color:#666666;
  border-bottom:0 solid #000000;
}
.menu-button.active{
  padding:0;
  color:#000000;
  border-bottom:.15em solid #000000;
}


#top{
  display:none;
}

#content{
  width:50%;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
  z-index:1;
}
#content .text-tiny{
  font-size: .7em;
  line-height:120%;
}
#content .text-small{
  font-size: .85em;
}
#content .text-big{
  font-size: 1.4em;
}
#content .text-huge{
  font-size: 1.8em;
}

#page.align-right #content{
  left:0;
}
#content > div{
  padding:20% 12% 0 12%;
  position:relative;
}


#content .block{
  wwidth:460px;
  position:relative;
  ddisplay:none;
}

#content .register{
  padding:7% 0 13% 0;
}
#content .register > h2{
  font-size:1em;
  line-height:120%;
  font-weight:400;
  color:#353535;
  margin:35% 0 46%;
  text-align:center;
  text-transform:uppercase;
  display:none;
}
#content .register.off > h2{
  display:block;
}
#content .register > h2 b{
  font-size:1.5em;
  line-height:120%;
  font-weight:500;
  display:block;
}
#content .register.off iframe,
#content .register.off form{
  display:none;
}
#content .register .hidden-fields{
  display:none;
}
#content .register .hidden-fields.show{
  display:block;
}
#content .register ul{
	list-style:none;
  padding:0;
  margin:0 auto;
  width:80%;
}
#content .register ul li{
  width:100%;
  display:block;
  margin:0 0 4% 0;
  position:relative;
}
#content .register ul li small{
  display:block;
  margin-top:.-5em;
  font-size:.7em;
  font-weight:400;
  color:#353535;
}
#content .register.done ul.fields{
  visibility:hidden;
}
#content .register .thanks{
  width:62%;
  padding-bottom:62%;
  margin:10% 0 0 19%;
  display:none;
  position:absolute;
  top:0;
}
#content .register.done .thanks{
  display:block;
}

.textfield{
  background:#ffffff;
  margin:0;
  position:relative;
  border:.1em solid #3fa9f5;
  border-radius:1.5em;
}
.textfield.focus{
  background:#ffffff;
  border-color:#3fa9f5;
}
.textfield.error{
  background:#ffffff;
  border-color:#f74000;
}
.textfield span,
.textfield input,
.textfield select{
  font-size:.63em;
  line-height:2.5em;
  color:#859199;
  ttext-align:center;
  ttext-transform:uppercase;
  width:90%;
  height:2.5em;
  background:url(img/spacer.gif);
  border:0;
  padding:0 5%;
  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:#859199;
  transition: background-color 5000s ease-in-out 0s;
}
.textfield span{
  color:#859199;
  position:absolute;
  display:block;
}
.select span{
	overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;  
  white-space:nowrap;
}
.select span.on{
  color:#000000;
}
.textfield.focus span{
  color:#000000;
  opacity:.5;
}
.select.focus span.on{
  opacity:1;
}
.textfield.focus input{
  color:#000000;
}
.textfield.focus input,
.textfield.focus input:-webkit-autofill,
.textfield.focus input:-webkit-autofill:hover,
.textfield.focus input:-webkit-autofill:focus,
.textfield.focus input:-webkit-autofill:active {
  -webkit-text-fill-color:#000000;
  color:#000000;
}
.textfield.error span,
.textfield.error input{
  color:#000000;
  mmargin:0;
}
.textfield select{
  lline-height:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  ppadding:3% 5% 2% 5%;
  -moz-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
  box-sizing:border-box;
  margin:0 5%;
  padding:0;
}
.textfield select.fix{
  mmargin-bottom:-3%;
}

div.check{
  white-space:nowrap;
  padding-top:2%;
}
a.check{
  display:inline-block;
  padding:0;
  vertical-align:top;
}
a.check img{
  width:auto;
  height:1.25em;
  margin:0 0 3% 0;
  position:relative;
  border:.1em solid #3fa9f5;
}
.error a.check img{
  background:#ffffff;
  border-color:#f74000;
  padding:0;
}
a.check.on img{
  background:#ffffff url(img/check.png) no-repeat center center;
  background-image:url(img/check.svg), none;
  background-size:contain;
}
span.check{
  font-size:0.7em;
  line-height:120%;
  font-weight:400;
  color:#353535;
  display:inline-block;
  text-align:justify;
  margin:0 10% 0 2%;
  vertical-align:middle;
  white-space:normal;
}
span.check p{
  margin:0;
}
span.check a{
  color:#353535;
  text-decoration:underline;
}
span.check a:hover{
  text-decoration:none;
}

.radio input{
  position:absolute;
  left:-999em;
  visibility:hidden;
}

.choose{
  margin:0 0 3% 0;
  height:2.15em;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  border:.1em solid #3fa9f5;
  border-radius:1.5em;
}
.choose a{
  ffont-size:.63em;
  line-height:3.5em;
  color:#859199;
  ttext-align:center;
  ttext-transform:uppercase;
  width:44%;
  height:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:inline-block;
  padding:0 45% 0 5%;
  text-decoration:none;
  border:0;
  margin:0;
  cursor:pointer;
  bbox-shadow: inset 1px 1px 1px 0px rgba(63,169,245,.5);
}
.choose div{
  ffont-size:.63em;
  line-height:3.5em;
  text-align:center;
  ttext-transform:uppercase;
  color:#ffffff;
  top:0;
  right:0;
  padding:0;
  position:absolute;
  width:50%;
  height:100%;
  background:#3fa9f5;
  cursor:pointer;
  display:inline;
}
.choose input[type="file"]{
  font-size:1em;
  width:200%;
  height:100%;
  display:block;
  cursor:pointer;
  position:absolute;
  text-align:right;
  -moz-opacity:0;
  opacity:0;
  filter:alpha(opacity:0);
  margin:0 0 0 -100%;
}

.submit{
  font-size:1em;
  line-height:300%;
  font-weight:500;
  text-transform:uppercase;
  color:#ffffff;
  width:80%;
  display:block;
  border:0;
  padding:0;
background: rgba(243,219,0,1);
/**background: -moz-linear-gradient(left, rgba(243,219,0,1) 0%, rgba(248,186,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,219,0,1)), color-stop(100%, rgba(248,186,0,1)));
background: -webkit-linear-gradient(left, rgba(243,219,0,1) 0%, rgba(248,186,0,1) 100%);
background: -o-linear-gradient(left, rgba(243,219,0,1) 0%, rgba(248,186,0,1) 100%);
background: -ms-linear-gradient(left, rgba(243,219,0,1) 0%, rgba(248,186,0,1) 100%);
background: linear-gradient(to right, rgba(243,219,0,1) 0%, rgba(248,186,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3db00', endColorstr='#f8ba00', GradientType=1 );*/
  margin:0 auto;
  margin-top:5%;
  cursor:pointer;
-webkit-appearance: none;
}
.submit:hover{
/**-webkit-box-shadow: 0px 0px 5px 0px rgba(247,165,0,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(247,165,0,1);
box-shadow: 0px 0px 5px 0px rgba(247,165,0,1);*/
}
.submit:active{
background: rgba(101,211,42,1);
/**background: -moz-linear-gradient(left, rgba(101,211,42,1) 0%, rgba(82,171,34,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(101,211,42,1)), color-stop(100%, rgba(82,171,34,1)));
background: -webkit-linear-gradient(left, rgba(101,211,42,1) 0%, rgba(82,171,34,1) 100%);
background: -o-linear-gradient(left, rgba(101,211,42,1) 0%, rgba(82,171,34,1) 100%);
background: -ms-linear-gradient(left, rgba(101,211,42,1) 0%, rgba(82,171,34,1) 100%);
background: linear-gradient(to right, rgba(101,211,42,1) 0%, rgba(82,171,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65d32a', endColorstr='#52ab22', GradientType=1 );
-webkit-box-shadow: 0px 0px 5px 0px rgba(82,171,34,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(82,171,34,1);
box-shadow: 0px 0px 5px 0px rgba(82,171,34,1);*/
}
.alert{
  height:2.5em;
  line-height:2.5em;
  text-align:center;
}
.alert div{
  font-size:.8em;
  line-height:110%;
  color:#f53481;
  display:none;
  vertical-align:middle;
  padding:0 5%;
}
.alert.on div{
  display:inline-block;
}


#content .rules{
  padding-top:5%;
}
#content .rules > p{
  margin:0 0 1em 0;
  line-height:100%;
}
#content .rules ol,
#content .rules ul{
  margin:0 0 0 2em;
  padding:0;
}
#content .rules li{
  margin:0 0 3% 0;
}
#content .rules a{
  color:#ffffff;
  text-decoration:underline;
}
#content .rules a:hover{
  text-decoration:none;
}


#content .winners{
  padding-bottom:15%;
}
#content .winners.active{
  padding-top:5%;
}
.winners-h2{
  font-size:1em;
  line-height:120%;
  font-weight:400;
  color:#000000;
  margin:35% 0 46%;
  text-align:center;
  text-transform:uppercase;
}
.winners-h2 p{
  margin:0;
}
.winners-h2 b{
  font-size:1.5em;
  line-height:120%;
  font-weight:500;
}
#content .winners.active > h2{
  display:none;
}
#content .winners .submenu{
}
#content .winners .submenu ul{
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
}
#content .winners .submenu li{
  display:inline-block;
  margin:0 3% 3% 3%;
}
.submenu-item{
  font-size:1.2em;
  line-height:200%;
  font-weight:700;
  text-decoration:none;
  color:#000000;
  background:#eeeeee;
  display:block;
  padding:0 .5em;
  cursor:default;
}
.submenu-item{
  cursor:pointer;
}
.submenu-item:hover{
  background:#cccccc;
}
.submenu-item.active{
  color:#ffffff;
  background:#aaaaaa;
}
#content .winners .raffles{
}
#content .winners .raffles > ul{
  list-style:none;
  padding:0;
  margin:0;
}
#content .winners .raffles > ul > li{
  display:none;
}
#content .winners .raffles.opened > ul > li{
  display:block;
}
.raffles-title{
  font-size:1.3em;
  line-height:150%;
  font-weight:700;
  text-align:center;
  color:#000000;
  margin:1em 0 0 0;
}
.raffles-list{
  list-style:none;
  padding:0;
  margin:0;
  font-size:1em;
  line-height:120%;
  text-align:center;
}


#content .prizes{
  padding:5% 0 13% 0;
}
#content figure{
  margin:0;
}
#content .prizes figure.image.image_resized{
  display:block;
  margin:0 auto;
}
#content .prizes figure.image.image_resized.image-style-align-left{
  margin:0;
}
#content .prizes figure.image.image_resized.image-style-align-right{
  float:right;
}
#content .prizes figure.image.image_resized img{
  width:100%;
}
#content .prizes .image{
  text-align:center;
}
#content .prizes .image-style-align-left{
  text-align:left;
}
#content .prizes .image-style-align-right{
  text-align:right;
}
#content .prizes p,
#content .prizes h2,
#content .prizes h3,
#content .prizes h4{
  margin:0;
}


#side{
background: rgba(242,246,248,1);
background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 29%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(29%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 29%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -o-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 29%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 29%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: linear-gradient(135deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 29%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
}
#side{
  width:50%;
  padding-bottom:56.25%;
  left:0;
  top:0;
  position:absolute;
}
#page.right-bg #side{
  left:auto;
  right:0;
}
#page.full-bg #side{
  width:100%;
  background-size:cover;
}


#footer{
  width:100%;
  z-index:100;
  position:relative;
  display:none;
}
#footer > div{
  width:90%;
  padding:0.5em 5%;
  display:inline-block;
  vertical-align:middle;
}
.footer{
  font-size:.7em;
  line-height:120%;
  color:#000000;
  background:#666666;
  height:3em;
  margin-top:-3em;
}
.footer p{
  margin:0;
}
.footer a{
  color:#000000;
  text-decoration:underline;
}
.footer a:hover{
  text-decoration:none;
}
#page.fixed #side,
#page.fixed #footer{
  top:auto;
  bottom:0;
  position:fixed;
}



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