#mob{width:1px;height:1px;position:absolute;display:block}
body.menu{
  overflow:hidden;
}

#page{
  min-width:320px;
  min-height:100%;
  height:auto;
}

#place-holder{
  display:none;
}

#header{
  pposition:fixed;
  padding:2% 1%;
  z-index:101;
}
#header .logo{
  width:42%;
  padding-bottom:10%;
}

#menu,
#page.align-right #menu{
  width:94%;
  right:auto;
  left:0;
  top:0;
  z-index:100;
  margin:18% 0 0 3%;
}
#menu{
  font-size:80%;
}
#page.mob-align-bottom #menu{
  margin-top:5%;
  position:relative;
}
#menu ul{
  width:100%;
}
#menu li{
  padding:0 2%;
}
#menu li a{
}
#menu.fixed{
  position:fixed;
  width:100%;
  min-height:100%;
  top:0;
  right:0;
  margin:0;
}
body.menu #menu.fixed{
  overflow:auto;
}
body.menu #menu.fixed > span{
  width:100%;
  height:40em;
  max-height:100%;
  position:absolute;
  top:0;
  left:0;
  display:block;
  background:url(img/m/menu_bg.png) no-repeat center top;
  background-size:cover;
}
#menu.fixed div{
  width:50%;
  background:#018837;
  display:none;
  padding:10% 0 20% 0;
  z-index:101;
  right:0;
  position:absolute;
-webkit-box-shadow: -3px 3px 20px 0px rgba(23,86,38,0.65);
-moz-box-shadow: -3px 3px 20px 0px rgba(23,86,38,0.65);
box-shadow: -3px 3px 20px 0px rgba(23,86,38,0.65);
}
body.menu #menu.fixed div{
  display:block;
}
#menu.fixed .menu{
  display:block;
  width:18.75%;
  padding-bottom:14.58%;
  background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5MCA3MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTAgNzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnIGlkPSJJY29uXzFfIj4NCgk8cmVjdCB4PSIyNSIgeT0iMTguNSIgY2xhc3M9InN0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjYuMiIvPg0KCTxyZWN0IHg9IjI1IiB5PSIzMS45IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDAiIGhlaWdodD0iNi4yIi8+DQoJPHJlY3QgeD0iMjUiIHk9IjQ1LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI2LjIiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center center;
  background-size:contain;
  position:absolute;
  right:0;
  top:0;
  z-index:102;
}
#menu.fixed ul{
  text-align:left;
  padding:25% 0 10% 0;
}
#menu.fixed li{
  display:block;
  padding:0 0 0 0;
}
#menu.fixed li a{
  font-size:1.6em;
  line-height:200%;
  margin:0;
  padding:0;
  text-align:center;
}


#content{
  width:100%;
  padding:0;
  position:relative;
}
#content > div{
  padding:30% 5% 0 5%;
}
#page.mob-align-bottom #content > div{
  padding:5% 5% 10% 5%;
}
#content .block{
  padding:0;
}

.radio.w50 span{
  width:20em;
}

#content .rules{
  padding:0 5%;
}

#content .winners.active{
  padding:0 0 15% 0;
}

#top, #side{
  width:100%;
  padding-bottom:100%;
  position:relative;
}
#page.mob-bg-top #top{
  display:block;
}
#page.mob-bg-top #side{
  display:none;
}


.footer{
  height:auto;
}
