/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(3, 58, 79, 0.25);
  display: none;
  z-index: 1035;
  backdrop-filter: blur(30px); }

.sl-wrapper {
  z-index: 1040; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: "Source Sans Pro", sans-serif;
    color: #fff;
    font-size: 3rem; }
    .sl-wrapper .sl-close:focus {
      outline: none; }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #fff;
    font-size: 2rem; }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -70px;
      height: 140px;
      width: 22px;
      line-height: 140px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: "Source Sans Pro", sans-serif;
      color: #fff; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: 3rem; }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: 3rem; }
      .sl-wrapper .sl-navigation button:focus {
        outline: none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 54px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 5rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 5rem; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 74px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 7rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 7rem; } }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; 
    box-shadow: 1px 1px 3px rgba(0,0,0,0.20);}
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(10,211,157, 0.8);
      font-size: 1.2rem;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      box-sizing: border-box;}
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #fff;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }


/* BODY  */

body { color: rgb(51,51,51); font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; min-height: 100vh;
	background-image: url(), url(../images/bodyback.png), 
	linear-gradient(120deg, rgb(3,58,79), rgb(17,78,114), rgb(3,58,79), rgb(17,78,114)),
	linear-gradient(20deg, rgb(3,58,79), rgb(17,78,114), rgb(3,58,79), rgb(17,78,114)),
	radial-gradient( ellipse, rgb(17,78,114), rgb(3,58,79), rgb(17,78,114)),
	linear-gradient( rgb(247,248,249));
	background-position: 50% 145px, center 430px, center 430px, top center, top center, top center;
	background-size: auto, auto, 100% 430px, 100% 430px, 100% 430px, auto;
	background-repeat: no-repeat, repeat-x, no-repeat, no-repeat, no-repeat, repeat;
	background-blend-mode: hard-light, normal, darken, darken, normal, normal;
	animation: gradient 10s linear infinite; 

	hyphens: auto;
  	overflow-wrap: break-word;   /* fallback */
  	word-break: normal;

}

@keyframes gradient { 0% { background-position: 50% 145px, center 430px, 0% 0%, 0% 0%, top center, top center; background-size: auto, auto, 600% 430px, 400% 430px, 200% 430px, auto;}
	50% { background-position: 50% 145px, center 430px, 100% 0%, 100% 0%, top center, top center; background-size: auto, auto, 300% 430px, 600% 430px, 500% 430px, auto; }
	100% { background-position: 50% 145px, center 430px, 0% 0%, 0% 0%, top center, top center; background-size: auto, auto, 600% 430px, 400% 430px, 200% 430px, auto; }}

a { color: rgb(51,51,51); text-decoration: none; border: none; }
a[href^="tel"] { cursor: text; box-shadow: none; background: none; }
.shadow { filter: drop-shadow( 1px 1px 0px rgba(0,0,0,0.1) ); }
.screen-readers, .tabslist a span, div.hidden, section.hidden, .hidden { position: absolute !important; left: -9999em !important; display: none;}
form#sform input:focus, form#message input, form#message textarea { outline: 0; }

div#headerimage { background-imag: url(../images/xxxxx-4.png); background-position: left 50% bottom 0px; background-size: auto; background-repeat: no-repeat; mix-blend-mode: hard-light; position: absolute; inset: 0; z-index: -1; height: 520px; }
.header-rotator-layer { position: absolute; inset: 0; height: 520px; background-position: left 50% bottom 0px; background-size: auto; background-repeat: no-repeat; mix-blend-mode: hard-light; pointer-events: none; }
div.headercover { background-image: linear-gradient(180deg, rgba(3,58,79,0.9) 50%,rgba(3,58,79,0.7), rgba(3,58,79,0.4),rgba(3,58,79,0.2) 430px, rgba(255, 255, 255, 0) 430px); height: 430px; position: absolute; inset: 0; z-index: -1; display: none; backdrop-filter: blur(3px); }

div.cover, div.mediacover  { background: rgba(3, 58, 79, 0.25); position: fixed; inset: 0; z-index: 100; display: none; backdrop-filter: blur(30px); }


/* HEADER */

header { margin: 0 clamp(40px, 6.5vw, 100px); display: grid; align-items: start; justify-content: center; 
	grid-template-columns: minmax(150px, 200px) minmax(400px, 800px) minmax(120px, 200px);
	grid-template-rows: min-content min-content auto; 
	grid-template-areas: "  hlogo menu menusearch  " "  hlogo menu kontaktai  " "  headline headline headline  " ;
	background: transparent;
	min-height: 430px; }

header, header a { color: rgb(245,245,245); }
header li.active a, header dd.active > a { color: rgb(10,211,157); }
header a:not([href^="tel"]):hover, header .active a:not([href^="tel"]):hover, ul#menusearch button:hover, dl#kontaktai dd div button:hover { color: rgb(10,211,157); }

a#hlogo { grid-area: hlogo; }
a#hlogo img { margin: clamp(40px, calc(77px - 2.8vw), 53px) 0 0 0; padding: 0; display: block; width: clamp(125px, 15vw, 200px); height: auto; }
ul#menu { grid-area: menu; margin: 66px 0 0 0; padding: 0; font-size: clamp(0.7rem, 1vw, 0.8rem); line-height: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1rem; list-style-type: none; display: grid; align-items: start; justify-content: center; justify-items: center;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto;
	grid-auto-rows: 0;
	column-gap: clamp(20px, 2.8vw, 40px);
  	row-gap: 0;
  	overflow: hidden;
  	
 }
ul#menu.showall { grid-template-rows: auto; grid-auto-rows: auto; row-gap: 20px; }
ul#menu li { margin: 0; padding: 0; }
ul#menusearch { grid-area: menusearch; margin: 60px 0 0 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: clamp(10px, 2.2vw, 35px); row-gap: 10px; }
ul#menusearch button { margin: 0; padding: 6px 0 5px 32px;  color: rgb(245,245,245); font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-size: clamp(0.85rem, 1.2vw, 0.95rem); line-height: 1rem; font-weight: 400; display: block; border: none; justify-self: end; }
button#menubutton { background: url(../images/menuicon.svg) 0 50% no-repeat transparent; }
button#menubutton.showpart { background: url(../images/close.svg) 0 50% no-repeat transparent; }
button#searchbutton { background: url(../images/searchicon.svg) 0 50% no-repeat transparent;  }
button#searchbutton.hidesearch { background: url(../images/close.svg) 0 50% no-repeat transparent;  }
dl#kontaktai { grid-area: kontaktai; margin: 35px 0 0 0; padding: 0; text-align: right; }
dl#kontaktai dt { margin: 0; padding: 0; font-size: clamp(0.7rem, 1vw, 0.8rem); line-height: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1rem; }
dl#kontaktai dd { margin: 8px 0 0 0; padding: 0; font-size: clamp(0.8rem, 1.2vw, 0.9rem); line-height: 1.1rem; font-weight: 400; }
dl#kontaktai dd div { margin: 0; padding: 0; text-align: center; position: absolute; top: 49px; left: 50%; transform: translateX(-50%); display: none; }
dl#kontaktai dd ul { margin: 0; padding: 0; list-style-type: none; font-size: clamp(1.30rem, 2.2vw, 1.70rem); line-height: 3.15rem; font-weight: 400; }
dl#kontaktai dd div button { margin: 3rem 0 0 0; padding: 12px 17px; background: transparent;  color: rgb(255,255,255); font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-size: 0.95rem; line-height: 1rem; font-weight: 400; border: solid 1px rgb(10,211,157); cursor: pointer; }

/* ul#globalnav div button, li.searchform.styled button > dl#kontaktai dd div button */

h1#headline { grid-area: headline; align-self: end; margin: 0 0 -9px 0; padding: 0; font-size: 2.7rem; line-height: 3rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1rem; color: rgb(245,245,245); background: linear-gradient(to right, rgb(245,245,245) 0%, rgb(10,211,157) 40%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; filter: drop-shadow(2px 0px rgb(3,58,79)); } 

/* Search Form */
div#paeiska { grid-area: menu; margin: 56px 0 0 0; padding: 0; display: none; }
form#sform { display: flex; justify-content: center; }
form#sform input { background: rgb(245,245,245); padding: 0.5rem 0.5rem; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 1rem; line-height: 1rem; width: 70%; border: 0; }
form#sform input#searchsubmit { background: url(../images/searchicon.svg) 60% 55% no-repeat rgb(245,245,245); width: 2.5rem; }


/* FOOTER */

footer { padding: 0 clamp(40px, 6.5vw, 100px);  color: rgb(245,245,245); background: rgb(3, 58, 79); font-size: 0.95rem; line-height: 1.55; position: sticky; top: 100%; font-weight: 300; }
footer div { margin: 0 auto; padding: 5rem 0; max-width: 1200px; overflow: auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 3rem  4rem;  }
footer a { color: rgb(245,245,245); }
footer a:not([href^="tel"]):hover, footer ul li.active a { color: rgb(10,211,157); }
footer ul, footer address { margin: 0; padding: 0; list-style-type: none; }
footer ul li { display: inline-block; }
footer ul li a { margin: 0 1rem 0.35rem 0; display: inline-block; }
footer p { margin: 0 0 0.45rem 0; font-style: normal; }
footer address strong { margin: 0 0.7rem 0 0; font-size: 0.65rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; }
footer address p:last-of-type { margin: 1.55rem 0 0 0; font-size: 0.85rem; }


/* MAIN */

main { margin: 0 auto; padding: 0 clamp(40px, 6.5vw, 100px); max-width: 1200px; box-sizing: content-box; }
main h1 { color: rgb(3, 58, 79); margin: 10rem 0 0 0; padding: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 600; text-transform: uppercase; text-align: center; }


/* Generic layout */
div.widecol { padding: 10rem 0 5rem 0; backgroun: linear-gradient(90deg, rgb(3, 58, 79) 0%,rgb(72, 159, 255) 100%) center top no-repeat; background-size: 100% 4px; }
div.narrowcol { padding: 4em 16.5%; backgroun: linear-gradient(90deg, rgb(3, 58, 79) 0%,rgb(72, 159, 255) 100%) center top no-repeat; background-size: 100% 4px; }
div.two, section.two { -moz-columns: auto 2; -webkit-columns: auto 2; columns: auto 2; column-gap: 4rem; }
div.three, section.three { -moz-columns: auto 3; -webkit-columns: auto 3; columns: auto 3; column-gap: 4rem; }

/* Produktu intro */

ul#prodintro { padding: 0; margin: 0 auto;  list-style-type: none; display: none; backgroun: linear-gradient(60deg, rgb(3, 58, 79) 20%,rgb(72, 159, 255) 120%); width: 1200px; height: 70%; max-height: 60vw; position: fixed; z-index: 1000; top: 95px; box-shadow: 1px 1px 3px rgba(0,0,0,0.20); }
ul#prodintro li { padding-top: 10px; background: url(../images/silumos-siurbliai-intro-01.jpg)  20% 10px / cover no-repeat; flex-grow: 1; display: flex; background-clip: content-box; } 
ul#prodintro li:first-of-type { background: url(../images/kondicionieriai-intro-01.jpg) 55% 10px / cover no-repeat; background-clip: content-box; }
ul#prodintro li:last-of-type { background: url(../images/vedinimo-sistemos-intro-01.jpg) 60% 10px / cover no-repeat; background-clip: content-box; }
ul#prodintro li a { padding: 10% 0 0 0; color: rgb(72, 159, 255); font-size: 1.5vw; font-weight: 600; text-transform: uppercase; text-align: center; flex-grow: 1; }
ul#prodintro li a:hover { color: rgb(10, 211, 157); }
ul#prodintro li:last-of-type button { margin: 0 auto; padding: 1em 2em; color: #ffffff; background: rgb(72, 159, 255); font-size: 1.2em; line-height: 1; font-weight: 600; border: none; cursor: pointer; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%) }


ul#prodintro { flex-direction: column; align-items: center; justify-content: center; background: conic-gradient(from 315deg at 50% 60%, rgb(72, 159, 255) 0% 0%,rgb(3, 58, 79) 27% 0%); backgroun: linear-gradient(0deg, rgb(3, 58, 79) 20%,rgb(72, 159, 255) 120%); }
ul#prodintro li, ul#prodintro li:first-of-type, ul#prodintro li:last-of-type { background: none; }
ul#prodintro li { padding: 10% 0 10% 0; color: rgb(10, 211, 157); font-size: 3.5vw; font-weight: 600; flex-grow: 0; }
ul#prodintro li:first-of-type{ padding: 0% 0 10% 0; color: rgba(245, 245, 245, 0.5); font-size: 2vw; }
ul#prodintro li a:hover { color: rgb(10, 211, 157); }
ul#prodintro li:last-of-type button { margin: 0 auto; padding: 1em 2em; color: #ffffff; background: rgb(72, 159, 255); font-size: 0.4em; line-height: 1; font-weight: 600; border: none; cursor: pointer; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%) }


/* Tabs */

div.tabs { padding: 3rem 0 5rem 0; overflow: auto;  } 
div.tabs.kontaktai, div.tabs.products { padding: 9rem 0 4rem 0; overflow: auto; }
p + div.tabs { padding: 1em 0 5rem 0; }
nav.tabslist ul { margin: 0 0 5rem 0; padding: 0; background: linear-gradient(rgb(3, 58, 79)) center bottom no-repeat; background-size: 100% 5px; font-size: 1.05rem; font-size: clamp(0.85rem, 1.5vw, 1.05rem); line-height: 1rem; font-weight: 400; text-align: center; }
nav.tabslist ul li { margin: 0; padding: 0; display: inline-block; background: linear-gradient(rgb(3, 58, 79)) center bottom no-repeat; background-size: 100% 5px; }
nav.tabslist ul a { padding: 22px clamp(10px, 2.5vw, 40px) 17px; text-decoration: none; display: block; box-shadow: none; background: none; }
nav.tabslist ul li a.active, nav.tabslist ul a:hover  { background: linear-gradient(rgb(10, 211, 157)) center bottom no-repeat; background-size: 100% 5px; }
div.tabs > section { display: none; }
div.tabs > section.active { display: block; }

/* General Styles */
main > div a { background: linear-gradient(rgba(72, 159, 255, 0.12)); background-size: 100% 0.8em; }
main > div a:hover { background: linear-gradient(rgba(10, 211, 157, 0.12)); background-size: 100% 0.8em; }
main .scaps { font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.05em; }
main .smaller { font-size: 0.9em; }
main .small { font-size: 0.85em; }
main .bolder { font-weight: 600; }
main h2 { color: rgb(3, 58, 79); margin: 0 0 1.75rem 0; padding: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 600; text-transform: uppercase; column-span: all; }
main h3 { color: rgb(10, 211, 157); margin: 2.05rem 0 1.05rem 0; font-size: 1.25rem; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05rem; column-span: all; }
main h4 { color: rgb(10, 211, 157); margin: 1.95rem 0 0.75rem 0; font-size: 1.05rem; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05rem; column-span: all; }
main h5 { margin: 1.55rem 0 0.75rem 0; font-size: 1.05rem; line-height: 1.55; font-weight: 700; }

main p, main dl, main ul, main ol { margin: 0 0 1.55rem 0; font-size: 1.05rem; line-height: 1.55; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; box-sizing: border-box; }
main ul, main ol { padding-left: 1.15rem; }
main dl { margin: 0.55rem 0 2.15rem 0; }
main dt:not(dl.contact dt, dl.techduomenys dt) { margin: 0 0 0.3rem; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
main dd + dt { margin-top: 1.15rem; }
main dd { margin: 0; }


/* Filtering And Product List */
div.tabs.products section:first-of-type, div.products.widecol { display: flex; flex-wrap: wrap; align-items: flex-start; }
div.tabs.products section:first-of-type { display: none; }
div.tabs.products section:first-of-type.active { display: flex; }
form#mse2_filters { margin: 2.5rem 0 0 0; }
div#mse2_mfilter { padding: 0 3em 0 0; box-sizing: border-box; flex: 2 1 0; }
div#mse2_mfilter fieldset { margin: 0 0 1.9em 0; padding: 0; border: none; displa: flex; flex-direction: column; }
div#mse2_mfilter h3, div#productlist h3 { margin: 0 0 1.3em 0; color: rgb(51,51,51); font-size: 0.95rem; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03rem; }
div#mse2_mfilter h4 { color: rgb(51,51,51); margin: 0 0 0.45rem 0; font-size: 1.05rem; line-height: 1.55; text-transform: none; letter-spacing: normal; font-weight: 500;}
div#mse2_mfilter label { color: rgb(51,51,51); margin: 0 0 0.2rem 0; font-size: 0.9rem; line-height: 1.35; font-weight: 400; display: block; }
div#mse2_mfilter label.number { margin: 0 0.5rem 0.5rem 0; font-size: 0.85rem; display: inline-block; text-transform: uppercase; letter-spacing: 0.03em; }
div#mse2_mfilter sup { color: rgb(10, 211, 157); font-size: 0.75em; font-weight: 500; }
div#mse2_mfilter input[type="checkbox"] { margin-right: 0.1rem; display: inline-block; vertical-align: 0.1rem;  }
div#mse2_mfilter input[type="text"] { margin-left: 0.5rem; color: rgb(51,51,51); font-size: 1rem; line-height: 1.2; font-weight: 300; display: inline-block; width: 50px; text-align: center; border: none; border-bottom: 1px solid rgb(51,51,51); background: transparent; }
div#mse2_mfilter div.mse2_number_slider { margin: 1.4rem 0 1.4rem 7px; font-size: 0.7rem; width: 80%; }
div#mse2_mfilter .hidden { display: none; }
div#mse2_mfilter .disabled { color: #aaa; }
button.btn-light, button.btn-primary, button.filtras2 { margin: 0.5rem 0.5rem 0 0; padding: 0.6rem 1rem; color: #ffffff; background: rgb(72, 159, 255); font-family: "Montserrat", sans-serif; font-size: 0.95rem; font-weight: 400; border: none; border-radius: 4px; }
button.filtras { margim: 0; padding: 1rem 1rem; color: #ffffff; background: rgb(72, 159, 255);  font-family: "Montserrat", sans-serif; font-size: 0.95rem; font-weight: 400;  border: none; border-radius: 4px; float: right; }
button.fixed { margin: 0; width: auto; position: fixed; top: 0; left: 40px; right: 40px; z-index: 2; }
button.fixed2 { margin: 0; position: fixed; top: 0; z-index: 2; width: 20%; }
button.showhide, button.show { color: rgb(72, 159, 255); margin: 1.55rem 0 0 0; padding: 0; background: none; font-family: "Montserrat", sans-serif; font-size: 0.85rem; font-weight: 600;  border: none; text-transform: uppercase; letter-spacing: 0.03em; }
button.showhide::first-letter, button.show::first-letter { color: rgb(72, 159, 255); }

.n01{order:1}.n02{order:2}.n03{order:3}.n04{order:4}.n05{order:5}.n06{order:6}.n07{order:7}.n08{order:8}.n09{order:9}.n10{order:10}.n11{order:11}.n12{order:12}.n13{order:13}.n14{order:14}.n15{order:15}.n16{order:16}.n17{order:17}.n18{order:18}.n19{order:19}.n20{order:20}.n21{order:21}.n22{order:22}.n23{order:23}.n24{order:24}.n25{order:25}.n26{order:26}.n27{order:27}.n28{order:28}.n29{order:29}.n30{order:30}.n31{order:31}.n32{order:32}.n33{order:33}.n34{order:34}.n35{order:35}.n36{order:36}.n37{order:37}.n38{order:38}.n39{order:39}.n40{order:40}.n41{order:41}.n42{order:42}.n43{order:43}.n44{order:44}.n45{order:45}.n46{order:46}.n47{order:47}.n48{order:48}.n49{order:49}.n50{order:50}.n51{order:51}.n52{order:52}.n53{order:53}.n54{order:54}.n55{order:55}.n56{order:56}.n57{order:57}.n58{order:58}.n59{order:59}.n60{order:60}.n61{order:61}.n62{order:62}.n63{order:63}.n64{order:64}.n65{order:65}.n66{order:66}.n67{order:67}.n68{order:68}.n69{order:69}.n70{order:70}.n71{order:71}.n72{order:72}.n73{order:73}.n74{order:74}.n75{order:75}.n76{order:76}.n77{order:77}.n78{order:78}.n79{order:79}.n80{order:80}.n81{order:81}.n82{order:82}.n83{order:83}.n84{order:84}.n85{order:85}.n86{order:86}.n87{order:87}.n88{order:88}.n89{order:89}.n90{order:90}.n91{order:91}.n92{order:92}.n93{order:93}.n94{order:94}.n95{order:95}.n96{order:96}.n97{order:97}.n98{order:98}.n99{order:99}

p#mse2_selected { display: none; padding: 5px 0 5px 0; border-radius: 3px; }

div#productlist { flex: 5 1 0;  }
ul#mse2_results {	margin: 3rem 0 4.5rem 0; padding: 0; list-style-type: none; display: grid; gap: 80px 30px; grid-template-columns: repeat(auto-fit, minmax(200px, auto)); justify-content: space-between; }
ul#mse2_results li a { display: block; background: none; max-width: 220px;}
ul#mse2_results li a:hover span { background: rgb(10, 211, 157); }
ul#mse2_results span { margin: 0; padding-bottom: 6px; display: block; background: rgb(3, 58, 79); max-width: 220px; height: 140px; }
ul#mse2_results li img { display: block; width: 100%; height: 100%; object-fit: cover; }
ul#mse2_results li h5 { margin: 1rem 0; font-size: 0.85rem; line-height: 1.45; font-weight: 600; width: auto; }
ul#mse2_results li strong { margin: 0 20px 10px 0; font-size: 1.05rem; line-height: 1; color: rgb(72, 159, 255); font-weight: 600; letter-spacing: 0.03rem; display: block; float: left; }
ul#mse2_results li div { float: left; }

ul#mse2_results li a.energy, ul.prodinfo li a.energy { color: rgb(255, 255, 255); padding: 0 0 0 8px; background:  url(../images/elabelback.svg) center right -3px no-repeat; font-size: 0.85rem; line-height: 1.25; font-weight: 500; box-sizing: border-box; }



ul#mse2_results li a.Aaaa, ul.prodinfo li a.Aaaa { background-color: rgb(0, 150, 65); width: 50px; }
ul#mse2_results li a.Aaa, ul.prodinfo li a.Aaa { background-color: rgb(80, 175, 50); width: 60px; }
ul#mse2_results li a.Aa, ul.prodinfo li a.Aa { background-color: rgb(190, 215, 50); width: 70px; }
ul#mse2_results li a.A, ul.prodinfo li a.A { background-color: rgb(250, 230, 50); width: 80px; }
ul#mse2_results li a.B, ul.prodinfo li a.B { background-color: rgb(250, 185, 0); width: 90px; }
ul#mse2_results li a.C, ul.prodinfo li a.C { background-color: rgb(245, 110, 30); width: 100px; }
ul#mse2_results li a.D, ul.prodinfo li a.D { background-color: rgb(235, 25, 35); width: 110px; }
ul#mse2_results li a.energy sup, ul.prodinfo li a.energy sup { vertical-align: -2px;}
ul#mse2_results li a.techdata, ul.prodinfo li a.techdata { margin: 10px 0 0 0; font-size: 0.7em; line-height: 1; background: linear-gradient( rgba(72, 159, 255, 0.12)); background-size: 100% 0.8em;}
ul#mse2_results li a:hover.techdata, ul.prodinfo li a:hover.techdata { background: linear-gradient( rgba(10, 211, 157, 0.12)); }

p.prlimit { margin: -2.65rem 0 0 0; font-size: 0.95rem; float: right; }
p.prlimit select {  margin: 0 0 0 0.4em; font-size: 1.05rem; display: inline-block; vertical-align: 0.05rem;}

ul.mse2_pagination { margin: 2.8rem 0; font-size: 0.95rem; padding: 0; list-style-type: none; text-align: center;}
ul.mse2_pagination li { margin: 0 0.3rem; display: inline-block; }
ul.mse2_pagination li a { padding: 0 0.4rem;  background: none; }
ul.mse2_pagination li.active a, ul.mse2_pagination li a:hover  { color: rgb(255,255,255); background: rgb(10, 211, 157); }
ul.mse2_pagination li.disabled a { color: rgb(51,51,51); }
ul.mse2_pagination li.disabled a:hover { color: rgb(180,180,180); background: none; }

div.products.widecol div#mse2_mfilter { padding: 0 3em 0 0; box-sizing: border-box; flex: 1 1 0; }
div.products.widecol div#productlist { flex: 3 1 0;  }

ul#mse2_results.aktualijos  {	grid-template-columns: repeat(auto-fit, minmax(320px, auto)); }
ul#mse2_results.aktualijos li a { max-width: 340px;}
ul#mse2_results.aktualijos span { max-width: 340px; height: 220px; }
ul#mse2_results em { margin: 0 0.75em 0 0; color: rgb(72, 159, 255); font-weight: 700; font-style: normal; display: inline-block; letter-spacing: 0.05rem;}
ul#mse2_results.aktualijos li h5 { margin: 1.55rem 0; font-size: 0.95rem; line-height: 1.55; font-weight: 400; }
ul#mse2_results.aktualijos li p { font-size: 0.95rem; line-height: 1.55; }



p#mse2_sort { margin: 1.6em 0 1.4em 0; font-size: 1em; text-transform: uppercase; letter-spacing: 0.05em; }
p#mse2_sort a { margin: 0 0 0 0.4em; font-size: 1.1em; text-transform: none; letter-spacing: normal; display: inline-block; }
p#mse2_sort a.sort[data-dir="asc"] span:after { content: "⇡"; }
p#mse2_sort a.sort[data-dir="desc"] span:after { content: "⇣"; }
p#mse2_sort a.active { background: none; font-weight: 600; }
p#mse2_sort a.active span:after { color: rgb(10, 211, 157); font-weight: 400; }




ul#katalogai {margin: 2.8rem 0 4.2rem 0; padding: 0; list-style-type: none; display: grid; gap: 70px 30px; grid-template-columns: repeat(auto-fit, minmax(240px, auto)); justify-content: space-between; }
ul#katalogai li { margin: 0; }
ul#katalogai li a { display: block; background: none; }
ul#katalogai span { padding-bottom: 6px; display: block; background: linear-gradient(rgb(3, 58, 79)); width: 240px; height: 340px; }
ul#katalogai li a:hover span, ul#katalogai li a:hover strong { background: linear-gradient(rgb(0, 211, 157));}
ul#katalogai li img  { display: block; width: 100%; height: 100%; object-fit: cover; }
ul#katalogai li h5 { margin: 1.2rem 0; font-size: 0.95rem; line-height: 1.2; font-weight: 600; }
ul#katalogai li strong { padding: 0.4rem 0.8rem; color: rgb(255,255,255); background: rgb(3, 58, 79); font-size: 1.05rem; font-weight: 400; }
ul#darbuotojai { margin: 2.8rem 0 4.2rem 0; padding: 0; list-style-type: none; display: grid; gap: 70px 30px; grid-template-columns: repeat(auto-fit, minmax(220px, auto)); justify-content: space-between; }
ul#darbuotojai li { margin: 0; background: linear-gradient(45deg, rgb(3, 58, 79),rgb(3, 58, 79)) center top / 220px 276px no-repeat; width: 220px; }
ul#darbuotojai li:hover { background: linear-gradient(rgb(10, 211, 157)) center top / 220px 276px no-repeat; }
ul#darbuotojai li div { background: top center /  220px 270px no-repeat; height: 270px; }
ul#darbuotojai li h5 { margin: 1.65rem 0 0.5rem 0; font-size: 1.05rem; line-height: 1.2; font-weight: 600; text-transform: none;  letter-spacing: normal;  }
ul#darbuotojai li p { margin: 0; font-size: 0.9rem; line-height: 1.3; }
ul#darbuotojai li h5 + p { margin: 0 0 1.25rem 0;  font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500;}
ul#darbuotojai li a { background: none; } 
ul#darbuotojai li a:not([href^="tel"]):hover { background: linear-gradient(rgba(10, 211, 157, 0.12)); }
ul#darbuotojai a[href^=tel] { font-weight: 600; }
ul#darbuotojai li.large { padding: 0; margin: auto; background: rgb(255,255,255); width: auto; max-width: 1400px; max-height: 800px; position: fixed; z-index: 1000; top: 10%; left: 10%; bottom: 10%; right: 10%; box-shadow: 1px 1px 3px rgba(0,0,0,0.20); }
ul#darbuotojai li.large div { background: bottom left /  contain no-repeat; height: auto; position: absolute;  top: 0; left: 0; bottom: 0; right: 0; opacity: 1; z-index: -1; }
ul#darbuotojai li.large > a { cursor: default; }
ul#darbuotojai li.large button { margin: 0 auto; padding: 1.05rem 1.95rem; color: #ffffff; background: rgb(72, 159, 255); font-family: "Montserrat", sans-serif; font-size: 1.05rem; line-height: 1; font-weight: 500; border: none; cursor: pointer; position: absolute; bottom: 0px; left: min(40vw, 52.5%); }
ul#darbuotojai li.large h5 { padding: 2px 7px; background: rgb(255,255,255); margin-left: min(40vw, 52%); margin-top: min(500px, 43vh); font-size: 1.7rem; }
ul#darbuotojai li.large p { padding: 2px 7px; background: rgb(255,255,255); margin-left: min(40vw, 52%); font-size: 1.3rem; }
ul#darbuotojai li.large h5 + p { font-size: 0.85rem; }


/* Product Page */
div.product section:first-of-type { display: flex; flex-wrap: wrap; align-items: center; }
div.product section:first-of-type p.prodimage { flex: 0 1 auto; }
div.tabs.product section:first-of-type { display: none; }
div.tabs.product section:first-of-type.active { display: flex; }
p.prodimage a { margin: 0 4rem 1rem 0; background: linear-gradient(180deg, rgb(72, 159, 255),rgb(72, 159, 255)) center top no-repeat; display: inline-block; max-width: 340px; max-height: 220px; }
p.prodimage img { display: block; width: 100%; height: 100%; object-fit: cover; }
p.prodimage + ul, p.prodimage + p, p.prodimage + h2, p.prodimage + h3 { flex: 1 1 0; padding-bottom: 1.5em; }

p.note1 { margin: 2.8em 0 1.4em 0; font-size: 0.85em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; width: 100%;}
p.published { margin: 2em 0 0 0; color: rgb(72, 159, 255); font-size: 1.4em; line-height: 1; font-weight: 600; }

ul.prodinfo { margin: 0 0 4rem 0;  padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; align-content: flex-start; gap: 20px 30px; width: 100%; order: -10; list-style-type: none; }
ul.prodinfo li { margin: 0 0 ; font-size: 1.15rem; line-height: 1.15rem; font-weight: 600; white-space: nowrap; }
ul.prodinfo li em { margin: 0 0.5em 0 0; font-size: 0.7rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; font-style: normal; }
ul.prodinfo li strong { color: rgb(72, 159, 255); font-weight: 600;  }
ul.prodinfo li:last-of-type em { display: none; }
ul.prodinfo li:last-of-type  { flex-grow: 2; text-align: right; }
ul.prodinfo li a.energy { font-size: 1rem; line-height: 1.3rem; text-align: left; display: inline-block;  }
ul.prodinfo li a.techdata { margin: 0 0 0 1em; font-size: 0.7rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }

.twothirds { width: 67%; }

dl.techduomenys { display: flex; flex-wrap: wrap; }
dl.techduomenys dd { margin: 0; padding: 1.5em 0 0.5em 0; width: 25%; font-weight: 400; background: linear-gradient(90deg, rgb(10,211,157) 70%,rgb(10,211,157) 100%) center bottom no-repeat; background-size: 100% 2px; }
dl.techduomenys dt { margin: 0; padding: 1.5em 0 0.5em 0; font-size: 1.05rem; width: 75%; font-weight: 400; background: linear-gradient(90deg, rgb(3, 58, 79) 80%,rgb(10,211,157) 100%) center bottom no-repeat; background-size: 100% 2px; } 
dl.techduomenys dt strong { margin-left: 0.6em; font-weight: 600; } dl.techduomenys dd { text-align: center; }
dl.techduomenys dt.hlight, dl.techduomenys dd.hlight { background-color: rgba(72, 159, 255,0.05); }

div#techtable table { margin: 0; padding: 0; width: 100%; border-collapse: collapse; }
div#techtable table td { margin: 0; padding: 15px 5px; width: auto; text-align: center;  border-bottom: 2px solid rgb(3, 58, 79); border-top: 2px solid rgb(3, 58, 79); border-left: 1px solid rgb(3, 58, 79); border-right: 1px solid rgb(3, 58, 79);}
div#techtable table tr:first-child, div#techtable table tr:first-child+tr  { font-weight: 700; }
div#techtable table td:last-child { width: 25%; }
div#techtable table colgroup col  { width: 0; }

ul.prodgallery { margin: 0; padding: 0; list-style-type: none; display: grid; gap: 70px 40px; grid-template-columns: repeat(auto-fit, minmax(280px, auto)); justify-content: space-between; }
p + ul.prodgallery.project { margin: 4.2rem 0 0 0; }
ul.prodgallery li { margin: 0; max-width: 340px; max-height: 220px; }
ul.prodgallery li a { background: linear-gradient(rgb(72, 159, 255)); display: block; width: 100%; height: 100%; }
ul.prodgallery li a:hover, p.prodimage a:hover { background: linear-gradient(rgb(10,211,157)); }
ul.prodgallery li img { padding: 0; display: block; width: 100%; height: 100%; object-fit: cover; }

p.video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
p.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Contacts */
dl.contact { float: left; }
dl.contact dt { margin: 0 0 0.4rem 0; font-size: 0.95rem; font-weight: 600; }
dl.contact dd + dt { margin-top: 2rem; }
dl.contact dd strong { margin: 0 0.5em 0 0; font-size: 0.7rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; }
p.map iframe { margin: 0.6em 0 0 0; float: right; width: 55%; height: 35rem; border: none; }
form#message { text-align: center; display:  flex; flex-wrap: wrap; justify-content: space-between; }
form#message p { margin: 0 0 2.4em 0; width: 22%; }
form#message p:nth-of-type(5) { width: 74%; }
form#message label { margin: 0 0 1em 0; display: block; font-style: italic; }
form#message input, form#message textarea { color: rgb(72,73,75); font-family: "Source Sans Pro", sans-serif; font-size: 1em; line-height: 1.4; text-align: center; width: 100%; border: none; border-bottom: 2px solid rgb(72, 159, 255); box-sizing: border-box; }
form#message textarea { width: 100%; margin: 0 auto;  height: 8em; display: block; } 
form#message p:last-of-type { display:  flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
form#message label.kiek{ margin: 0; }
form#message input#bus { width: 50px; }
form#message input#button { padding: 0.6em 0; color: #ffffff; background: rgb(72, 159, 255); border: none; }
form#message label span.error { color: rgb(10, 211, 157); font-size: 0.85em; font-style: italic; }

/* Search results */
ul.searchresults { padding: 0; list-style-type: none;  -moz-columns: auto 2; -webkit-columns: auto 2; columns: auto 2; column-gap: 4rem; }
ul.searchresults li { margin: 0; padding: 0 0 1.55rem 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
ul.searchresults li > strong { width: 1.44em; display: inline-block; font-size: 0.75em; vertical-align: text-bottom; }
ul.searchresults li em { font-size: 0.9rem; display: block; }

/* Site map */
ul#sitemap, ul#sitemap ul  { margin: 0; padding: 0; list-style-type: none; }
ul#sitemap ul  { margin: 0.35rem 0 0 0; }
ul#sitemap li { margin: 0 0 1.55rem 0; padding: 0; font-size: 1.25rem; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05rem;}
ul#sitemap li li, ul#sitemap li:first-child li { margin: 0; padding: 0; font-size: 0.95rem; line-height: 1.55; text-transform: none; font-weight: 400; }
ul#sitemap  li a { color: rgb(10, 211, 157); background: none; }
ul#sitemap  li li a { color: rgb(51, 51, 51); }
ul#sitemap  li li a:hover { background: rgba(10, 211, 157, 0.12); }
ul#sitemap  li:first-child li  a { display: none; }
ul#sitemap  li:first-child li li a { display: inline; }

/* Cookie Consent */
.cookieconsent { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; text-align:center; border-radius: 0; }
div.cookieconsent { border-color: #f5e79e; }
div.alert-warning { background-color: #fcf8e3; color: #8a6d3b; }
.cookieconsent p { line-height: 2; }
.cookieconsent p.text-center { text-align: center; }
.cookieconsent .btn-info { border-color: #965cc5; color: #fff; background-color: #b891d8; border-color: #b891d8; }
.cookieconsent .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; white-space: nowrap; padding: 6px 12px; font-size: 18px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* WINDOW WIDTH ADAPTATIONS */


/* 0 - 1280  */

@media only screen and (max-width: 1280px) { 

ul#prodintro { width: auto; left: 40px; right: 40px; }

}


/* 768 - 1100 */

@media only screen and (max-width: 1100px) and (min-width: 769px) {

ul#menu { margin: 35px 0 0 0; line-height: 1.7rem;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
 }
 ul#menu.showall { row-gap: 0;}


ul#darbuotojai li.large button { left: min(40vw, 45%); }
ul#darbuotojai li.large h5 { margin-left: min(40vw, 45%); margin-top: min(500px, 45vh); font-size: 1.35rem; }
ul#darbuotojai li.large p { margin-left: min(40vw, 45%); font-size: 1.1rem; }
ul#darbuotojai li.large h5 + p { font-size: 0.75rem; }

}

/* SMALL DEVICES */

@media only screen and (max-width: 768px) {


/* Body */



/* Header */

@keyframes gradient { 0% { background-position: 50% 145px, center 300px, 0% 0%, 0% 0%, top center, top center; background-size: auto, auto, 600% 300px, 400% 300px, 200% 300px, auto;}
	50% { background-position: 50% 145px, center 300px, 100% 0%, 100% 0%, top center, top center; background-size: auto, auto, 300% 300px, 600% 300px, 500% 300px, auto; }
	100% { background-position: 50% 145px, center 300px, 0% 0%, 0% 0%, top center, top center; background-size: auto, auto, 600% 300px, 400% 300px, 200% 300px, auto; }}

div#headerimage { height: 340px; }
.header-rotator-layer { height: 340px; background-position: left 50% bottom 0px; background-size: auto 50%; }
div.headercover { background-image: linear-gradient( rgba(3,58,79,0.6)); height: auto; z-index: 3; display: none; backdrop-filter: blur(30px);  }

header { grid-template-columns: minmax(150px, 200px) minmax(145px, 488px); grid-template-areas: "  hlogo menusearch  " "  menu menu  " "  headline headline  " ; min-height: 300px; }
a#hlogo, form#sform { position: relative; z-index: 100; }
ul#menusearch { column-gap: 20px; z-index: 10; }
ul#menusearch button { color: transparent; font-size: 0; }
div#paeiska { margin: 100px 0 0 0; display: none; }
ul#menu { margin: 100px 0 0 0; font-size: 0.8rem;  line-height: 1.7rem; grid-template-columns: auto; grid-template-rows: 0; grid-auto-rows: 0; z-index: 10;}
ul#menu.showall { grid-template-rows: auto; grid-auto-rows: auto; row-gap: 10px; }
dl#kontaktai { grid-area: kontaktai; display: none; }

h1#headline { margin: 3rem 0 -6px 0; padding: 0; font-size: 1.8rem; line-height: 2rem; text-align: center;} 


/* Footer */

footer p { margin: 0 0 0.85rem 0; font-style: normal; }
footer address strong { display: block; }


/* MAIN */



main h1 { margin: 6rem 0 0 0; padding: 0; font-size: 1.35rem; line-height: 1.4; text-align: center; }


/* Generic layout */

div.narrowcol { padding: 4em 0; }
div.two, section.two { -moz-columns: auto auto; -webkit-columns: auto auto; columns: auto auto; }
div.three, section.three { -moz-columns: auto auto; -webkit-columns: auto auto; columns: auto auto; }

/* Tabs */


nav.tabslist ul { background: rgb(255, 255, 255); font-size: 1.05rem; line-height: 1.55; box-sizing: content-box; overflow: hidden; position: relative; min-height: 3rem; text-align: left; border-bottom: 5px solid rgb(3, 58, 79); }
nav.tabslist ul.open { height: auto; }
nav.tabslist ul::after { content: "☰"; font-size: 2rem; line-height: 1.3; position: absolute; top: 0px; right: 15px; z-index: 2; pointer-events: none; background: transparent; color: rgb(10, 211, 157); }
nav.tabslist ul li { display: block; background: rgb(255, 255, 255); }
nav.tabslist ul.open a { position: static; }
nav.tabslist ul a { padding: 10px 15px; position: absolute; inset: 0px; min-height: 1.75rem; }
nav.tabslist ul li a.active, nav.tabslist ul a:hover  { color: rgb(10, 211, 157);  background: rgb(255, 255, 255); z-index: 1; }
nav.tabslist ul.open li a.active { color: rgb(10, 211, 157);  }


/* Filtering And Product List */

div#mse2_mfilter, div.products.widecol div#mse2_mfilter { padding: 6vw 6vw 7em 6vw;  background: rgba(255,255,255,0.97);  width: auto; overflow: auto; position: fixed; z-index: 1000; top: 0; bottom: 40px; left: 40px; right: 40px; box-shadow: 1px 1px 3px rgba(0,0,0,0.20); display: block; }

p.buttonstop, p.buttons { margin-bottom: 0; width: 40%; position: fixed; bottom: 40px; z-index: 3; }
p.buttonstop { left: 40px; } p.buttons { right: 40px; }
button.btn-light, button.btn-primary, button.filtras2 { padding: 1rem 0; margin: 0; width: 100%; }
button.fixed2 { positio: static; }

div#productlist { width: 100%; }
div#productlist.fixed { padding-top: 5.2em; }
ul#mse2_results { justify-content: space-around; }
p.prlimit { margin: 0; float: none; }
ul.mse2_pagination li { margin: 0.8em 0.4em; }
ul#katalogai { justify-content: space-around; }

ul#darbuotojai li.large button { left: min(40vw, 45%); }
ul#darbuotojai li.large h5 { margin-left: min(40vw, 45%); margin-top: min(500px, 47vh); font-size: 1.25rem; }
ul#darbuotojai li.large p { margin-left: min(40vw, 45%); font-size: 0.95rem; }
ul#darbuotojai li.large h5 + p { font-size: 0.75rem; }

/* Product Page */

div.product section:first-of-type { display: block; }
div.product section:first-of-type p.prodimage { width: 100%; }
div.tabs.product section:first-of-type { display: none; }
div.tabs.product section:first-of-type.active { display: block; }
p.prodimage a { margin: 0 0 1rem 0; }
p.prodimage + ul, p.prodimage + p, p.prodimage + h2, p.prodimage + h3 { width: 100%; padding-bottom: 0em; }
ul.prodinfo li:last-of-type  { text-align: left; }
.twothirds { width: 100%; }
dl.techduomenys dd, dl.techduomenys dt  { font-size: 0.95rem; }
div#techtable table td { margin: 0; padding: 10px 5px; width: auto; text-align: center; font-size: 0.85rem; }


/* Contacts */

dl.contact { float: none; }
p.map iframe { margin: 1.4em 0 0 0; float: none; width: 100%;  }

/* Search results */
ul.searchresults { -moz-columns: auto auto; -webkit-columns: auto auto; columns: auto auto; }


}

/* 0 - 414 */

@media only screen and (max-width: 414px) { 


ul#prodintro { height: 70%; max-height: 130vw;  flex-direction: column; }
ul#prodintro li { backgroun: url(../images/silumos-siurbliai-intro-01.jpg)  center -40px / cover no-repeat; background-clip: content-box; } 
ul#prodintro li:first-of-type { backgroun: url(../images/kondicionieriai-intro-01.jpg) center 0 / cover no-repeat; background-clip: content-box; }
ul#prodintro li:last-of-type { backgroun: url(../images/vedinimo-sistemos-intro-01.jpg) center -20px / cover no-repeat; background-clip: content-box; }
ul#prodintro li a { padding: 5% 0 0 0; font-size: 5vw; }
ul#prodintro li:last-of-type button { margin: 0 auto; padding: 0.8em 1.8em; color: #ffffff; background: rgb(72, 159, 255); font-size: 0.8em; line-height: 1; font-weight: 600; border: none; cursor: pointer; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%) }

ul#darbuotojai li.large button { margin: 0 auto; font-size: 0.9em;  left: 50%; transform: translateX(-50%) }
ul#darbuotojai li.large h5 { margin-left: 10%; margin-top: 4vh; }
ul#darbuotojai li.large p { margin-left: 10%; }

}


/* 0 - 414 */

@media only screen and (max-width: 768px) and (max-height: 420px) { 

ul#darbuotojai li.large button { left: min(40vw, 45%); }
ul#darbuotojai li.large h5 { margin-left: min(40vw, 45%);  margin-top: 15vh; }
ul#darbuotojai li.large p { margin-left: min(40vw, 45%);  }

}