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

body, input, select{
  font-family: 'Montserrat', sans-serif;
  font-family: 'Gotham', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:1em;
  color:#ffffff;
}

#page{
  width:100%;
  min-width:480px;
  min-height:100%;
  position:relative;
  background:url(images/bg.jpg) repeat-x top left;
  background-size:100% auto;
}
#ppage{
  width:1200px;
  background-image:url(images/bg_hom.jpg);
}
#side{
  width:1%;
  padding-bottom:56.25%;
}

#content{
  width:40%;
  padding:0 5%;
  position:absolute;
  top:7%;
  right:0;
}

#menu{
  width:44%;
  position:absolute;
  right:4%;
  top:4%;
  margin:0;
}
#menu ul{
  list-style:none;
  padding:0;
  margin:0;
  white-space:nowrap;
  text-align:center;
  display:block;
}
#menu li{
  display:inline-block;
  padding:0 0 1% 5%;
}
#menu li:first-child{
  padding-left:0;
}
#menu li a{
  font-family: 'Gotham', sans-serif;
  font-size:1.3em;
  line-height:120%;
  text-transform:uppercase;
  color:#8ce5a1;
  text-decoration:none;
  display:block;
}
#menu li a:hover,
#menu li a.active{
  color:#ffffff;
}

#content .block{
  padding:0 10%;
  position:relative;
}

#content .home{
  padding:5% 0;
}
#content .home > h2{
  font-family: 'Gotham-Book', sans-serif;
  font-size:.9em;
  line-height:120%;
  letter-spacing:-1px;
  margin:0 -5%;
  text-align:center;
}
#content .home table{
  width:88%;
  margin:0 auto;
  border:0;
  border-collapse:collapse;
}
#content .home table tr td{
  width:31%;
  text-align:right;
}
#content .home table tr td + td{
  width:69%;
  text-align:left;
}
#content .home table tr img{
  width:6.9em;
  height:auto;
  background:url(images/prize.gif) no-repeat center center;
  background-size:contain;
  margin-top:2em;
}
#content .home table tr.bioderma img{
  background-image:url(images/prize1@2x.png);
}
#content .home table tr.algotherm img{
  background-image:url(images/prize2@2x.png);
}
#content .home table tr.esthederm img{
  background-image:url(images/prize3@2x.png);
}
#content .home table tr h3{
  width:82%;
  padding-bottom:10%;
  margin:8% 0 0 0;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  font-size:0;
  text-indent:-999em;
}
#content .home table tr.bioderma h3{
  background-image:url(images/bioderma_title.png);
}
#content .home table tr.algotherm h3{
  background-image:url(images/algotherm_title.png);
}
#content .home table tr.esthederm h3{
  background-image:url(images/esthederm_title.png);
}
#content .home table tr ul{
  list-style-type:disc;
  padding:0 0 0 1.3em;
  margin:0;
}
#content .home table tr ul li{
  font-size:.63em;
  line-height:120%;
  color:#ffffff;
}


#content .register{
  padding:6% 0 5% 0;
}
#content .register ul{
	list-style:none;
  padding:0;
  margin:0;
  width:100%;
}
#content .register ul li{
  width:70%;
  display:block;
  margin:0 auto;
  position:relative;
}
#content .register ul li.select{
  width:100%;
}
#content .register ul li.select h4{
  width:95%;
  padding-bottom:7.08%;
  background:url(images/izvelies_kompletku.png) no-repeat center center;
  background-size:contain;
  font-size:0;
  text-indent:-999em;
  margin:0;
}
#content .register ul li.prizes{
  width:100%;
  text-align:center;
  margin-bottom:2%;
}
#content .register ul li.prizes input{
  position:absolute;
  visibility:hidden;
}
#content .register ul li.prizes label{
  width:23%;
  display:inline-block;
  vvertical-align:top;
  position:relative;
  cursor:pointer;
}
#content .register ul li.prizes label span{
  width:95.24%;
  padding-bottom:100.05%;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  display:block;
  margin:0 auto;
}
#content .register ul li.prizes label[for="prize1"] span{
  background-image:url(images/prize1.png);
}
#content .register ul li.prizes label[for="prize2"] span{
  background-image:url(images/prize2.png);
}
#content .register ul li.prizes label[for="prize3"] span{
  background-image:url(images/prize3.png);
}
#content .register ul li.prizes.err label em{
  background:#ff0001;
}
#content .register ul li.prizes label em{
  width:1.5em;
  height:1.5em;
  border-radius:50%;
  display:block;
  text-align:left;
  margin:0 auto;
  background:#ffffff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(23,86,38,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(23,86,38,1);
box-shadow: 0px 0px 1px 0px rgba(23,86,38,1);
}
#content .register ul li.prizes label em::before{
  content:'';
  width:1em;
  height:1em;
  border-radius:50%;
  display:none;
  vertical-align:middle;
  background:#6e7a71;
  position:absolute;
  margin:.25em;
}
#content .register ul li.prizes input:checked + label em::before{
  display:inline-block;
}
#content .register ul li.check{
  white-space:nowrap;
  width:74%;
  margin-bottom:2%;
}

.textfield{
  background:#ffffff;
  padding:0;
  border:0;
  margin:0 0 2.5% 0;
  position:relative;
-webkit-box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
-moz-box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
  border-radius:.32em;
}
.err .textfield{
  background:#ff0001;
}
.focus .textfield{
}
.textfield span,
.textfield input{
  font-family: 'Montserrat', sans-serif;
  font-size:.63em;
  line-height:3.2em;
  font-weight:600;
  text-transform:uppercase;
  text-align:center;
  color:#1d5b39;
  width:100%;
  height:100%;
  height:3.2em;
  background:url(images/spacer.gif);
  ddisplay:block;
  box-sizing:border-box;
  border:0;
  padding:.1em 5% 0 5%;
  margin:0;
  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:#1d5b39;
  transition: background-color 5000s ease-in-out 0s;
}
.textfield span,
.textfield input{
}
.textfield span{
  position:absolute;
  display:block;
}
.err .textfield span,
.err .textfield input{
  color:#ffffff;
}
.focus .textfield span{
  opacity:.5;
}
.focus .textfield input{
}
.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:#1d5b39;
  color:#1d5b39;
}


a.check{
  display:inline-block;
  padding:0;
  vertical-align:top;
}
a.check img{
  width:auto;
  height:1.2em;
  background:#ededed;
  border:0;
  padding:0;
  border-radius:.19em;
}
.err a.check img{
  background:#ff0001;
}
a.check.on img{
  background:#ededed url(images/check.png) no-repeat center center;
  background-image:url(images/check.svg), none;
  background-size:contain;
}
span.check{
  font-family: 'Montserrat', sans-serif;
  font-size:0.5em;
  line-height:120%;
  font-weight:400;
  color:#ffffff;
  display:inline-block;
  margin:0 10% 0 2%;
  vertical-align:middle;
  white-space:normal;
}
span.check a{
  font-weight:600;
  color:#ffffff;
  text-decoration:underline;
}
span.check a:hover{
  text-decoration:none;
}

div.choose{
  background:#a0a3a0;
  padding:0;
  border:0;
  border-bottom:2px solid #6e7a71;
  margin:0 0 2% 0;
  position:relative;
  height:2em;
-webkit-box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
-moz-box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
box-shadow: 0px 0px 3px 0px rgba(23,86,38,1);
  border-radius:.32em;
  overflow:hidden;
}
div.choose.active{
  background:#6e7a71;
  border:0;
  margin-top:2px;
}
div.choose a{
  font-family: 'Montserrat', sans-serif;
  font-size:.63em;
  line-height:3.2em;
  color:#ffffff;
  font-weight:600;
  text-transform:uppercase;
  text-align:center;
  width:100%;
  height:100%;
  display:inline-block;
  text-decoration:none;
  border:0;
  margin:0;
  cursor:pointer;
}
div.choose input[type="file"]{
  font-size:1em;
  width:300%;
  height:2em;
  display:block;
  cursor:pointer;
  position:absolute;
  text-align:right;
  -moz-opacity:0;
  opacity:0;
  filter:alpha(opacity:0);
  margin:0 0 0 -200%;
}
li.choose span{
  font-size:0.68em;
  line-height:180%;
  color:#42000f;
  display:inline-block;
  width:90%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin:-2.8% 0 0 0;
  padding:0 5%;
  background:#ffffff;
  background:rgba(255,255,255,.3);
}

.submit{
  font-family: 'Gotham', sans-serif;
  font-size:1em;
  line-height:300%;
  color:#ffffff;
  text-transform:uppercase;
  width:12.8em;
  display:block;
  padding:0;
  background:#ff0001;
  border:0;
  border-bottom:.25em solid #b70b0b;
  margin:0 auto;
  cursor:pointer;
  border-radius:.44em;
-webkit-appearance: none;
}
.submit:active{
  border:0;
  margin-top:.25em;
}
.alert{
  margin-top:3%;
  text-align:center;
}
.alert div{
  font-size:0.75em;
  line-height:120%;
  font-weight:600;
  color:#000000;
  text-transform:uppercase;
  display:none;
  vertical-align:top;
}
.alert.done div{
  font-size:.69em;
  color:#ffffff;
}
.alert.on div{
  display:inline-block;
}

#content .winners{
  padding:5% 0;
}
#content .winners > h2{
  width:72.4%;
  padding-bottom:15.21%;
  background:url(images/laimetaji.png) no-repeat center center;
  background-size:contain;
  font-size:0;
  text-indent:-999em;
  margin:35% auto 0 auto;
}
#content .winners.active > h2{
  display:none;
}
#content .winners > h3{
  font-family: 'Gotham-Book', sans-serif;
  font-size:.9em;
  line-height:120%;
  letter-spacing:-1px;
  margin:0 5% 3% 5%;
  text-align:center;
  display:none;
}
#content .winners.active > h3{
  display:block;
}
#content .winners ul{
  list-style:none;
  padding:0;
  margin:0;
}
#content .winners > ul{
  display:none;
}
#content .winners.active > ul{
  display:block;
}
#content .winners > ul li{
  text-align:center;
  padding-bottom:6%;
  white-space:nowrap;
}
#content .winners > ul li h3{
  width:31.25%;
  padding-bottom:17.08%;
  background:url(images/bioderma.png) no-repeat center center;
  background-size:contain;
  font-size:0;
  text-indent:-999em;
  margin:0 auto;
}
#content .winners > ul li.algotherm h3{
  width:32.08%;
  padding-bottom:17.08%;
  background-image:url(images/algotherm.png);
}
#content .winners > ul li.esthederm h3{
  width:31.04%;
  padding-bottom:18.33%;
  background-image:url(images/esthederm.png);
}
#content .winners > ul li li{
  font-size:.8em;
  line-height:120%;
  padding:0;
  color:#ffffff;
}

#content .rules{
  padding:7% 0 0 0;
  color:#ffffff;
  font-weight:400;
}
#content .rules > h2{
  width:100%;
  padding-bottom:7.08%;
  background:url(images/noteikumi.png) no-repeat center center;
  background-size:contain;
  font-size:0;
  text-indent:-999em;
  margin:5% auto 0 auto;
}
#content .rules ol{
  width:82%;
  list-style:none;
  padding:0;
  margin:8% 0 0 13%;
  text-align:left;
}
#content .rules ol li{
  font-size:0.75em;
  line-height:120%;
  padding:0 0 3.7% 0;
  position:relative;
}
#content .rules ol li b:first-child{
  font-family: 'Gotham', sans-serif;
  font-size:1em;
  line-height:1em;
  width:1em;
  height:1em;
  background:url(images/noteikumi_li.png) no-repeat center center;
  background-size:contain;
  position:absolute;
  margin:.2em 0 0 -2em;
}
#content .rules a{
  color:#ffffff;
  font-weight:700;
  text-decoration:underline;
}
#content .rules a:hover{
  text-decoration:none;
}
#content .rules .text{
  width:12.7em;
  padding-bottom:2.6%;
  background:url(images/noteikumi_bg.png) no-repeat center center;
  background-size:contain;
  position:relative;
  margin:0 0 0 8%;
}
#content .rules .text > div{
  font-size:0.75em;
  line-height:120%;
  padding:5% 0 0 13%;
}


#footer{
  position:absolute;
  width:50%;
  right:0;
  bottom:0;
}
#footer .card{
  width:23.33%;
  padding-bottom:13.33%;
  position:absolute;
  left:0;
  bottom:0;
  background:url(images/karte.png) no-repeat center center;
  background-size:contain;
}
#footer .text{
  font-family: 'Montserrat', sans-serif;
  font-size:.5em;
  line-height:120%;
  color:#ffffff;
  text-align:justify;
  width:73%;  
  position:absolute;
  right:0;
  bottom:0;
  margin:0 5% 1% 0;
}

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

/*
  -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

*/