@import url(/css/basscss.css);


  body {
    font-family: 'PT Serif', sans-serif;
    font-size: 87.5%;
    color: #444444;
  }
  
  h1,  h2,  h3,  h4,  h5,  h6, .h1,  .h2,  .h3,  .h4,  .h5,  .h6 {
    font-family: 'PT Sans Caption', sans-serif;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
  }
  
.sh1 { font-size: 2rem }
.sh2 { font-size: 1.5rem }
.sh3 { font-size: 1.25rem }
.sh4 { font-size: 1rem }
.sh5 { font-size: .875rem }
.sh6 { font-size: .75rem }
  
  .lineh {
  line-height: 1.25;
 }
    
  
  a {
    color: #444444;
  }
     
  .smdcol, .hilite {color: #00AB8E;}
  .bg-smdcol {background-color: #00AB8E;}
  .sans {
   font-family: 'PT Sans Caption', sans-serif;
  } 
  
  .small1, .small1 a {font-size: 96%; line-height: 1;}      
  .small2, .small2 a {font-size: 92%; line-height: 1;}
  .small3, .small3 a {font-size: 88%; line-height: 1;}
  .small4, .small4 a {font-size: 84%; line-height: 1;}
  .small5, .small5 a {font-size: 80%; line-height: 1;}
  .small6, .small6 a {font-size: 76%; line-height: 1;}
  .lite, .lite a {font-weight: 400;}

  .banner {height: 6em; position: relative;}  
   .banner img, .bnslider li img, .mprslider li img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pr1 { padding-right: .5rem }
.pr2 { padding-right: 1rem }
.pr3 { padding-right: 2rem }
.pr4 { padding-right: 4rem }

.pl1 { padding-left: .5rem }
.pl2 { padding-left: 1rem }
.pl3 { padding-left: 2rem }
.pl4 { padding-left: 4rem }

.pb1 { padding-bottom: .5rem }
.pb2 { padding-bottom: 1rem }
.pb3 { padding-bottom: 2rem }
.pb4 { padding-bottom: 4rem }

.pt1 { padding-top: .5rem }
.pt2 { padding-top: 1rem }
.pt3 { padding-top: 2rem }
.pt4 { padding-top: 4rem }

.bg-greyish { background-color: #262626;}

.full-fit {
width: 100%;
}

.h-limit {
height: 11.6rem; overflow: hidden;
}


.h-limit-sm {
height: 8rem; overflow: hidden;
}

#page_no, #filtras_numeris {
  vertical-align: initial;
  height: initial;
  padding: 0 .5rem;
  color: #444444;
  line-height: 1.5;
  font-size: 87.5%;
  border: 1px solid #444444;
  padding: .1rem .5rem;
  border-radius: 2px;
  margin: 0 1rem;
}

.pg_no_link {
  border: 1px solid #444444;
  padding: .1rem .5rem;
  border-radius: 2px;
}

.sqmrgn {
padding-left: 94px;
}

.sq-ph {
width: 82px; height: 82px; 
}

.sq-bd {
height: 82px; overflow: hidden; text-overflow: ellipsis; 
}

.fade {
height: 1.4em; 
width: 40%;
background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 100%);
}

.bodytext {
max-width: 64em; //kol kas toks pats kaip container
margin: 20px auto;
  width: 95%;
  font-size: 70%;
  line-height: 1.4;
}

.bodytext a {
  border-bottom: 1px dashed #00AB8E;
}
    
@media (max-width: 400px) {
.bodytext { width: 100%; font-size: 104%; word-wrap:break-word; }
.contentmargin { margin-left: 1rem; margin-right: 1rem;}
}

@media (min-width: 400px) {
  .bodytext { width: 90%; font-size: 82%; }
   .contentmargin { margin-left: 1rem; margin-right: 1rem;}
}
@media (min-width: 700px) {
  .bodytext { width: 80%; font-size: 90%; }
  .contentmargin { margin-left: 1rem; margin-right: 1rem;}
  .bpr3 { padding-right: 2rem }
  .bpl3 { padding-left: 2rem }
  .bpr2 { padding-right: 1rem }
  .bpl2 { padding-left: 1rem }
  .bborder-left {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #00AB8E;
  }
  .bborder-right {
  border-right-style: dotted;
  border-right-width: 1px;
  border-right-color: #00AB8E;}
}
.bborder-bottom {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #00AB8E;
  }
  .bborder-top {
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #00AB8E;
  }
@media (min-width: 850px) {
  .bodytext { width: 54%; font-size: 110%; }
  .contentmargin { margin-left: -1rem; margin-right: -1rem;}
  
}
@media (min-width: 1000px) {
  .bodytext { width: 78%; font-size: 110%; }
   .lg-ph {max-height: 324px; } 
}
@media (min-width: 1100px) {
  .bodytext { width: 81%; font-size: 115%;}
}
@media (min-width: 1450px) {
  .bodytext { width: 88%; font-size: 125%; }
}

.archcell {height: 21px;}

.flexrow { flex-direction: row;  }

.mmbg {
  background-image: url('https://www.7md.lt/images/mmbgc.png');
  }
    


.lg-bd {
height: 324px; overflow: hidden; text-overflow: ellipsis; 
}

            /**
             * (optional) define here the style definitions which should be applied on the slider container
             * e.g. width including further controls like arrows etc.
             */

            .frame {
                position: relative;
                font-size: 0;
                line-height: 0;
                overflow: hidden;
                white-space: nowrap;
            }

            .slides {
                display: inline-block;
            }

            li {
                position: relative;
                display: inline-block;
            }

            .prev, .next {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                display: block;
                cursor: pointer;
            }

            .next {
                right: 0;
            }

            .prev {
                left: 0;
            }

            .next svg, .prev svg {
                width: 25px;
            }
            
             .bnslider ul, .mprslider ul, .sfslider ul {margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0 } 

.bnslider li { height: 74px; width: 96vw; }
.mprslider li { height: 160px; width: 96vw; }
.sfslider li { height: 82px; width: 96vw; }
@media (min-width: 63em) {
.bnslider li { width: 294px;  }
.mprslider li { width: 220px;  }
.sfslider li { width: 224px;  }
.sftext {width: 82px;}
}
.plainfont, .plainfont p, .plainfont a  { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
.whspnorm {  white-space: normal; }


 .kkka {width: 102px; height: 148px;}
 
 .vfade {
height: 1.4em; 
width: 100%;
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 100%);
}

.topstrip a { 
padding-left: 1rem; padding-right: 1rem; color: #fff;
}

#mobmenu {
height: 56px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

#mobmenu img {
max-height: 40px;
}

@media (max-width: 64em) {
  .fxhdg { margin-top: 56px; }
}

#drawer {height: 100vh; }
#hamburger {
    background-color: #fff;
    border: none;
    cursor: pointer;
    height: 18px;
    left: 23px;
    padding: 0;
    position: absolute;
    top: 23px;
    width: 18px;
}
.bun {
    background-color: #000;
    height: 2px;
    margin-bottom: 4px;
    transition: all .5s cubic-bezier(.19,1,.22,1);
    width: 100%;}
#ovrl {    background-color: #fff;
    box-shadow: 0 1px 10px 5px rgba(0,0,0,.1);
    left: 220px;
    height: 100%;
    opacity: .9;
    position: absolute;
    top: 0;
    width: calc(100vw - 220px);
    }  
#mobnav {
    background-color: #fff;
    height: inherit;
    overflow-y: scroll;
    padding: 0 10px;
    position: absolute;
    top: 0;
    width: 220px;
}  

.z100  { z-index: 100 }   

.masthead-menu a {
font-size: 1rem;
padding: 0 1rem;
}

.vspaced {margin-top: 2rem; margin-bottom: 1rem;}
.autoriai td {width: 50%;}
.flexvertc { display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
#midstrip a {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #00AB8E;
}
.searchbox {
position: absolute;
top: 0;
left: 0;
    width: 198px;
    height: 28px;
    
}

.searchboxwrap {display: inline-block;
position: relative;
    width: 200px;
    height: 30px;
   }

.dborder {
  border-style: dotted;
  border-width: 1px;
  border-color: #00AB8E;
}

.dborder-top {
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #00AB8E;
}

.dborder-right {
  border-right-style: dotted;
  border-right-width: 1px;
  border-right-color: #00AB8E;
}

.dborder-bottom {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #00AB8E;
}

.dborder-left {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #00AB8E;
}

.vertexpander {
min-height: 60vh;
}                  

.lh1c5 {
line-height: 1.5;
}

/*.paieska {border: #00AB8E dotted 1px;}*/
.paieska input {    box-sizing: content-box;}
.columns {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;    
}