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

body, input{
  font-family: 'Lato', sans-serif;
  font-family: 'Arimo', sans-serif;
  
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-size:16px;
  color:#000000;
}


#page{
  width:100%;
  min-width:320px;
  min-height:100%;
  position:relative;
}
#_page{
  background:url(images/kopa2.jpg) no-repeat center top;
  background-size:1200px auto;
}

.center{
  width:1050px;
  display:block;
  margin:0 auto;
}

#header{
  width:100%;
  height:200px;
  background:url(images/header.png) no-repeat center top;
  background-image:url(images/header3000.png);
  background-size:auto 200px;
  z-index:100;
  position:fixed;
  _opacity:.3;
}
#header > span{
  display:none;
}
#header > div{
  width:100%;
  height:100%;
  position:relative;
}
#header .center{
  height:100%;
  position:relative;
}
#header .soc a,
#header .logo{
  text-indent:-999em;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  text-align:left;
  display:inline-block;
}
#header .soc{
  position:absolute;
  bottom:23px;
  left:-37px;
  bottom:2px;
  left:-318px;
  white-space:nowrap;
}
#header .soc a{
  width:24px;
  height:24px;
  margin:0 4px 0 0;
}
#header .soc .fb{
  background-image:url(images/fb.png);
  background-image:url(images/fb.svg), none;
}
#header .soc .ig{
  background-image:url(images/ig.png);
  background-image:url(images/ig.svg), none;
}
#header .sb{
  position:absolute;
  bottom:24px;
  right:-42px;
  bottom:2px;
  right:-292px;
  text-align:center;
  width:160px;
}
#header .somese{
  width:46px;
  height:86px;
  background-image:url(images/somese.png);
  background-image:url(images/somese.svg), none;
  margin:0 0 23px 0;
}
#header .loterijatev{
  width:200px;
  height:98px;
  background-image:url(images/loterijatev.png);
  background-image:url(images/loterijatev.svg), none;
  margin:0;
  transform:translate(-100px,30px);
  position:absolute;
  left:50%;
}
#header .button{
  font-size:15px;
  line-height:30px;
  font-weight:600;
  color:#ffffff;
  text-decoration:none;
  width:150px;
  height:28px;
  border-radius:15px;
  border:1px solid #ffffff;
  display:inline-block;
}
#header .button:hover,
#header .button:active{
  color:#0175d6;
  background:#ffffff;
}





#menu{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-47%,-22px);
}
#menu .menu{
  display:none;
}
#menu ul{
  list-style:none;
  padding:25px 0 0 0;
  margin:0;
  white-space:nowrap;
}
#menu li{
  display:inline-block;
  margin:0 30px 0 0;
}
#menu li a{
  font-size:17px;
  line-height:30px;
  color:#ffffff;
  text-decoration:none;
  border-bottom:2px solid #ffffff;
  border-color:transparent;
  display:inline-block;
}
#menu li.active a,
#menu li a:hover{
  border-color:#ffffff;
}

#content{
  width:100%;
  min-height:830px;
  padding:230px 0 620px 0;
  position:relative;
}

#covid-info{
  font-weight:bold;
  position:absolute;
  right:0;
  top:5px;
  width:700px;
}
#covid-info br{
  display:none;
}
#covid-info a{
  color:#000000;
  text-decoration:underline;
}
#covid-info a:hover{
  text-decoration:none;
}

.block{
  margin-bottom:0;
  position:relative;
}
.block > h3{
  font-size:30px;
  line-height:35px;
  color:#002d4c;
  font-weight:bold;
  letter-spacing:-1px;
  margin:0 0 35px 0;
  text-align:center;
}
.block > h3 span{
  margin:0 5px;
}



.list{
  font-size:0;
  text-align:left;
  overflow:hidden;
}
.list > div{
  margin-right:-35px;
}
.list .item{
  font-size:12px;
  line-height:15px;
  text-align:center;
  color:#002d4c;
  text-decoration:none;
  vertical-align:top;
  width:240px;
  height:310px;
  display:inline-block;
  background:#ffffff;
  margin:0 30px 30px 0;
  position:relative;
  overflow:hidden;
  border-radius:15px;
  box-shadow:0 0 4px 0 rgba(0,0,0,.07);
}
.list .item > div{
  width:240px;
  display:block;
}
.list .item .img{
  width:240px;
  height:205px;
  display:block;
  border-radius:15px;
  overflow:hidden;
  position:relative;
}
.list .item img{
  width:100%;
  height:100%;
  position:relative;
  object-fit: cover;
  transition:all .2s;
}
.list .item:hover img{
  transform:scale(1.04);
}
.list .item .txt{
  padding:10px 5px;
}
.list .item h4{
  font-size:15px;
  line-height:18px;
  font-weight:bold;
  margin:0 0 5px 0;
}
.list .item:hover h4{
  color:#0175d6;
}
.list .item .txt span{
  display:block;
}
[rel="noslegusas-loterijas"] .list .item{
  color:#a4acb2;
}
[rel="noslegusas-loterijas"] .list .item:hover{
  color:#002d4c;
}
[rel="noslegusas-loterijas"] .list .item .img{
  opacity:.7;
}
[rel="noslegusas-loterijas"] .list .item:hover .img{
  opacity:1;
}


#footer{
  width:100%;
  height:150px;
  background:#0175d6;
  _background:rgba(255,0,0,.3);
  position:absolute;
  bottom:0;
}
#footer .map{
  width:100%;
  height:400px;
  background:url(images/ofiss_karte.jpg) no-repeat center top;
  background-size:auto 100%;
  position:absolute;
  top:-400px;
}
#footer .map iframe{
	width: 100%;
	height: 100%;
	border: 0;
	position: relative;
	filter: grayscale(100%);
	transition: all .3s;
}
#footer .center{
  width:1125px;
}
#footer > div{
  width:100%;
  position:relative;
}
#footer .info{
  margin:33px 0 0 0;
}
#footer .info .right{
  margin:-7px 0 0 0;
}
#footer .info span{
  font-size:14px;
  line-height:25px;
  font-weight:400;
  color:#ffffff;
  display:inline-block;
  vertical-align:top;
  position:relative;
}
#footer .info .right span{
  line-height:19px;
}
#footer .info span b{
  font-weight:600;
}
#footer .info span + span{
  margin:0 0 0 8px;
}
#footer .info span + span::before{
  content:'';
  height:25px;
  display:inline-block;
  vertical-align:middle;
  border-left:1px solid #ffffff;
  padding:0 15px 0 0;
}
#footer .info span a{
  color:#ffffff;
  text-decoration:none;
}
#footer .info span a:hover{
  text-decoration:underline;
}
#footer .info hr{
  height:0;
  background:none;
  border:0;
  border-top:1px solid #ffffff;
  margin:24px 0 17px 0;
}
#footer .info .totop{
  width:38px;
  height:38px;
  background:url(images/totop.png) no-repeat center;
  background-image:url(images/totop.svg), none;
  background-size:contain;
  display:inline-block;
  vertical-align:middle;
  border-radius:50%;
  margin:0 0 0 24px;
}
#footer .info .totop:hover{
  background-image:url(images/totop_hover.png);
  background-image:url(images/totop_hover.svg), none;
}
#footer .info .sm span{
  font-size:12px;
  line-height:16px;
  display:inline-block;
  vertical-align:middle;
}
#footer .info .sm span::before{
  display:none;
}
#footer .button{
  font-size:13px;
  line-height:25px;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  padding:0 15px;
  background:none;
  border-radius:13px;
  border:1px solid #ffffff;
  margin:5px 0 0 10px;
  display:inline-block;
}
#footer .button:hover,
#footer .button:active{
  color:#0175d6;
  background:#ffffff;
}




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;
}
textarea{
  resize: none;
}
/*
  -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

*/