html{
  background-color:#eeeeee;
}
#side,
#place-holder{
  padding-bottom:56.842%;
}
#side{
  background:#F4EFAE url(images/bg2.jpg) no-repeat left top;
  background-size:100% auto;
  _background-image:url(images/kopa.jpg);
  _background:none;
}
@media screen and (min-width: 1900px) {
#side{
  background-image:url(images/bg2@2x.jpg);
}
}

._, body, input, button, select, option, textarea, .menu-button{
  font-family:'Gotham';
  font-size:1.2em;
  color:#FFFFFF
}
._, span.check, span.check a, #content .register ul li small{
  color:#FFFFFF
}
#menu{
  margin:3.5% 2% 0 0;
}
#menu li{
  padding:0 4%;
}
.menu-button{
  font-size:1.87em;
  line-height:150%;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0;
  color:#2F5A2B;
  border-color:#CFC84D;
  border-width:0;
}
.menu-button:hover,
.menu-button.focus,
.menu-button:active,
.menu-button:focus{
  color:#2F5A2B;
  border-color:#CFC84D;
  border-width:0;
}
.menu-button.active{
  color:#2F5A2B;
  border-color:#CFC84D;
  border-width:.125em;
}

#content > div{
  padding:16.5% 0 0 0;
}

#content .block h3.title{
  display:none;
}

#content .register{
  padding:4.5% 5% 13% 2%;
}
#content .register ul{
  margin:0;
  width:100%;
}
#content .register ul.fields{
  width:81%;
  margin:12% 0 0 10%;
}
#content .register ul.fields + ul.fields{
  margin-top:0;
}
#content .register ul.fields + ul.fields + ul.fields{
  margin-top:10%;
}
#content .register ul.fields li{
  margin:0 0 2.3% 0;
}

.textfield span, .textfield input, .textfield select{
  width:100%;
  padding:0 .5em;
  box-sizing:border-box;
}
.input-type-text span,
.input-type-text input,
.input-type-text select{
  font-size:1.4em;
  line-height:1.4em;
  height:1.4em;
  color:#2F5A2B;
}
._, a.check img{
  border-width:2px;
  border-radius:1.5em;
  border-color:#CFC84D;
  background-color:#CFC84D
}
.input-type-text{
  border-width:.125em;
  border-radius:0;
  border-color:#CFC84D;
  background-color:transparent
}
.input-type-text:hover span,
.input-type-text:hover input,
.input-type-text:hover select,
.input-type-text.focus span,
.input-type-text.focus input,
.input-type-text.focus select,
.input-type-text:focus span,
.input-type-text:focus input,
.input-type-text:focus select{
  color:#2F5A2B;
}
.input-type-text:hover,
.input-type-text.focus,
.input-type-text:focus{
  border-color:#CFC84D;
  background-color:transparent
}
.error .input-type-text span,
.error .input-type-text input,
.error .input-type-text select{
  color:#F5F1A4
}
.error a.check img,
.error .input-type-text{
  border-color:#CFC84D;
  background-color:#EF1D1D;
}
#content .register ul.fields li.cheque{
  white-space:nowrap;
}
#content .register ul.fields li.cheque > div{
  display:inline-block;
  vertical-align:top;
}
#content .register ul.fields li.cheque > div.textfield{
  width:25%;
}
#content .register ul.fields li.cheque > div.choose{
  width:46%;
}
#content .block.register.before form,
#content .block.register.off form{
  display:none;
}
#content .block.register .info{
  width:44.3em;
  height:39.8em;
  position:absolute;
  display:none;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  right:0;
  margin:4em 7em 0 0;
}
#content .block.register .info h3{
  position:absolute;
  text-indent:-999em;
  margin:0;
}
#content .block.register .before{
  background-image:url(images/register_before.png);
  background-image:url(images/register_before.svg), none;
}
#content .block.register.before .before{
  display:block;
}
#content .block.register .off{
  background-image:url(images/register_off.png);
  background-image:url(images/register_off.svg), none;
}
#content .block.register.off .off{
  display:block;
}


.select h3{
  font-size:.9em;
  line-height:3.5em;
  color:#2F5A2B;
  margin:0;
  text-align:left;
  text-transform:uppercase;
  display:inline-block;
}
.select.error h3{
  color:#EF1D1D;
}
.select ul{
  white-space:nowrap;
  width:auto !important;
  display:inline-block !important;
  vertical-align:top;
}
.select li{
  width:auto !important;
  display:inline-block !important;
  margin:0 3%!important;
}
.select input{
  display:none;
}
.select label{
  width:4.7em;
  height:2.5em;
  display:block;
  position:relative;
  margin-left:3.5em;
}
.select label span{
  width:100%;
  height:100%;
  display:block;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  position:absolute;
  transform:scale(1);
  cursor:pointer;
  transition:transform .2s;
}
.select label span:hover{
  _transform:scale(1.2);
}
.select input[value="vivo"] + label span{
  background-image:url(images/vivo.png);
  background-image:url(images/vivo.svg), none;
}
.select input[value="ostmala"] + label{
  width:8.3em;
}
.select input[value="ostmala"] + label span{
  background-image:url(images/ostmala.png);
  background-image:url(images/ostmala.svg), none;
}
.select input[value="tobago"] + label{
  width:7.5em;
}
.select input[value="tobago"] + label span{
  background-image:url(images/tobago.png);
  background-image:url(images/tobago.svg), none;
}
.select label::before,
.select label::after{
  content:'';
  position:absolute;
  left:-3em;
  margin:0;
  width:2.1em;
  height:2.1em;
  display:block;
  position:absolute;
  border:.2em solid #2F5A2B;
}
.select label::after{
  width:1.8em;
  height:3.1em;
  left:-2.5em;
  top:-1em;
  border:0;
  padding:0;
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
  display:none;
}
.select.error label::before{
  border-color:#2F5A2B;
  background:#FC1E1B;
}
.select input:checked + label::before{
  background:none;
}
.select input:checked + label::after{
  display:block;
}
.check{
  width:100%;
  padding:0 0 2em 0;
  white-space:nowrap;
}
.check input{
  display:none;
}
.check label{
  font-size:.9em;
  line-height:120%;
  font-weight:700;
  color:#2F5A2B;
  display:inline-block;
  margin:.5em 0 0 3em;
  vertical-align:middle;
  white-space:normal;
  position:relative;
}
.check label a{
  color:#2F5A2B;
  text-decoration:none;
}
.check label a:hover{
  text-decoration:underline;
}
.check label::before,
.check label::after{
  content:'';
  position:absolute;
  top:0;
  left:-2.5em;
  margin:0;
  width:1.8em;
  height:1.8em;
  display:block;
  position:absolute;
  border:.2em solid #2F5A2B;
}
.check label::after{
  width:1.5em;
  height:2.6em;
  left:-2.2em;
  top:-.7em;
  border:0;
  padding:0;
  background:url(images/check.png) no-repeat;
  background-image:url(images/check.svg), none;
  display:none;
}
.check.error label::before{
  border-color:#652D90;
  background:#EF1D1D;
}
.check input:checked + label::before{
  background:none;
}
.check input:checked + label::after{
  display:block;
}

.input-type-text input:-webkit-autofill, .input-type-text input:-webkit-autofill:hover, .input-type-text input:-webkit-autofill:focus{
  font-size:1.4em;
  line-height:1.4em;
  text-transform:normal;
  color:#652D90;
  -webkit-text-fill-color:#652D90;
  border-width:.125em;
  border-radius:0;
  border-color:transparent;
  background-color:#F5F1A4;
  -webkit-box-shadow: 0 0 0 1000px #F5F1A4 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.choose{
  font-size:1em;
  border:0;
  background:transparent;
  margin:0;
  border-radius:0;
  white-space:nowrap;
  overflow:visible;
  border:.1em solid #CFC84D;
  height:2em;
}
.choose input{
  position:absolute;
  left:-999em;
}
.choose label{
  font-size:1.2em;
  line-height:1.67em;
  height:1.67em;
  border-width:.125em;
  text-transform:uppercase;
  background-color:#CFC84D;
  color:#2F5A2B;
  display:inline-block;
  box-sizing:border-box;
  padding:0 .5em;
  vertical-align:top;
  border:0;
}
.choose span{
  font-size:1.2em;
  line-height:1.67em;
  height:1.67em;
  border:0;
  border-left:.1em solid #CFC84D;
  background:none;
  color:#2F5A2B;
  display:inline-block;
  box-sizing:border-box;
  padding:0 .5em;
  vertical-align:top;
  width:7.5em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.choose.err label,
.choose.err span{
  color:#F5F1A4;
  background-color:#EF1D1D;
}


#add-cheque{
  font-size:1.4em;
  line-height:1.2em;
  height:1.4em;
  color:#2F5A2B;
  background:url(images/plus.png) no-repeat left center;
  background-image:url(images/plus.svg), none;
  background-size:auto 100%;
  display:block;
  box-sizing:border-box;
  padding:0 .5em 0 1.5em;
  border:.1em solid #CFC84D;
  margin-top:-1%;  
}

.alert{
  position:absolute;
  right:0;
}
.alert div{
  font-size:1em;
  line-height:3em;
  color:#EF1D1D;
  text-align:center;
  display:none;
  margin:0;
  padding:.3em .5em .3em 2em;
  box-sizing:border-box;
  width:26.9em;
  height:3.8em;
  position:absolute;
  right:0;
  background:url(images/alert.png) no-repeat right center;
  background-image:url(images/alert.svg), none;
  background-size:contain;
}
.alert.done div{
  background-image:url(images/alert_on.png);
  background-image:url(images/alert_on.svg), none;
}
.alert span{
  font-size:.9em;
  line-height:1em;
  display:inline-block;
  vertical-align:middle;
}
.alert.done span{
  font-size:1.5em;
  line-height:2em;
  font-weight:500;
  color:#2F5A2B;
  white-space:nowrap;
  text-shadow:-.05em .05em 0 #FFF240;
}
.alert.on div{
  display:block;
}
.send{
  width:15.6em;
  height:3.8em;
  position:absolute;
  left:0;
  top:0;
}
form.submitting .send button{
  opacity:.5;
}
.send button{
  font-size:1em;
  width:17em;
  height:3.8em;
  position:absolute;
  top:0;
  left:0;
  display:block;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer;
  outline:0;
  background:#CFC84D;
  border-radius:.5em;
}
.send button:hover{
  box-shadow:0 0 .5em 0 rgba(47,90,43,.5);
}
.send button span{
  font-size:2em;
  line-height:1.9em;
  color:#FFF240;
  text-transform:uppercase;
}
.send button:active{
  box-shadow: 0 0 1em 0 rgba(47,90,43,1);
}
.send div{
  width:100%;
  height:100%;
  background:url(images/spinner_white.gif) no-repeat center center;
  background-image:url(images/spinner_white.svg), none;
  background-size:contain;
  position:absolute;
  top:0;
  display:none;
}
form.submitting .send div{
  display:block;
}


#content .rules{
  padding:.5em 4em 0 7.5em;
}
#content .rules ol{
  margin:0;
}
#content .rules li{
  font-family:'Gotham Book';
  font-size:1.25em;
  line-height:138%;
  _letter-spacing:-.1em;
  color:#2F5A2B;
  margin:0 0 1.5em 0;
  list-style-position: inside;
}
#content .rules li b{
  font-family:'Gotham';
}
#content .rules a{
  font-family:'Gotham';
  color:#2F5A2B;
  font-weight:bold;
  text-decoration:none;
}
#content .rules a:hover{
  text-decoration:underline;
}
#content .rules center,
#content .rules small{
  font-size:1em;
  line-height:140%;
  font-weight:400;
  letter-spacing:-.05em;
  color:#2F5A2B;
}
#content .rules center{
  margin:0;
  padding:3em 0 0 0;
}

#content .winners{
  padding:4.5% 5% 13% 2%;
}
#content .winners .select{
  border-bottom:.125em solid #CFC84D;
  margin-right:2em;
  padding-bottom:.8em;
}
#content .winners .select ul{
  list-style:none;
  padding:0;
  margin:0;
}
#content .winners .select li{
  vertical-align:bottom;
}
#content .winners .select label span{
  overflow:visible;
  position:relative;
}

#content .winners .submenu{
  margin:2em 0 1em 0;
}
#content .winners.opened .submenu{
  display:none;
}
#content .winners .submenu ul{
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
}
#content .winners .submenu li{
  display:block;
  margin:0 0 1em 0;
  text-align:center;
}
#content .winners .submenu a{
  font-size:1em;
  line-height:10em;
  color:#2F5A2B;
  text-decoration:none;
  width:19em;
  height:10em;
  box-sizing:border-box;
  border:.2em solid #EAAE3A;
  border-radius:1em;
  display:inline-block;
  opacity:.7;
  cursor:default;
  pointer-events:none;
}
#content .winners .submenu li.active a{
  opacity:1;
  cursor:pointer;
  position:relative;
  pointer-events:auto;
}
#content .winners .submenu li.active a::before{
  content:'';
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
}
#content .winners .submenu li.active a:hover{
  box-shadow:0 0 .5em 0 rgba(234,174,58,1);
}
#content .winners .submenu li.active a:hover::before{
  box-shadow:inset 0 0 .5em 0 rgba(234,174,58,1);
}
#content .winners .submenu a span{
  line-height:1em;
  display:inline-block;
  vertical-align:middle;
}
#content .winners .submenu a b{
  font-size:2em;
  line-height:120%;
  display:block;
}
#content .winners .submenu li.active a b{
  font-size:4em;
}
#content .winners .submenu a span span{
  font-size:1.2em;
  line-height:120%;
  font-weight:bold;
  display:block;
  padding-top:1em;
}
#content .winners .submenu li.active a span span{
  display:none;
}

#content .winners .raffles{
  padding:1em 0 0 3em;
}
#content .winners .raffles .item{
  display:none;
}
#content .winners .raffles.on .item.show{
  display:block;
}
#content .winners .raffles > label{
  color:#FC1E1B;
  font-size:1.56em;
  line-height:150%;
  font-weight:bold;
  text-align:center;
  display:none;
}
#content .winners.opened .raffles > label{
  display:block;
}
#content .winners .raffles.on > label{
  display:none;
}
#content .winners .raffles ul{
  color:#2F5A2B;
  list-style:none;
  margin:0;
  padding:0 0 2em 0;
  display:none;
}
#content .winners .raffles ul label{
  font-size:1.56em;
  line-height:150%;
  font-weight:bold;
  text-align:center;
  display:block;
}
#content .winners .raffles ul li{
  font-size:1.25em;
  line-height:145%;
  text-align:center;
  _padding-left:3em;
}


#content .register > h2{
  color:#FFFFFF;
}
.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
}

#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-aspect-ratio: 1900/1080), (max-width: 800px) {

#mob{width:1px;height:1px;position:absolute;display:block}

html{
  background-color:#F4EFAE;
}
#side{
  display:none;
}
#top{
  width:100%;
  padding-bottom:191.4583333%;
  _padding-bottom:160%;
  _position:absolute;
  background:#F4EFAE url(images/mbg.jpg) no-repeat left bottom;
  background-size:100% auto;
  display:block;
}
@media screen and (min-width: 480px) {
#top{
  background-image:url(images/mbg@2x.jpg);
}
}

body.menu{
  overflow:hidden;
}

#page{
  min-width:320px;
  min-height:100%;
  height:auto;
}

#place-holder{
  display:none;
}

#menu{
  width:100%;
  right:auto;
  left:0;
  top:0;
  z-index:100;
  margin:0 ;
  position:fixed;
}
#menu .menu{
  display:block;
  width:100%;
  padding-bottom:22.917%;
  background:url(images/logo.png) no-repeat;
  background-size:contain;
  position:absolute;
  right:0;
  top:0;
  z-index:102;
}
#menu div{
  display:none;
}
#menu.opened div{
  width:100%;
  padding:22.917% 0 10% 0;
  display:block;
  background:#F4EFAE;
  box-shadow: -3px 3px 20px 0px rgba(23,86,38,0.65);
}
#menu li{
  display:block;
  padding:3% 0;
}
.menu-button{
  font-size:2.68em;
  line-height:120%;
  display:inline-block;
  padding-bottom:.125em;
}
.menu-button:hover,
.menu-button.focus,
.menu-button:active,
.menu-button:focus{
  padding-bottom:.125em;
}
.menu-button.active{
  border-width:.125em;
  padding-bottom:0;
}

#content{
  width:100%;
  padding:15% 0 10% 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;
  display:block !important;
}
#content .block h3.title{
  font-size:2em;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  color:#EAAE3A;
  margin:0 0 1em 0;
  display:block;
}
#content .block h3.title a{
  color:#EAAE3A;
  text-decoration:none;
}

.select h3{
  display:block;
  text-align:center;
}
.select ul{
  width:100% !important;
}
.select li{
  _width:100% !important;
  display:block !important;
  padding:1em 0 0 6em;
}
.select label{
  display:inline-block;
}
#content .register{
  padding:0 0 15% 0;
}
#content .register.before,
#content .register.off{
  padding:0 0 115% 0;
}
#content .block.register .info{
  width:25em;
  height:20em;
  margin:4em 1em 0 0;
}
#content .register ul.fields{
  width:100%;
  margin:10% 0 0 0;
}
#content .register ul.fields li.cheque{
  white-space:normal;
  position:relative;
}
#content .register ul.fields li.cheque > div.textfield{
  width:48%;
}
#content .register ul.fields li.cheque > div.textfield + div.textfield{
  position:absolute;
  right:0;
  width:48%;
}
#content .register ul.fields li.cheque > div.choose{
  width:100%;
  margin:2% 0;
}
.choose label{
  width:52%;
}
.choose span{
  position:absolute;
  right:0;
  width:48%;
}
.alert{
  position:relative;
  height:6em;
  margin:.5em 0 0 -.6em;
}
.alert div{
  line-height:3em;
  padding:1em .5em .3em .5em;
  width:28.1em;
  height:5.6em;
  position:relative;
  background-image:url(images/malert.png);
  background-image:url(images/malert.svg), none;
}
.alert.done div{
  background-image:url(images/malert_on.png);
  background-image:url(images/malert_on.svg), none;
}
.send{
  position:relative;
  margin-left:5em;
}

#content .rules{
  padding:0 0 15% 0;
}



#content .winners.active{
  padding:0 0 15% 0;
}
#content .winners .select{
  border:0;
  margin:0;
  padding:0 0 1em 0;
}
#content .winners .select input:checked + label span::after{
  display:none;
}
#content .winners .submenu li{
  margin:0 0 2em 0;
}
#content .winners .raffles{
  margin-top:2em;
  padding:2em 0 0 0;
}
#content .winners .raffles ul li{
  font-family: 'Gotham Book';
  _padding-left:2em;
}

.footer{
  height:auto;
}

}