/* bendri */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

html { margin: 0; padding:  0; height: 100%; }


body { padding: 20px; margin: 0; background-color: #eeeeee; color: #000000; font-family: 'Roboto'; font-size: 12pt; line-height: 1.5em;  }
@media (max-width: 800px) { body { padding: 10px; } }

a, div { border: 0; margin: 0; padding: 0; outline: 0; }

a { color: #009cc0; text-decoration: none; } a:hover { color: #00708b; }

img { border: 0; }

.inp, textarea { outline: none; border: 1px solid black; color: #000000; font-family: 'Roboto'; font-size: 12pt; line-height: 1.5em; padding: 3px 6px 3px 6px; box-sizing: border-box; background-color: rgba(255,255,255,0.6); }

textarea { padding: 8px; overflow-y: scroll; }

/* remai */


@media (min-width: 820px) {

body div:first-child {
width: 800px;
margin: auto;
}
​
}


table { border-collapse: collapse; }


.sideMenu {
position: fixed;
top: 0;
right: 0;
width: 0;
transition: width .5s;
background-color: #dddddd;
height: 100vh;
}


.sideMenuLink {
display: block;
color: #000000;
width: 150px;
margin-top: 10px;
margin-left: 10px;
padding: 12px 0 12px 8px;
vertical-align: middle;
background-color: #ffffff;
border-radius: 4px;
user-select: none;
cursor: pointer;
}

.sideMenuLink:hover {
color: #000000;
background-color: #eeeeee;
}


.whole {
display: inline-block;
width: 100%;
transition: margin-left .5s;
margin-bottom: 200px;
}


.top {
background-color: #ffffff;
position: sticky;
height: 80px;
top: 0px;
box-shadow: 0 4px 10px -4px gray;
}



.topIn {
max-width: 1200px;
height: inherit;
margin: auto;
display: flex;
}

.logoCont {
user-select: none;
cursor: pointer;
display: inline-block;
margin-left: 20px;
height: inherit;
}

.logoContIn {
white-space: nowrap;
text-decoration: none;
color: #000000;
display: table-cell;
vertical-align: middle;
height: inherit;
}

.logo {
color: #000000;
text-align: center;
padding-top: 5px;
font-size: 17pt;
}

.logo:hover { color: #000000; }


.slog {
color: #000000;
text-align: center;
font-size: 10pt;
}

.slog:hover { color: #000000; }


.topMenu {
margin-left: auto;
display: inline-block;
margin-right: 20px;
height: inherit;
}

.topMenuIn {
padding-top: 1px;
white-space: nowrap;
display: table-cell;
height: inherit;
}

.topMenuLink {
color: #000000;
display: inline-block;
margin-left: 20px;
user-select: none;
cursor: pointer;
}

.topMenuLinkCont {
height: inherit;
display: table-cell;
vertical-align: middle;
}

.topMenuLink:hover {
color: #929292;
}

.vamdiv {
height: inherit;
display: table-cell;
vertical-align: middle;
}

.uFormaBtn {
color: #000000;
border: 1px solid #d8d8d8;
padding: 5px 10px 5px 10px;
border-radius: 4px;
border: 1px solid #d8d8d8;
display: inline-block;
margin-left: 22px;
user-select: none;
cursor: pointer;
line-height: 1.25em;
}

.uFormaBtn:hover {
color: #000000;
background-color: #f1f1f1;
}



.fB {
display: inline-block;
margin-top: 7px;
margin-left: 22px;
background-image: url('https://www.temidesnamai.lt/web/img/f.svg');
background-size: 28px;
width: 28px;
height: 28px;
user-select: none;
cursor: pointer;
}




.msp {
text-align: center;
height: 560px;
background-image: url('https://www.temidesnamai.lt/web/img/bg1.jpg');
background-size: 100vw;
background-position: center center;
}

@media (max-width: 1200px) { .msp { background-size: 1200px; } }
@media (max-width: 1000px) { .msp { height: 500px; } }
@media (max-width: 600px) { .msp { height: 420px; } }



.cir1, .cir2, .cir3, .cir4 {
color: #ffffff;
background: rgba(0,0,0,0.25);
sborder: 3px solid #fec700;
border: 3px solid rgba(255,255,255,0.9);
border-radius: 50%;
text-align: center;
vertical-align: top;
white-space: nowrap;
transition: box-shadow .4s;
display: inline-block;
user-select: none;
cursor: pointer;
}

.cir1:hover, .cir2:hover, .cir3:hover, .cir4:hover {
box-shadow: 0 0 100px #ffffff;
box-shadow: inset 0 0 50px #ffffff, 0 0 50px #ffffff;
color: #ffffff;
}


.cir1 {
margin: 150px 0 0 0;
font-size: 18pt;
height: 260px;
width: 260px;
line-height: 260px;
}

.cir2 {
margin: 50px 0 0 90px;
font-size: 18pt;
height: 220px;
width: 220px;
line-height: 220px;
}

.cir3 {
margin: 250px 0 0 90px;
font-size: 18pt;
height: 200px;
width: 200px;
line-height: 200px;
}

.cir4 {
margin: 200px 0 0 90px;
font-size: 18pt;
height: 150px;
width: 150px;
line-height: 150px;
}


@media (max-width: 1300px) {
.cir1 { margin: 150px 0 0 0; }
.cir2 { margin: 50px 0 0 40px; }
.cir3 { margin: 250px 0 0 40px; }
.cir4 { margin: 200px 0 0 40px; }
}


@media (max-width: 1100px) {
.cir1 { margin: 146px 0 0 0; }
.cir1 span { display: none; }
.cir1::after { content: 'Paslaugos'; }

.cir2 { display: none; }
.cir3 { display: none; }
.cir4 { display: none; }
}


@media (max-width: 1000px) {
.cir1 { margin: 116px 0 0 0; }
}

@media (max-width: 600px) {
.cir1 { margin: 80px 0 0 0; }
}



.uF2 {
font-size: 16pt;
border: 1px solid #d8d8d8;
padding: 10px 20px 10px 20px;
border-radius: 4px;
border: 1px solid #d8d8d8;
background: rgba(255,255,255,0.25);
display: inline-block;
margin: 40px auto 0 auto;
user-select: none;
cursor: pointer;
color: #ffffff;
}




.e1 {
font-size: 14pt;
sborder: 1px solid #d8d8d8;
padding: 10px 20px 10px 20px;
border-radius: 4px;
sborder: 1px solid #d8d8d8;
background: rgba(0,0,0,0.25);
display: inline-block;
margin: 40px auto 0 auto;
user-select: none;
cursor: pointer;
color: #ffffff;
}



.nav-icon {
height: inherit;
vertical-align: middle;
width: 32px;
user-select: none;
cursor: pointer;
display: none;
}  

@media (max-width: 860px) {
.topMenuLinkCont { display: none; }
.nav-icon { display: table-cell; } 
}


.nav-icon span {
display: block;
width: 100%;
height: 4px;
background-color: #001c00;
margin: 5px 0;
}

.nav-icon span:nth-child(1) {
margin: 0;
}




.lowerCont {

}

.inner2 {
max-width: 900px;
margin: 0 auto 0 auto;
padding: 40px 20px 40px 20px;
}

@media (max-width: 800px) { .inner2 { padding: 20px 10px 20px 10px ; } }


.fotoDiv {
background-image: url('https://www.temidesnamai.lt/web/img/f2.jpg');
background-position: center 0;
background-repeat: no-repeat;
background-size: 375px;
display: table-cell;
height: 250px;
width: 375px;
}

@media (max-width: 1000px) { .fotoDiv { width: 200px; background-position: calc(50% - 16px) 0;  } }

@media (max-width: 600px) { .fotoDiv { width: 100%; display: block; background-size: 100%; height: 60vw;  } }


.apieText {
color: #001c00;
display: table-cell;
vertical-align: top;
text-align: justify;
padding-left: 20px;
}



@media (max-width: 600px) { .apieText { padding-left: 0; padding-top: 20px; display: inline-block; } }


.ftext {
display: inline-block;
max-width: 500px;
vertical-align: top;

}

.cTable {
margin: auto;
display: table;
margin-top: 20px;
border: 1px solid #cccccc;
border-width: 1px 1px 0 0;
}

@media (max-width: 600px) { .cTable { margin: 20px auto 0 auto; width: 100%; } }


.cTR {
display: table-row;
}

.cTD {
display: table-cell;
padding: 10px 16px 10px 16px;
border: 1px solid #cccccc;
border-width: 0 0 1px 1px;
}

.cTable .cTD:nth-child(1) {
background-color: #f9f9f9;
color: #666666;
}

.cTable .cTD:nth-child(2) {
background-color: #ffffff;
color: #001c00;
}


.h1c {
font-size: 14pt;
margin: 30px auto 20px auto;
width: 100%;
max-width: 900px;
}


.h2c {
width: 100%;
max-width: 900px;
font-size: 17pt;
margin: 30px auto 20px auto;
}


.kTable {
display: table;
margin: 20px auto 0 auto;
width: 100%;
max-width: 900px;
}

.kTR {
display: table-row;
}

.kTD {
display: table-cell;
padding: 10px 16px 10px 16px;
border-bottom: 1px solid #dddddd;
}

.kTable .kTR:first-child .kTD {
border-top: 0;
}

.kTable .kTD:nth-child(2) {
min-width: 80px;
text-align: right;
border-left-width: 0;
}

.kF {
background: #ffffff;
color: #001c00;
padding: 10px 10px 0 10px;
overflow: auto;
display: block;
padding-bottom: 30px;
}


#kontaktai {
position: relative;
top: -80px;
width: 0; height: 0;
}

#kontaktai-s {
position: relative;
top: -70px;
width: 0; height: 0;
}

#kainos, #skolos, #kita, #sutartys {
position: relative;
top: -85px;
width: 0; height: 0;
}

#publikacijos {
position: relative;
top: -80px;
width: 0; height: 0;
}




#uzklausa {
position: relative;
top: -80px;
width: 0; height: 0;
}

.inp-sec {
display: inline-block; 
padding-right: 32px;
margin-bottom: 16px;
}

.ta-sec {
display: block;
}

.btn-sec {
display: block;
padding: 0 0 24px 0;
}


.situacija {
width: 100%;
}

.cinp {
width: 240px;
}

.susip {
margin-top: 16px;
margin-right: 8px;
}

.btn {
width: 100px;
height: 32px;
}

.err {
color: red;
padding-bottom: 16px;
display: none;
}

.uft {
padding-bottom: 24px;
color: #333333;
}

.formse {
sdisplay: none;
}


.pts {
display: none;
max-width: 1000px;
height: 100wh;
background-color: #ffffff;
margin: auto;
padding: 80px;
}

@media (max-width: 800px) {
.pts { padding: 60px; }
}

@media (max-width: 600px) {
.pts { padding: 30px; }
}


#uzd {
display: block;
margin: 40px auto 40px auto;
}

.pts_1 {
margin-bottom: 24px;
font-size: 1.4em;
}

.pts_2 {
margin-top: 24px;
margin-bottom: 12px;
font-weight: 700;
}

.pts_3 {
margin-bottom: 12px;
}


.uzs {
margin-left: 10px;
background-color: #aaaaaa;
font-size: 11pt;
color: white;
border-radius: 4px;
padding: 2px 6px 2px 6px;
}

.uzs:hover {
background-color: #888888;
color: white;
}



.sectionW {
background: #ffffff;
}



.inner3 {
max-width: 900px;
margin: 0 auto 0 auto;
padding: 10px;
}


.publiA {
display: block;
width: 100%;
margin: 10px 0 10px 0;
}


.imgPubli {
display: table-cell;
width: 300px;
margin-right: 16px;
}

.imgPubli2 {
display: inline-block;
width: 300px;
margin-left: 16px;
}

@media (max-width: 600px) {
.imgPubli, .imgPubli2 { width: 100%; display: block; }
}

.publiT {
display: table-cell;

}

.publiTitle {
font-size: 16pt;
margin-bottom: 10px;
margin-top: 6px;
}


.sJuo {
display: block;
height: 0px;
width: 100%;
border: 1px dotted #999999;
border-width: 1px 0 0 0;
border-style: dotted;
}

.ppp {
font-size: 18pt;
margin: 20px 0 20px 0;
}

.publikacija {
display: block;
margin: 16px 0 16px 0;
}

.pFotoDiv {
display: table-cell;
width: 300px;
padding-right: 16px;
}

.pFoto {
width: 300px;
display: block;
}


.pTekstas {
display: table-cell;
vertical-align: top;
}

.pPavadinimas {
font-size: 16pt;
line-height: 1.2em;
margin: 0 0 14px 0;
}

.pNuoroda {
margin-top: 12px;
text-align: right;
}


@media (max-width: 600px) {
.pFotoDiv { width: 100%; display: block; padding: 0; padding-bottom: 16px; }
.pFoto { width: 100%; }
.pTekstas { display: block; }
}

.free {
width: calc(95%-32px);
margin: auto;
padding: 10px;
margin-bottom: 22px;
background-color: white;
border: 1px solid #8fb7c0;
zborder-radius: 12px;
background-color: #eeeeee;
text-align: center;
}


.freeA {
animation-name: fab;
animation-duration: 2s;
}

.freeA2 {
animation-name: fab;
animation-duration: 2s;
}

@keyframes fab {
0% { background-color: #eeeeee; }
15% { background-color: #eeeeee; }
20% { background-color: #f5d801; }
75% { background-color: #f5d801; }
100% { background-color: #eeeeee; }
}