html{
  background:#12102f;
  font-size:62.5%;
  _font-size:.5208334vw;
}
body{
  overflow:auto;
}
html, body{
  height:100%;
  margin:0;
}
body.section{
  _overflow:hidden;
}

body, input, textarea, select, button{
  font-family: 'Rubik', sans-serif;
  font-family: 'Barlow', sans-serif;
  font-size:1.6rem;
  color:#ffffff;
}

.w480{
  display:none;
}

#page{
  width:100%;
  _min-width:480px;
  min-height:100%;
  position:relative;
  background:url(images/bg.jpg) no-repeat top center;
  _background-image:url(images/kopa.jpg);
  _background-size:100% auto;
}

#page > .bg{
  width:100%;
  height:100%;
  position:absolute;
  background:#090d1b;
  _display:none;
}
#page > .bg div{
  width:50%;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  background:#0a0d1e;
}
#page > .bg div + div{
  width:100%;
  position:relative;
  background:url(images/bg.jpg) no-repeat top center;
}
#page > .bg + div{
  width:100%;
  height:100%;
  position:relative;
}

.wrap {
	max-width:111rem;
	padding:0;
	margin:0 auto;
  position:relative;
}

#content .wrap{
  padding:20.5rem 0 6.5rem 0;
}

#content .logo{
  font-size:2rem;
  line-height:2.4rem;
  color:#ffffff;
  text-transform:uppercase;
  position:absolute;
  text-align:center;
  top:2.5rem;
}
#content .logo b{
  font-size:5.7rem;
  line-height:7rem;
  display:block;
  position:relative;
}
#content .logo b span{
  position:relative;
}
#content .logo b::before{
  content:'';
  width:100%;
  height:5.8rem;
  bottom:0;
  position:absolute;
  background:#f31348;
}
#content.temp::before{
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  background:rgba(3,3,36,.7);
  left:0;
  top:0;
}
#content .temp{
  padding:10rem 0 15rem 0;
}
#content h1{
  font-size:5.4rem;
  line-height:6rem;
  width:50rem;
  margin:0;
}
#content .menu{
  list-style:none;
  margin:2.5rem 0 0 0;
  padding:0;
}
#content .menu label{
  font-size:2.6rem;
  line-height:3rem;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 2.2rem 0;
  display:block;
}
#content .menu li{
  background:url(images/menu_li.png) no-repeat 0 .7rem;
  display:block;
  padding:0 0 1.6rem 2.5rem;
}
#content .menu li.scd{
  margin-left:3rem;
}
#content .menu li a{
  font-size:2rem;
  line-height:2.4rem;
  font-weight:bold;
  color:#ffffff;
  text-decoration:underline;
}
#content .menu li a:hover{
  text-decoration:none;
}
#content p{
  font-family: 'Rubik', sans-serif;
  font-size:1.6rem;
  line-height:2rem;
  width:26rem;
  margin:5rem 0 0 0;
}
#content p a{
  color:#2baba9;
  text-decoration:underline;
}
#content p a:hover{
  text-decoration:none;
}


#logos{
  background:#ffffff;
  padding:3rem 0;
  position:relative;
}
#logos ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:0;
  text-align:center;
  position:relative;
  white-space:nowrap;
}
#logos li{
  display:inline-block;
  margin:0 5rem;
}
#logos li a{
  height:10.4rem;
  text-align:left;
  text-indent:-999rem;
  border:0;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  display:block;
}
#logos li a.dross{
  width:9rem;
  background-image:url(images/logos/dross.png);
}
#logos li a.policija{
  width:16.2rem;
  background-image:url(images/logos/policija.png);
}
#logos li a.vbtai{
  width:11.6rem;
  background-image:url(images/logos/vbtai.png);
}
#logos li a._116111{
  width:9.9rem;
  background-image:url(images/logos/116111.png);
}
#logos li a.eklogo{
  width:16.2rem;
  background-image:url(images/logos/EK_lv_logo2.png);
}


#footer{
  font-family: 'Rubik', sans-serif;
  font-size:1.6rem;
  line-height:3.8rem;
  padding:3rem 0 9rem 0;
  background:#12102f;
  position:relative;
}
#footer .wrap div{
  display:inline-block;
  vertical-align:middle;
}
#footer .design{
  float:right;
}
#footer .design *{
  display:inline-block;
  vertical-align:middle;
}
#footer .design a{
  width:13.7rem;
  height:3.8rem;
  margin-left:1rem;
  background:url(images/logos/due.png) no-repeat center;
  background-size:contain;
  text-decoration:none;
}



#section{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  display:none;
}
body.section #section{
  display:block;
}
#section .bg{
  width:100%;
  height:100%;
  top:0;left:0;
  position:absolute;
  background:#182f4a;
  opacity:.7;
}
#section h3.title{
  font-size:3.2rem;
  line-height:3.5rem;
  text-align:center;
  position:relative;
  margin:6.5rem 0 2.5rem 0;
}
#section .content{
  width:77rem;
  max-height:75%;
  position:relative;
  margin:0 auto;
  padding:0 1rem;
  background:#ffffff;
  _background:url(images/sec_kopa2.png) no-repeat;
  border-radius:2rem;
}
#section .content.results{
  position:absolute;
  top:0;
  left:50%;
  transform: translate(-50%, 0);
}
#section .content > div{
  position:relative;
  padding:4.5rem 0 2.5rem 0;
  height:100%;
  box-sizing:border-box;
}
#section .close{
  text-indent:-999em;
  width:2.4rem;
  height:2.4rem;
  position:absolute;
  background:url(images/close.png) no-repeat center;
  background-image:url(images/close.svg), none;
  background-size:contain;
  top:1.5rem;
  right:.5rem;
  opacity:.3;
}
#section .close:hover{
  opacity:1;
}
#section .scroll{
  position:relative;
  width:69rem;
  padding:0 4rem;
  max-height:60rem;
  overflow:auto;
}
.simplebar-track.simplebar-vertical {
  width:.6rem;
  background:#f0f0f0;
  border-radius:.2rem;
}
.simplebar-scrollbar{
  _max-height:5rem;
}
.simplebar-scrollbar::before {
  left:0;
  right:0;
  background:#2baba9;
  _opacity:1;
  border-radius:.2rem;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  top:0;
  bottom:0;
}
.form-group{
  margin:0 0 2rem 0;
}
.form-group h4{
  font-size:2.4rem;
  line-height:120%;
  letter-spacing:-.08rem;
  color:#162642;
  text-transform:uppercase;
  margin:0 0 3rem 0;
}
.form-group h5{
  font-size:2rem;
  line-height:120%;
  color:#162642;
  margin:0 0 2rem 0;
}
.form-group p.color{
  font-family: 'Rubik', sans-serif;
  font-size:1.6rem;
  line-height:120%;
  color:#323232;
  margin:0 0 2rem 0;
}
.form-group p.color.red{
  color:#f31348;
}
.form-group p.color.orange{
  color:#f37e1f;
}
.form-group p.color.green{
  color:#2baba9;
}
.form-group.center{
  text-align:center;
}
.form-group a[download]{
  font-size:1.8rem;
  line-height:120%;
  color:#323232;
  text-decoration:none;
}
.form-group a[download]:hover{
  text-decoration:underline;
}
.form-group .radio{
}
.form-group .radio > *{
  font-size:1.8rem;
  line-height:3.6rem;
  color:#323232;
  vertical-align:middle;
  display:inline-block;
}
.form-group .radio span{
}
.form-group .radio input{
  display:none;
}
.form-group .radio label{
  padding-left:5rem;
  margin:0 2rem 0 2rem;
  position:relative;
}
.form-group .radio.narrow label{
  padding-left:4.5rem;
  margin:0 0 0 1rem;
}
.form-group .radio label::before{
  content:'';
  width:3.6rem;
  height:3.6rem;
  border-radius:50%;
  border:1px solid #c9c9c9;
  display:block;
  left:0;
  position:absolute;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
}
.form-group .radio input:checked + label::before{
  background-image:url(images/check.png);
  background-image:url(images/check.svg), none;
}
.form-group p{
  font-family: 'Rubik', sans-serif;
  font-size:1.6rem;
  line-height:130%;
  font-weight:normal;
  color:#323232;
  margin:-1rem 4rem 2rem 0;
  padding:0;
}
.form-group h6{
  font-family: 'Rubik', sans-serif;
  font-size:1.6rem;
  line-height:130%;
  font-weight:normal;
  color:#323232;
  margin:0;
  padding:2rem 4rem 0 0;
}
.form-group h6.nmt{
  padding:0 4rem 0 0;
}
.form-group.highlight{
  background:#2baba9;
  background:rgba(43,171,169,.1);
  padding:2.2rem 3rem 3rem 3rem;
  border-radius:.5rem;
}
.form-group.highlight span{
  font-size:1.8rem;
  line-height:130%;
  font-weight:bold;
  color:#2baba9;
  display:block;
  margin:0 0 2.5rem 0;
}
.form-group input[type="text"].underline{
  font-size:2rem;
  line-height:120%;
  color:#323232;
  width:36rem;
  border:0;
  border-bottom:.1rem solid #2baba9;
  padding:.5rem 1rem;
  background:none;
}
.form-group.email{
  margin:0;
}
.form-group input[type="text"].email{
  color:#323232;
  position:absolute;
  left:-999em;
  border:0;
  padding:0;
  background:none;
}
.form-group .alert{
  color:#f31348;
  padding:0;
}
.form-group .alert a{
  color:#f31348;
  text-decoration:underline;
}
.form-group .alert a:hover{
  text-decoration:none;
}
.form-group .alert.done,
.form-group .alert.done a{
  color:#2baba9;
}
.form-group button{
  font-size:1.5rem;
  line-height:2rem;
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  background:#162642;
  padding:1.5rem 7rem;
  border:0;
  border-radius:.5rem;
}

.answers{
  list-style:none;
  padding:0;
  margin:10px 0 0 10px;
}
.answers label{
  font-weight:normal;
}
.answers label span{
  padding-left:10px;
}

.info{
}
.info ol{
  list-style:none;
  padding:0;
  margin:10px 0 0 0;
  width:135px;
}
.info ol li{
  float:left;
  cursor:pointer;
}
.info ol li,
.info .rules span{
  font-size:14px;
  line-height:21px;
  width:25px;
  height:25px;
  text-align:center;
  margin:0 2px 2px 0;
  border: 2px solid gray;
  background-color:#eeeeee;
}
.info .rules{
  clear:both;
  margin-top:10px;
}
.info .rules span{
  display:inline-block;
}
.info .rules em{
  font-style:normal;
}
.info .cgreen{
  border: 2px solid green !important;
  background-color:#e0f9cd !important;
}
.info .corange{
  border: 2px solid orange !important;
  background-color:#fff4cd !important;
}

#chat{
  display:none;
}


.results-table{
  margin-top:20px;
}
.results-table td{
  width:40%;
}
.results-table td + td{
  width:55%;
  padding-left:5%;
}
.results-table h4{
  font-size:14px;
  font-weight:bold;
  text-align:center;
  margin:0 0 20px 0;
  color:green;
}
.results-table h5{
  font-size:16px;
  font-weight:bold;
  text-align:center;
  margin:0 0 10px 0;
}
.results-table.orange h4{
  color:orange;
}
.results-table.red h4{
  color:red;
}