@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap&subset=cyrillic,cyrillic-ext,latin-ext");


._, body, input, button, select, option, textarea, .menu-button{
  font-family:Montserrat;
  font-size:1em;
  color:#FFFFFF
}
._, div.check label, div.check label a, span.check, span.check a, #content .register ul li small{
  color:#FFFFFF
}
.header{
  background-color:#FFFFFF
}
.menu-button{
  font-size:1.2em;
  line-height:150%;
  font-weight:600;
  text-transform:uppercase;
  color:#FFFFFF;
  border-color:#FFFFFF;
  border-width:0px
}
.menu-button:hover{
  color:#FFD500;
  border-color:#FFD500;
  border-width:2px
}
.menu-button.focus{
  color:#FFD500;
  border-color:#FFD500;
  border-width:2px
}
.menu-button:focus{
  color:#FFD500;
  border-color:#FFD500;
  border-width:2px
}
.menu-button.active{
  color:#FFD500;
  border-color:#FFD500;
  border-width:2px
}
.menu-button:active{
  color:#FFD500;
  border-color:#FFD500;
  border-width:2px
}
.input-type-text span{
  font-size:0.6em;
  line-height:3em;
  height:3em;
  text-transform:uppercase;
  color:#000000
}
.input-type-text input{
  font-size:0.6em;
  line-height:3em;
  height:3em;
  text-transform:uppercase;
  color:#000000
}
.input-type-text select{
  font-size:0.6em;
  line-height:3em;
  height:3em;
  text-transform:uppercase;
  color:#000000
}
._, div.check label::before, a.check img{
  border-width:2px;
  border-radius:0em;
  border-color:#402680;
  background-color:#FFFFFF
}
.input-type-text{
  border-width:2px;
  border-radius:0em;
  border-color:#402680;
  background-color:#FFFFFF
}
.input-type-text:hover span{
  color:#000000
}
.input-type-text:hover input{
  color:#000000
}
.input-type-text:hover select{
  color:#000000
}
.input-type-text.focus span{
  color:#000000
}
.input-type-text.focus input{
  color:#000000
}
.input-type-text.focus select{
  color:#000000
}
.input-type-text:focus span{
  color:#000000
}
.input-type-text:focus input{
  color:#000000
}
.input-type-text:focus select{
  color:#000000
}
.input-type-text:hover{
  border-color:#402680;
  background-color:#FFD500
}
.input-type-text.focus{
  border-color:#402680;
  background-color:#FFD500
}
.input-type-text:focus{
  border-color:#402680;
  background-color:#FFD500
}
.error .input-type-text span{
  color:#000000
}
.error .input-type-text input{
  color:#000000
}
.error .input-type-text select{
  color:#000000
}
._, .error div.check label::before, .error a.check img{
  border-color:#F74000;
  background-color:#F74000
}
.error .input-type-text{
  border-color:#F74000;
  background-color:#F74000
}
.choose{
  font-size:0.6em;
  height:3em;
  border-width:2px;
  border-radius:0em;
  border-color:#402680;
  background-color:#FFFFFF
}
.input-type-text input:-webkit-autofill, .input-type-text input:-webkit-autofill:hover, .input-type-text input:-webkit-autofill:focus{
  font-size:0.6em;
  line-height:3em;
  text-transform:uppercase;
  color:#000000;
  -webkit-text-fill-color:#000000;
  border-width:2px;
  border-radius:0em;
  border-color:#402680;
  background-color:#FFFFFF;
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}
.choose > div{
  line-height:3em;
  text-transform:uppercase;
  background-color:#402680;
  color:#FFFFFF
}
.choose > a{
  line-height:3em;
  text-transform:uppercase;
  color:#000000;
  background-color:#FFFFFF
}
.choose.hover > div{
  color:#000000
}
.input-type-submit{
  font-size:1em;
  line-height:250%;
  text-transform:uppercase;
  color:#FFFFFF;
  border-radius:0px;
  background-color:#FFD500
}
.input-type-submit:hover{
  color:#FFFFFF;
  background-color:#C9A800
}
.input-type-submit.focus{
  color:#FFFFFF;
  background-color:#C9A800
}
.input-type-submit:focus{
  color:#FFFFFF;
  background-color:#C9A800
}
.input-type-submit.active{
  color:#FFFFFF;
  background-color:#F2CA00
}
.input-type-submit:active{
  color:#FFFFFF;
  background-color:#F2CA00
}
.alert div{
  font-size:0.7em;
  line-height:150%;
  font-weight:400;
  color:#FF0000
}
.alert.done div{
  font-weight:700;
  color:#FFD500
}
.winners-h2{
  font-size:1em;
  line-height:120%;
  font-weight:400;
  text-transform:uppercase;
  color:#000000
}
.submenu-item{
  font-size:1em;
  line-height:150%;
  font-weight:400;
  text-transform:none;
  color:#FFFFFF;
  border-radius:0px;
  background-color:#402680
}
.submenu-item:hover{
  color:#000000;
  background-color:#FFD500
}
.submenu-item.focus{
  color:#000000;
  background-color:#FFD500
}
.submenu-item:focus{
  color:#000000;
  background-color:#FFD500
}
.submenu-item.active{
  color:#FFFFFF;
  background-color:#FFD500
}
.submenu-item:active{
  color:#FFFFFF;
  background-color:#FFD500
}
.raffles-title{
  font-size:1.3em;
  line-height:150%;
  font-weight:700;
  text-transform:none;
  color:#FFFFFF
}
.raffles-list{
  font-size:1em;
  line-height:120%;
  font-weight:300;
  text-transform:none;
  color:#FFFFFF
}
.footer{
  margin-top:-3em;
  height:3em;
  font-size:0.7em;
  line-height:120%;
  font-weight:400;
  color:#FFFFFF;
  background-color:#BBBBBB
}
html{
  background-color:#160E47;
}
#side,
#place-holder{
  padding-bottom:55%;
}
#side{
  background:#160E47 url("../../files/lottery_pos/lMDpE/47_h4GFp.png") no-repeat left top;
  background-size: 100% auto;
}
#content > div{padding-top:18%}#content .register{padding-top:0}#content .register{padding-top:5%}#page.fixed #side,#page.fixed #footer{top:0;bottom:auto;}
@media screen and (min-width: 1350px) {
#page,
#footer > div{
  width:1350px;
  margin:0 auto;
}
#footer{
  position:fixed;
  bottom:0;
  left:0;
}
#page.fixed #side{
  position:absolute;
}
}#content .register > h2,#content .rules a{color:#ffffff}
@media screen and (min-width: 800px) {
#side{
  background-image:url("../../files/lottery_pos/lMDpE/47_2x_h4GFp.png");
}
}

#aspect-ratio{display:none;}
@media screen and (min-aspect-ratio: 1/100) and (max-aspect-ratio: 100/1) {#aspect-ratio{width:1px;height:1px;position:absolute;display:block;z-index:1000}}
#mob{display:none}

/** mobiilais */
@media screen and (max-width: 800px) {

#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(images/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;
}

#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;
}
html{
  background-color:#160E47;
}
#top, #side{
  padding-bottom:114.58333333333%;
  background:#160E47 url("../../files/lottery_pos/lMDpE/47_2x_dQQVE.png") no-repeat left top;
  background-size:100% auto;
}
@media screen and (min-width: 480px) {
#top, #side{
  background-image:url("../../files/lottery_pos/lMDpE/47_2x_dQQVE.png");
}
}

}