:root { --navy: #0E1D3A; --navy-dark: #081326;  --ivory: #F5F1E8; --white: #FFFFFF; --gray-800: #333333; --gray-600: #555555; --gray-400: #888888; --gray-200: #E6E6E6; --gray-100: #EFEBE1;  --gold: #D4A24A; --gold-soft: #E4C584;  --bg-page: var(--ivory);
--bg-dark: var(--navy);
--surface-card: var(--white);
--surface-sunken: var(--gray-100);
--text-strong: var(--navy); --text-body: #24314F; --text-muted: var(--gray-600); --text-faint: var(--gray-400); --text-on-dark: var(--ivory); --text-on-dark-muted: #AAB2C4; --border-hairline: var(--gray-200);
--border-strong: var(--navy);
--accent: var(--gold); --focus-ring: rgba(14, 29, 58, 0.35);  --navy-a05: rgba(14, 29, 58, 0.05);
--navy-a08: rgba(14, 29, 58, 0.08);
--navy-a12: rgba(14, 29, 58, 0.12);
--navy-a24: rgba(14, 29, 58, 0.24);
--navy-a40: rgba(14, 29, 58, 0.40);
--navy-a60: rgba(14, 29, 58, 0.60);
--navy-a80: rgba(14, 29, 58, 0.80); --ivory-a08: rgba(245, 241, 232, 0.08);
--ivory-a12: rgba(245, 241, 232, 0.12);
--ivory-a20: rgba(245, 241, 232, 0.20);
--ivory-a40: rgba(245, 241, 232, 0.40);
--ivory-a70: rgba(245, 241, 232, 0.70); --gold-a12: rgba(212, 162, 74, 0.12);
--gold-a20: rgba(212, 162, 74, 0.20);
--gold-a40: rgba(212, 162, 74, 0.40); --scrim: rgba(8, 19, 38, 0.40); --overlay-dark: rgba(8, 19, 38, 0.72); --hover-well: var(--navy-a05); --hover-well-dark: var(--ivory-a12); --divider-on-dark: var(--ivory-a12); --border-on-dark: var(--ivory-a20); --surface-translucent: rgba(255, 255, 255, 0.72); --surface-translucent-dark: rgba(14, 29, 58, 0.55); }  :root { --font-heading: 'Cormorant Garamond', Garamond, 'Times New Roman', serif;
--font-body: 'IBM Plex Sans', 'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --fs-display: 3.5rem; --lh-display: 1.05;
--fs-h1: 2.5rem; --lh-h1: 1.1;
--fs-h2: 1.875rem; --lh-h2: 1.2;
--fs-h3: 1.375rem; --lh-h3: 1.3;
--fs-lead: 1.25rem; --lh-lead: 1.6;
--fs-body: 1.0625rem; --lh-body: 1.6;
--fs-small: 0.9375rem; --lh-small: 1.5;
--fs-eyebrow: 0.8125rem; --lh-eyebrow: 1.4; --fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700; --tracking-eyebrow: 0.08em;
--tracking-tight: -0.01em;
}  :root { --space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-7: 48px;
--space-8: 64px;
--space-9: 96px;
--space-10: 128px; --section-pad-y: 96px; --section-pad-y-lg: 128px; --content-max: 1200px; --gutter: 24px; --radius-input: 4px; --radius-card: 8px; --radius-pill: 999px; --shadow-card: 0 8px 24px rgba(14, 29, 58, 0.08);
--shadow-card-hover: 0 12px 32px rgba(14, 29, 58, 0.12);
--shadow-pop: 0 16px 48px rgba(8, 19, 38, 0.18); --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--dur-fast: 140ms;
--dur-base: 220ms;
--dur-slow: 360ms;
}  :root {
--bp-sm: 560px;
--bp-md: 768px;
--bp-lg: 920px;
--bp-xl: 1200px;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
margin: 0;
padding: 0;
background: var(--ivory);
color: var(--text-body);
font-family: var(--font-body);
scroll-behavior: smooth;
}
body {
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
color: var(--text-body);
background: var(--ivory);
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.layouts-title {
font-size: 26px;
margin:15px 0px;
}
.layouts ul li {
margin-bottom:5px;
}
.layouts ul li a {
font-size: 17px;
display: inline-block;
padding:3px 10px;
}
.layouts ul li a:hover {
background:#000;
color:#fff;
} .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: left;
} .nopad {
padding:0px;
}
.nopadleft {
padding-left:0px;
}
.nopadright {
padding-right:0px;
}
strong, b {
font-weight: bold;
}
i {
font-style: italic;
}
em {
font-style: italic;
}
.clear {
clear:both;
}
.left {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.right {
float:right;
margin-left:15px;
margin-bottom:15px;
}
.alignleft {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.alignright {
float:right;
margin-left:15px;
margin-bottom:15px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
max-width: 100%;
margin-bottom: 15px;
}
.invi {
visibility: hidden;
opacity: 0;
}
.object-fit {
position: relative;
}
.object-fit > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
object-fit: cover;
}
.object-fit.object-contain > img {
-o-object-fit: contain;
object-fit: contain;
}
.object-fit > video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
object-fit: cover;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
.submitting button,
.submitting input[type="button"] {
pointer-events: none;
}  .preloader {
display: inline-block;
width: 25px;
height: 25px;
border: 3px solid hsla(0,0%,100%,.3);
border-top-color: rgba(255, 255, 255, 0.3);
border-right-color: rgba(255, 255, 255, 0.3);
border-bottom-color: rgba(255, 255, 255, 0.3);
border-left-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #ccc !important;
-webkit-animation: a 1s ease-in-out infinite;
animation: a 1s ease-in-out infinite;
z-index: 50;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
} .hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 0;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
float: right;
display: none;
}
.hamburger:hover {
opacity: 1;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 28px;
height: 20px;
float: right;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
border-radius: 2px;
position: absolute;
width: 28px;
height: 2px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #746f6c;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:before {
top: -7px;
}
.hamburger-inner:after {
bottom: -7px;
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease, opacity 75ms ease .12s;
opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
transform: rotate(-90deg);
}
a {
color: var(--navy);
text-decoration: none;
transition: color 140ms var(--ease-standard);
}
a:hover {
color: var(--navy-dark);
}
.grid-container {
width: 100%;
max-width: 1200px;
padding-left: 32px;
padding-right: 32px;
position: relative;
z-index: 10;
}
.grid-container.grid-container-mdl {
max-width: 980px;
}
.grid-container.grid-container-md {
max-width: 920px;
}
.grid-container.grid-container-mds {
max-width: 880px;
}
.grid-container.grid-container-sm {
max-width: 760px;
}
.grid-container.nopad {
padding-left: 0;
padding-right: 0;
}
.title-xl {
font-family: var(--font-heading);
font-weight: 700;
font-size: calc(clamp(1.9rem, 1.15rem + 3vw, 4rem) * var(--hero-title-scale, 1));
line-height: 1.24;
letter-spacing: -0.015em;
}
.title-lg {
font-family: var(--font-heading);
font-weight: 700;
font-size: clamp(2rem, 1.4rem + 2.2vw, 3rem);
line-height: 1.26;
letter-spacing: -0.02em;
}
.title-lg:not(:last-child) {
margin-bottom: 18px;
}
.title-42 {
font-family: var(--font-heading);
font-weight: 700;
font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem);
line-height: 1.25;
letter-spacing: -0.02em;
color: var(--navy);
}
.title-md {
font-family: var(--font-heading);
font-weight: 700;
font-size: 2.1rem;
line-height: 1.28;
color: var(--navy);
letter-spacing: -0.02em;
}
.title-md:not(:last-child) {
margin-bottom: 22px;
}
.title-30 {
font-family: var(--font-heading);
font-weight: 700;
font-size: 1.9rem;
line-height: 1.26;
letter-spacing: -0.01em;
color: var(--navy);
margin: 0px 0px 16px;
}
.title-26 {
font-family: var(--font-heading);
font-weight: 600;
font-size: 26px;
color: var(--navy);
}
.title-24 {
font-family: var(--font-heading);
font-weight: 600;
font-size: 1.5rem;
line-height: 1.25;
color: var(--navy);
}
.title-22 {
font-family: var(--font-heading);
font-weight: 600;
font-size: 1.35rem;
line-height: 1.25;
color: var(--navy);
}
.title-21 {
font-family: var(--font-heading);
font-weight: 700;
font-size: 1.3rem;
line-height: 1.25;
color: var(--navy);
margin-bottom: 22px;
}
.title-20 {
font-family: var(--font-heading);
font-weight: 600;
font-size: 1.25rem;
color: var(--navy);
}
.title-18 {
font-family: var(--font-heading);
font-weight: 600;
font-size: 1.15rem;
color: var(--ivory);
}
.text-18 {
font-size: 1.15rem; }
.text-17 { line-height: 1.65;
}
.text-17 p:not(:last-child) {
margin-bottom: 18px;
}
.text-15 {
font-size: 15px;
line-height: 1.6;
}
.text-14 {
font-size: 14px;
line-height: 1.5;
}
.pt-reg {
padding-top: 96px;
}
.pb-reg {
padding-bottom: 96px;
}
.pt-md {
padding-top: 72px;
}
.pb-md {
padding-bottom: 72px;
}
.pt-sm {
padding-top: 56px;
}
.pb-sm {
padding-bottom: 56px;
}
.mt-28 {
margin-top: 28px;
}
.section-label {
font-weight: 600;
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 26px;
}
.text-muted {
color: var(--text-muted) !important;
}
.bg-navy-dark {
background: var(--navy-dark);
color: var(--ivory);
}
.bg-navy {
background: var(--navy);
color: var(--ivory);
}
.bg-navy-dark .text-muted,
.bg-navy .text-muted {
color: var(--text-on-dark-muted) !important;
}
.bg-navy-dark .title-22,
.bg-navy .title-22 {
color: var(--ivory);
}
.bg-grey-100 {
background: var(--gray-100);
}
.hero-tt {
min-height: 294px;
padding: 84px 0 48px;
}
.hero-tt .text-18 {
max-width: 36em;
}
.grid-half {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}
.box-white {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
}
.box-white.iconed-features {
padding: 42px 48px 28px;
}
.iconed-features-item {
display: flex;
gap: 16px;
padding: 16px 8px;
}
.iconed-features-item .title-22 {
margin-bottom: 4px;
}
.iconed-features-item-icon {
font-size: 24px;
color: var(--accent);
flex: 0 0 auto;
}
.msi {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-flex;
white-space: nowrap;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.team-grid-item {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out);
}
.team-grid-item:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.team-grid-item-top { background: var(--navy);
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-family: var(--font-heading);
font-weight: 700;
font-size: 46px;
letter-spacing: 0.14em;
color: var(--ivory);
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
.team-grid-item-top:before,
.team-grid-item-top:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 104px;
border: 5px solid var(--ivory-a40);
}
.team-grid-item-top:before {
left: 38px;
border-right: 0;
}
.team-grid-item-top:after {
right: 38px;
border-left: 0;
}
.team-grid-item-top > span {
position: absolute;
inset: 0px;
background: radial-gradient(circle at 74% 16%, var(--gold-a20), transparent 62%);
}
.team-grid-item-top-image {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
.team-grid-item-top-wrap {
position: relative;
padding-bottom: 67.1%;
}
.team-grid-item-bottom {
padding: 30px 32px 34px;
display: flex;
flex-direction: column;
flex: 1 1 0%;
}
.team-grid-item-name-position {
font-size: 14.5px;
line-height: 1.5;
color: var(--text-muted);
margin: 5px 0px 14px;
}
.team-grid-item .text-15 {
margin-bottom: 20px;
}
.team-grid-item-name-contacts {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 9px;
font-size: 14.5px;
}
.team-grid-item-name-contacts a {
display: inline-flex;
align-items: center;
gap: 9px;
cursor: pointer;
color: var(--navy);
transition: color var(--dur-fast) var(--ease-standard);
}
.team-grid-item-name-contacts a:hover {
color: var(--gold) !important;
}
.team-grid-item-name-contacts a span {
font-size: 18px;
color: var(--gold);
}
.section-top {
margin-bottom: 40px;
}
.testimonials-carousel-text {
font-family: var(--font-heading);
font-weight: 500;
font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2.3rem);
line-height: 1.35;
color: var(--ivory);
min-height: 3.4em;
}
.testimonials-carousel-name {
margin-top: 36px;
font-weight: 600;
}
.testimonials-carousel-name span {
display: block;
font-weight: 400;
font-size: 14.5px;
color: var(--text-on-dark-muted);
margin-top: 5px;
}
.testimonails-carousel-nav-hold {
margin-top: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#testimonialsDots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 9px;
min-height: 44px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 66px;
padding-right: 66px;
}
#testimonialsDots button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#testimonialsDots button span {
width: 8px;
height: 8px;
border-radius: 50%;
cursor: pointer;
background: var(--ivory-a20);
transition: var(--dur-fast) var(--ease-standard);
}
#testimonialsDots button.active span {
background: var(--gold);
}
#testimonialsNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
right: 0;
pointer-events: none;
}
#testimonialsNav button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid var(--border-on-dark);
background: transparent;
border-radius: 8px;
cursor: pointer;
color: var(--ivory);
transition: var(--dur-fast) var(--ease-standard);
pointer-events: all;
}
#testimonialsNav button:hover {
border-color: var(--gold) !important;
}
#testimonialsNav button span {
display: none;
}
.testimonails-carousel-nav {
position: relative;
}
.section-top .title-md:not(:last-child) {
margin-bottom: 10px;
}
.logo-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 28px;
align-items: center;
}
.section-top + .logo-grid {
margin-top: 48px;
}
.logo-grid-item {
display: flex;
align-items: center;
justify-content: center;
height: 88px;
min-width: 0;
}
.logo-grid-item img,
.logo-grid-item svg {
max-height: 44px;
}
footer {
padding: 76px 0 32px;
background: var(--navy);
color: var(--text-on-dark-muted);
}
.footer-top {
display: grid;
padding-left: 32px;
padding-right: 32px;
grid-template-columns: 1.6fr 1fr 1fr;
gap: 56px;
align-items: start;
}
.footer-logo {
margin-bottom: 24px;
}
.footer-logo a {
display: flex;
}
.footer-logo img { max-width: 258px;
max-width: 296px;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 14px;
}
.footer-links p {
display: inline-flex;
align-items: flex-start;
gap: 11px;
}
.footer-links p span {
font-size: 18px;
color: var(--gold);
}
.footer-links p a {
display: inline-flex;
align-items: flex-start;
gap: 11px;
color: var(--text-on-dark-muted);
transition: color .18s var(--ease-standard);
}
.footer-links p a:hover {
color: var(--gold);
}
.footer-coll-title.section-label {
margin-bottom: 18px;
}
.footer-nav ul {
display: flex;
flex-direction: column;
gap: 13px;
}
.footer-nav ul li {
display: flex;
}
.footer-nav ul li a {
font-size: 15px;
cursor: pointer;
color: var(--text-on-dark-muted);
transition: color .18s var(--ease-standard);
}
.footer-nav ul li a:hover {
color: #fff;
}
.footer-bottom {
border-top: 1px solid var(--ivory-a12);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: 24px;
margin-top: 44px;
padding-left: 32px;
padding-right: 32px;
}
.copyrights {
font-size: 13px;
}
.socials ul {
display: flex;
align-items: center;
gap: 14px;
}
.socials ul li {
display: flex;
}
.socials ul li a {
display: flex;
display: inline-flex;
align-items: center;
justify-content: center;
}
.socials ul li a svg {
transition: color .18s var(--ease-standard);
}
.socials ul li a:hover svg {
fill: #fff;
}
.video-hold a {
aspect-ratio: 16 / 9;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
}
.video-hold a span {
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--navy);
border: 1px solid var(--navy);
box-shadow: 0 10px 26px rgba(14, 29, 58, .28);
display: flex;
align-items: center;
justify-content: center;
color: var(--ivory);
cursor: pointer;
font-size: 28px;
z-index: 2;
}
.b-8,
.b-8 > img,
.b-8 > video  {
border-radius: 8px;
}
.animation-element.fade-up.in-view {
transform: translateY(0);
opacity: 1;
}
.animation-element.fade-up {
opacity: 0;
transform: translateY(20px);
transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
will-change: opacity, transform;
}
.animation-element.fade-in.in-view {
opacity: 1;
}
.animation-element.fade-in {
opacity: 0;
transition: opacity .6s var(--ease-out);
will-change: opacity;
}
.link-white,
.link-white:focus,
.link-white:active {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: var(--font-body);
font-weight: 600;
font-size: 16px;
color: var(--ivory);
cursor: pointer;
}
.link-white:hover {
color: var(--ivory);
}
.link-white.has-arrow:after {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-right-white-17px.svg) no-repeat center center / 100% 100%;
}
.link-white.has-remote:after {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-outward-white-17px.svg) no-repeat center center / 100% 100%;
}
.link-white.link-back:before {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-left-white-20px.svg) no-repeat center center / 100% 100%;
}
.link-grey.link-back:before {
content: '';
width: 17px;
height: 17px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-left-navy-20px.svg) no-repeat center center / 100% 100%;
}
.link-grey,
.link-grey:focus,
.link-grey:active {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
color: var(--navy);
cursor: pointer;
filter: grayscale(1);
opacity: 0.7;
transition: var(--dur-fast) var(--ease-standard);
}
.link-grey:hover {
filter: grayscale(0);
opacity: 1;
}
.link-black-arrow,
.link-black-arrow:focus,
.link-black-arrow:active {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: var(--font-body);
font-weight: 600;
font-size: 16px;
color: var(--navy);
cursor: pointer;
}
.link-black-arrow:hover {
color: var(--navy);
}
.link-black-arrow:after {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-farward.svg) no-repeat center center / 100% 100%;
}
.gold-underline {
background-image: linear-gradient(var(--gold), var(--gold));
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0% 2px;
padding-bottom: 4px;
transition: background-size .42s cubic-bezier(.16, 1, .3, 1), gap .3s cubic-bezier(.16, 1, .3, 1);
}
a:hover .gold-underline,
.gold-underline:hover {
background-size: 100% 2px;
}
.btn-white,
.btn-white:focus,
.btn-white:active {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6px;
min-height: 38px;
min-height: 48px;
padding: 0 16px;
padding: 0 26px;
border-radius: 8px;
background: var(--ivory);
color: var(--navy);
font-size: 15px;
font-weight: 600;
border: 1px solid var(--ivory);
transition: background .2s var(--ease-standard), color .2s var(--ease-standard), border-color .2s var(--ease-standard);
}
a:hover .btn-white,
.btn-white:hover {
background: var(--gold);
color: #fff;
border-color: var(--gold);
}
.btn-white.has-arrow:after {
content: '';
width: 17px;
height: 17px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-farward.svg) no-repeat center center / 100% 100%;
transition: 0.2s;
}
.btn-white.has-remote:after {
content: '';
width: 17px;
height: 17px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-outward-navy-17px.svg) no-repeat center center / 100% 100%;
transition: 0.2s;
}
a:hover .btn-white.has-remote:after,
.btn-white.has-remote:hover:after {
filter: brightness(0) invert(1);
}
a:hover .btn-white.has-arrow:after,
.btn-white.has-arrow:hover:after {
filter: brightness(0) invert(1);
}
.btn-navy,
.btn-navy:focus,
.btn-navy:active {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6px;
min-height: 38px;
padding: 0 16px;
border-radius: 8px;
background: var(--navy);
color: var(--ivory);
font-size: 14px;
cursor: pointer;
font-weight: 600;
border: 1px solid var(--navy);
transition: background .2s var(--ease-standard), color .2s var(--ease-standard), border-color .2s var(--ease-standard);
}
a:hover .btn-navy,
.btn-navy:hover {
background: var(--gold);
color: #fff;
border-color: var(--gold);
}
.btn-navy.lg,
.btn-navy.lg:focus,
.btn-navy.lg:active {
min-height: 46px;
padding-left: 22px;
padding-right: 22px;
font-size: 15px;
}
.btn-navy.has-arrow:after {
content: '';
width: 17px;
height: 17px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-right-white-17px.svg) no-repeat center center / 100% 100%;
}
.btn-navy.has-remote:after {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/arrow-outward-white-17px.svg) no-repeat center center / 100% 100%;
}
.btn-navy.has-send:after {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/icon-send-white.svg) no-repeat center center / 100% 100%;
}
.btn-navy.has-send.v2:after {
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/icon-send-white-v2.svg) no-repeat center center / 100% 100%;
}
.btn-navy.has-email:before {
content: '';
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/icon-mail-white.svg) no-repeat center center / 100% 100%;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
outline: none;
}
.owl-has-nav .owl-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.owl-has-nav.owl-carousel .owl-nav button.owl-next, 
.owl-has-nav.owl-carousel .owl-nav button.owl-prev {
width: 46px;
height: 46px;
border: 1px solid var(--gray-200);
background: var(--white);
border-radius: 8px;
cursor: pointer;
color: var(--navy);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
transition: .2s var(--ease-standard);
}
.owl-has-nav.owl-carousel .owl-nav button.owl-next:hover, 
.owl-has-nav.owl-carousel .owl-nav button.owl-prev:hover {
border: 1px solid var(--navy);
}
.training-carousel .owl-nav {
position: absolute;
right: 0;
top: -96px;
}
.training-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.oh {
position: relative;
overflow: hidden;
} .topstick {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 60;
}
.notif {
background: var(--navy);
border-bottom: 1px solid rgba(245, 241, 232, 0.12);
}
.notif-row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding-top: 9px;
padding-bottom: 9px;
}
@supports (gap: 20px) {
.notif-row {
gap: 20px;
}
}
.notif-text {
font-size: 13.5px;
line-height: 1.4;
color: var(--ivory);
text-align: center;
}
.notif-cta,
.notif-cta:focus,
.notif-cta:active {
display: inline-flex;
align-items: center;
font-family: var(--font-body);
font-weight: 600;
font-size: 13.5px;
color: var(--ivory);
cursor: pointer;
margin-left: 20px;
transition: 0.2s var(--ease-standard);
}
@supports (gap: 20px) {
.notif-cta {
margin-left: 0;
}
}
.notif-cta .msi {
margin-left: 6px;
font-size: 16px;
}
.notif-cta:hover {
color: var(--gold);
}
.nav {
background: var(--navy-dark);
border-bottom: 1px solid rgba(245, 241, 232, 0.12);
}
.nav-row {
position: relative;
display: flex;
align-items: center;
height: 84px;
}
.nav-logo {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.nav-logo-img {
height: 66px;
width: auto;
-webkit-animation: navLogoReveal 950ms 250ms cubic-bezier(0.16, 1, 0.3, 1) both;
animation: navLogoReveal 950ms 250ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@-webkit-keyframes navLogoReveal {
from {
opacity: 0;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: translateX(-16px);
transform: translateX(-16px);
}
30% {
opacity: 1;
}
to {
opacity: 1;
-webkit-clip-path: inset(0 -6px 0 0);
clip-path: inset(0 -6px 0 0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes navLogoReveal {
from {
opacity: 0;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
-webkit-transform: translateX(-16px);
transform: translateX(-16px);
}
30% {
opacity: 1;
}
to {
opacity: 1;
-webkit-clip-path: inset(0 -6px 0 0);
clip-path: inset(0 -6px 0 0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.nav-links {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.nav-links ul {
display: flex;
align-items: center;
gap: 34px;
}
.nav-links ul li {
display: flex;
}
.nav-links ul li a {
position: relative;
font-family: var(--font-body);
font-weight: 500;
font-size: 15px;
letter-spacing: 0.01em;
color: var(--ivory);
padding: 6px 0;
transition: opacity 0.15s;
}
.nav-links ul li a:hover {
color: var(--ivory);
}
.nav-links ul li a:first-child {
margin-left: 0;
}
.nav-links ul li a:after {
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: -2px;
height: 2px;
background: var(--gold);
transition: right 0.28s var(--ease-out);
}
.nav-links ul li a:hover:after,
.nav-links ul li.current-menu-item a::after {
right: 0;
}
.nav-bvpz-btn,
.nav-bvpz-btn:focus,
.nav-bvpz-btn:active {
display: inline-flex;
align-items: center;
margin-left: auto;
height: 40px;
height: 46px;
padding: 0 16px;
padding: 0 20px;
background: var(--gold);
border: 1px solid var(--gold);
border-radius: 8px;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
font-size: 17px;
letter-spacing: 0.025em;
color: #fff;
cursor: pointer;
transition: background 0.2s var(--ease-standard), border-color 0.2s var(--ease-standard);
}
.nav-bvpz-btn:hover {
background: var(--gold-soft);
border-color: var(--gold-soft);
color: #fff;
}
.nav-mobile-btn-js {
display: none;
align-items: center;
justify-content: center;
margin-left: auto;
width: 42px;
height: 42px;
background: transparent;
border: 1px solid var(--ivory);
border-radius: 8px;
color: var(--ivory);
cursor: pointer;
}
.nav-mobile-btn-js .msi {
font-size: 24px;
}
.mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 80;
background: rgba(8, 19, 38, 0.4);
justify-content: flex-end;
}
.mobile-menu-overlay.is-active {
display: flex;
}
.mobile-menu {
width: min(86vw, 360px);
height: 100%;
background: var(--ivory);
padding: 24px;
display: flex;
flex-direction: column;
}
.mobile-menu-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
.mobile-menu-logo {
height: 63px;
width: auto;
}
.mobile-menu-close-js {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: transparent;
border: 1px solid var(--gray-200);
border-radius: 8px;
color: var(--navy);
cursor: pointer;
}
.mobile-menu-links ul {
display: flex;
flex-direction: column;
}
.mobile-menu-links ul li {
display: flex;
flex-direction: column;
}
.mobile-menu-links ul li a {
font-family: var(--font-body);
font-weight: 500;
font-size: 17px;
color: var(--navy);
padding: 15px 0;
border-bottom: 1px solid var(--gray-200);
cursor: pointer;
}
.mobile-menu-bvpz,
.mobile-menu-bvpz:focus,
.mobile-menu-bvpz:active {
display: flex;
align-items: center;
justify-content: center;
margin-top: 22px;
height: 50px;
padding: 0 18px;
background: var(--gold);
border: 1px solid var(--gold);
border-radius: 8px;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
letter-spacing: 0.025em;
color: #fff;
cursor: pointer;
}
.mobile-menu-bvpz:hover {
background: #E4C584 !important;
color: #fff !important;
border-color: #E4C584 !important;
}
.mobile-menu-bvpz .msi {
margin-right: 10px;
font-size: 20px;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
.stats-grid-item-title {
font-family: var(--font-heading);
font-weight: 600;
font-size: 2.6rem;
line-height: 1;
color: var(--gold);
letter-spacing: -0.02em;
}
.stats-grid-item-title:after {
content: '';
display: block;
width: 32px;
height: 2px;
background: var(--gold-a40);
margin: 14px 0px;
}
.stats-grid-item-text {
color: var(--text-on-dark-muted);
font-size: 15px;
line-height: 1.5;
}
.training-carousel-item {
height: 100%;
}
.training-carousel-item a {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out);
}
.training-carousel-item a:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.training-carousel-item-image {
height: 150px;
background: var(--navy);
position: relative;
display: flex;
align-items: flex-end;
padding: 16px;
overflow: hidden;
}
.training-carousel-item-image:after {
content: '';
position: absolute;
inset: 0px;
background: linear-gradient(rgba(14, 29, 58, 0.18), rgba(14, 29, 58, 0.6));
}
span.training-carousel-item-location {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0px 10px;
border-radius: 999px;
background: var(--ivory);
color: var(--navy);
font-size: 12px;
font-weight: 600;
z-index: 5;
}
span.training-carousel-item-location span.msi {
font-size: 15px;
}
.training-carousel-item-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 0%;
}
.training-carousel-item-date {
font-size: 13px;
color: var(--text-muted);
display: flex;
align-items: center;
gap: 7px;
}
.training-carousel-item-date .msi {
font-size: 16px;
color: var(--gold);
}
.training-carousel-item-details {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 12px;
border-top: 1px solid var(--gray-200);
}
.training-carousel.owl-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.boxed-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.boxed-links a {
display: flex;
flex-direction: column;
gap: 14px;
background: var(--navy);
border-radius: 8px;
padding: 34px;
cursor: pointer;
min-height: 220px;
color: var(--ivory);
transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out);
}
.boxed-links a:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.boxed-links-item-icon {
font-size: 30px;
color: var(--gold);
line-height: 1;
}
.boxed-links-item-link {
margin-top: auto;
}
.boxed-links-item-text.text-15 {
color: var(--text-on-dark-muted);
line-height: 1.55;
}
.boxed-links-item-title.title-22 {
color: var(--ivory);
}
.training-carousel-button {
margin-top: 60px;
}
.training-carousel-section .section-top  {
max-width: 550px;
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.services-grid a {
display: flex;
flex-direction: column;
gap: 14px;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
padding: 36px 38px 32px;
cursor: pointer;
min-height: 220px;
}
.has-card-lift {
transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out);
}
.has-card-lift:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-card-hover);
}
.services-grid-item-icon {
color: var(--gold);
font-size: 32px;
line-height: 1;
}
.cta-sm {
border-radius: 8px;
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.services-grid + .cta-sm {
margin-top: 56px;
}
.cta-sm .title-22:not(:last-child) {
margin-bottom: 6px;
}
.sc-hold {
display: grid;
grid-template-columns: 280px 1fr;
gap: 64px;
align-items: start;
}
.sc-left {
position: sticky;
top: 112px;
}
.sidebar .section-label {
color: var(--text-faint);
margin-bottom: 18px;
}
.sidebar-nav ul {
display: flex;
flex-direction: column;
}
.sidebar-nav ul li {
display: flex;
flex-direction: column;
}
.sidebar-nav ul li a {
display: flex;
width: 100%;
align-items: center;
gap: 12px;
padding: 13px 0px;
border-bottom: 1px solid var(--gray-200);
cursor: pointer;
font-family: var(--font-body);
font-weight: 500;
font-size: 15px;
line-height: 1.35;
color: var(--navy);
transition: color .18s var(--ease-standard), border-color .18s var(--ease-standard);
}
.sidebar-nav ul li.current-menu-item a {
color: var(--gold);
font-weight: 600;
}
.sidebar-nav ul li ul {
margin: 0;
padding: 0;
}
.sidebar-nav ul li.current-menu-item ul li a {
display: flex;
align-items: center;
gap: 9px;
padding: 11px 0 11px 6px;
border-bottom: 1px solid var(--gray-200);
cursor: pointer;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
color: var(--text-muted);
transition: color .18s var(--ease-standard);
}
.sidebar-nav ul li.current-menu-item ul li a:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--gray-200);
flex: none;
transition: background .18s var(--ease-standard);
}
.sidebar-nav ul li.current-menu-item ul li a.active {
color: var(--navy);
font-weight: 600;
}
.sidebar-nav ul li.current-menu-item ul li a.active:before {
background: var(--gold);
}
.sidebar-button {
margin-top: 28px;
}
.boxed-features {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: 36px;
}
.boxed-features-item {
display: flex;
gap: 18px;
align-items: flex-start;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
padding: 26px 28px;
margin-bottom: 14px;
}
.boxed-features-item-icon {
font-size: 28px;
line-height: 0.8;
color: var(--gold);
flex: 0 0 auto;
}
.boxed-features-item-title {
font-family: var(--font-heading);
font-weight: 600;
font-size: 1.3rem;
line-height: 1.3;
color: var(--navy);
margin-bottom: 7px;
}
.boxed-features:not(:first-child) {
margin-top: 34px;
}
.cta-sm-top,
.cta-sm-button {
width: 100%;
}
.cta-sm + .cta-sm {
margin-top: 48px;
}
.hero-tt-content {
position: relative;
}
.hero-tt-back {
position: absolute;
top: -56px;
top: -46px;
left: 0;
}
.max-w-390 {
max-width: 26em;
margin-left: auto;
margin-right: auto;
}
.iconed-features-grid-box {
margin-top: 30px;
padding: 30px 32px;
margin-bottom: 32px;
}
.iconed-features-box-title {
font-family: var(--font-body);
font-weight: 600;
font-size: 14px;
color: var(--navy);
margin-bottom: 20px;
}
.iconed-features.grid-of-two {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 36px;
}
.iconed-features.grid-of-two .iconed-features-item-icon {
font-size: 22px;
line-height: 1;
}
.iconed-features.grid-of-two .iconed-features-item {
padding: 0;
gap: 12px;
}
.info-box {
background: var(--gray-100);
border-radius: 8px;
padding: 30px 32px;
display: flex;
gap: 16px;
align-items: flex-start;
}
.info-box-icon {
font-size: 28px;
color: var(--navy);
flex: 0 0 auto;
line-height: 1;
}
.info-box-title {
margin-bottom: 8px;
}
.news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.news-grid > a {
display: flex;
flex-direction: column;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
}
.news-grid-item-image {
height: 180px;
background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.news-grid-item-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 0%;
}
.news-grid-item-date {
font-size: 12px;
color: var(--text-faint);
}
.news-grid-item-title  {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-grid-item-text  {
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-grid-item-link {
padding-top: 10px;
}
.related-news .section-top {
margin-bottom: 28px;
}
.related-news .news-grid-item-image {
height: 120px;
}
.single-content-section {
padding: 48px 0 80px;
}
.single-content-section .news-grid-item-date {
font-size: 14px;
margin-bottom: 18px;
}
.single-content-back {
margin-bottom: 28px;
}
.single-content-image {
height: clamp(240px, 38vw, 440px);
background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 44px;
overflow: hidden;
}
.single-content-top {
margin-bottom: 28px;
}
.entry + .cta-sm {
margin-top: 36px;
}
.entry {
font-size: 1.0625rem;
line-height: 1.75;
color: var(--text-body);
}
.entry p {
margin-bottom: 22px;
}
.single-news .entry p.excerpt,
.single-news .entry p:first-child {
font-size: 1.18rem;
font-weight: 500;
}
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
font-family: var(--font-heading);
line-height: 1.65;
color: var(--navy);
font-weight: 700;
margin: 0px 0px 12px;
}
.entry h2 {
font-size: 1.3rem;
font-size: 2.1rem;
}
.entry h3 {
font-size: 1.25rem;
}
.entry h4 {
font-size: 1.18rem;
}
.entry h5 {
font-size: 1.15rem;
}
.entry > *:last-child {
margin-bottom: 0;
}
.entry ul {
margin-bottom: 22px;
}
.entry ul li {
position: relative;
padding-left: 24px;
}
.entry ul li:before {
content: '•';
position: absolute;
top: 0;
left: 6px;
}
.cta-sm.v2 {
padding: 28px 32px;
}
.position-item {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
}
.position-item-top {
padding: 28px 32px;
display: flex;
align-items: center;
gap: 24px;
cursor: pointer;
}
.position-item-top > span {
font-size: 28px;
color: var(--navy);
flex: 0 0 auto;
transition: transform .25s var(--ease-out);
}
.position-item.active .position-item-top > span {
transform: rotate(180deg)
}
.position-item-top-content {
flex: 1 1 0%;
min-width: 0px;
display: flex;
flex-direction: column;
gap: 12px;
}
.position-item-bottom {
display: none;
padding: 0px 32px 32px;
}
.position-item-bottom-content {
border-top: 1px solid var(--gray-200);
padding-top: 26px;
display: flex;
flex-direction: column;
gap: 30px;
}
.position-item-info ul {
display: flex;
gap: 16px 22px;
flex-wrap: wrap;
font-size: 13px;
color: var(--text-faint);
}
.position-item-info ul li {
display: inline-flex;
align-items: center;
gap: 6px;
}
.position-item-info ul li > span.msi {
font-size: 17px;
color: var(--gold);
}
.position-item-details ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px 32px;
}
.position-item-details ul li {
font-size: 15px;
line-height: 1.45;
color: var(--navy);
font-weight: 500;
}
.position-item-details ul li > span {
display: block;
font-family: var(--font-body);
font-weight: 600;
font-size: 11.5px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--text-faint);
margin-bottom: 5px;
}
.position-item-description {
font-size: 15.5px;
line-height: 1.7;
color: var(--text-body);
margin: 0px;
max-width: 52em;
}
.position-item-grid-half {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px 48px;
align-items: start;
}
.position-item-grid-half-col .section-label {
color: var(--text-faint);
font-size: 12px;
letter-spacing: 0.06em;
margin-bottom: 14px;
} 
.iconed-list ul {
display: flex;
flex-direction: column;
gap: 11px;
}
.iconed-list ul li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
line-height: 1.5;
color: var(--text-body);
}
.iconed-list.iconed-list-checkmark ul li:before {
content: '';
flex: 0 0 auto;
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/checkmark-gold.svg) no-repeat center center / 100% 100%;
}
.iconed-list.iconed-list-star ul li:before {
content: '';
flex: 0 0 auto;
width: 19px;
height: 19px;
background: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/icon-star.svg) no-repeat center center / 100% 100%;
}
.cta-light {
padding: 32px;
border-radius: 8px;
text-align: center;
}
.ctabs-contents + .cta-light {
margin-top: 40px;
}
.cta-light .title-20 {
margin-bottom: 8px;
}
.cta-light .text-15 {
max-width: 34em;
margin-left: auto;
margin-right: auto;
}
.cta-light-button {
margin-top: 20px;
}
.ctabs-style {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 14px;
}
.ctabs-style.text-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ctabs-style ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 999px;
padding: 4px;
gap: 4px;
max-width: 100%;
}
.ctabs-style ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ctabs-style ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 44px;
padding: 0 24px;
border-radius: 999px;
border: none;
background: transparent;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
color: var(--text-muted);
cursor: pointer;
line-height: 1.25;
white-space: nowrap;
transition: background .2s var(--ease-standard), color .2s var(--ease-standard);
}
.ctabs-style ul li a:hover {
color: var(--navy);
}
.ctabs-style ul li a.active {
background: var(--navy);
color: var(--ivory);
}
.ctabs-content > .text-15 {
line-height: 1.55;
color: var(--text-muted);
margin: 0px auto 40px;
max-width: 38em;
text-align: center;
}
.ctabs-content {
display: none;
}
.ctabs-content.active {
display: block;
}
.contact-grid {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 56px;
align-items: start;
}
.contact-grid-col .section-top {
margin-bottom: 22px;
}
.contact-grid-col .section-top .title-24:not(:last-child) {
margin-bottom: 6px;
}
.contacts-details {
display: flex;
flex-direction: column;
gap: 2px;
}
.contacts-details-item {
display: flex;
gap: 16px;
align-items: flex-start;
padding: 18px 0px;
border-bottom: 1px solid var(--gray-200);
}
.contacts-details-item-icon {
font-size: 24px;
line-height: 0.8;
color: var(--gold);
flex: 0 0 auto;
}
.contacts-details-item--title {
font-family: var(--font-body);
font-weight: 600;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--text-faint);
margin-bottom: 4px;
}
.contacts-socials ul {
display: flex;
gap: 12px;
margin-top: 24px;
flex-wrap: wrap;
}
.contacts-socials ul li {
display: flex;
}
.contacts-socials ul li a {
display: inline-flex;
align-items: center;
gap: 8px;
height: 44px;
padding: 0px 18px;
border: 1px solid var(--gray-200);
border-radius: 8px;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
color: var(--navy);
cursor: pointer;
transition:  .18s var(--ease-standard);
}
.contacts-socials ul li a:hover {
border-color: var(--navy);
}
.contact-form-box {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
padding: 36px;
}
.form-reg,
.form-reg form {
display: flex;
flex-direction: column;
gap: 18px;
}
.form-element label {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: var(--navy);
}
.form-element label span abbr {
color: var(--gold);
}
.form-element input,
.form-element input:focus {
height: 48px;
margin: 0;
box-shadow: none;
padding: 0px 14px;
border: 1px solid var(--gray-200);
border-radius: 4px;
font-family: var(--font-body);
font-size: 15px;
color: var(--text-body);
outline: none;
background: #fff;
transition: border-color .15s, box-shadow .15s;
}
.form-element input:focus {
border-color: var(--navy) !important;
box-shadow: 0 0 0 3px var(--focus-ring);
}
.form-element textarea,
.form-element textarea:focus {
height: 120px;
padding: 12px 14px;
margin: 0;
box-shadow: none;
border: 1px solid var(--gray-200);
border-radius: 4px;
font-family: var(--font-body);
font-size: 15px;
color: var(--text-body);
outline: none;
background: #fff;
resize: none;
transition: border-color .15s, box-shadow .15s;
}
.form-element textarea:focus {
border-color: var(--navy) !important;
box-shadow: 0 0 0 3px var(--focus-ring);
}
.form-element select,
.form-element select:focus {
height: 48px;
margin: 0;
box-shadow: none;
padding: 0px 14px;
border: 1px solid var(--gray-200);
border-radius: 4px;
font-family: var(--font-body);
font-size: 15px;
color: var(--text-body);
background-color: #fff;
background-image: url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/chev-down.svg);
background-repeat: no-repeat;
background-position: center right;
background-size: 20px 20px;
outline: none;
transition: border-color .15s, box-shadow .15s;
}
.form-element select:focus {
border-color: var(--navy) !important;
box-shadow: 0 0 0 3px var(--focus-ring);
}
.form-element textarea::-webkit-input-placeholder,
.form-element input::-webkit-input-placeholder {
color: var(--gray-400);
opacity: 1;
}
.form-element textarea::-moz-placeholder,
.form-element input::-moz-placeholder {
color: var(--gray-400);
opacity: 1;
}
.form-element textarea:-ms-input-placeholder,
.form-element input:-ms-input-placeholder {
color: var(--gray-400);
opacity: 1;
}
.form-element textarea:-moz-placeholder,
.form-element input:-moz-placeholder {
color: var(--gray-400);
opacity: 1;
}
.btn-full,
.btn-full:focus,
.btn-full:active {
width: 100%;
}
.contact-team {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.contact-team-item {
padding: 24px 26px;
}
.contact-team-item-text {
font-size: 13.5px;
color: var(--text-muted);
margin: 3px 0px 14px;
}
.section-label.v2 {
font-size: 13px;
letter-spacing: 0.06em;
color: var(--text-faint);
margin-bottom: 18px;
}
.contact-map {
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
height: 380px;
}
.hero-tt.v2 .text-18 {
max-width: 100%;
font-size: 1.1rem;
}
.bvpz-inputs {
margin-top: 32px;
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.bvpz-inputs-col {
position: relative;
display: flex;
align-items: center;
flex: 1 1 220px;
}
.bvpz-inputs-col input,
.bvpz-inputs-col input:focus {
width: 100%;
box-sizing: none;
height: 56px;
padding: 0px 16px 0px 50px;
border: 1px solid transparent;
border-radius: 8px;
font-family: var(--font-body);
font-size: 16px;
color: var(--text-body);
background: var(--white);
outline: none;
margin: 0;
}
.bvpz-inputs-col span.msi {
position: absolute;
color:  var(--gray-400);
left: 16px;
font-size: 22px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.bvpz-inputs-col textarea::-webkit-input-placeholder,
.bvpz-inputs-col input::-webkit-input-placeholder {
color: var(--gray-400);
opacity: 1;
}
.bvpz-inputs-col textarea::-moz-placeholder,
.bvpz-inputs-col input::-moz-placeholder {
color: var(--gray-400);
opacity: 1;
}
.bvpz-inputs-col textarea:-ms-input-placeholder,
.bvpz-inputs-col input:-ms-input-placeholder {
color: var(--gray-400);
opacity: 1;
}
.bvpz-inputs-col textarea:-moz-placeholder,
.bvpz-inputs-col input:-moz-placeholder {
color: var(--gray-400);
opacity: 1;
} .bvpz-search {
display: flex;
flex-wrap: wrap;
}
.bvpz-search-field {
position: relative;
display: flex;
align-items: center;
flex: 1 1 220px;
margin-top: 14px;
}
.bvpz-search:first-child .bvpz-search-field {
margin-top: 0;
}
.bvpz-search-field .msi {
position: absolute;
left: 16px;
font-size: 22px;
color: var(--gray-400);
}
.bvpz-search-field .finput {
height: 56px;
padding-left: 50px;
border-color: transparent;
font-size: 16px;
}
.bvpz-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 18px;
}
.bvpz-count {
font-size: 14px;
color: var(--gray-600);
}
.bvpz-count strong {
color: var(--navy);
}
.bvpz-clear-btn {
display: inline-flex;
align-items: center;
height: 36px;
padding: 0 14px;
border: 1px solid var(--gray-200);
background: var(--white);
border-radius: 8px;
font-size: 14px;
color: var(--gray-600);
cursor: pointer;
}
.bvpz-clear-btn .msi {
margin-right: 6px;
font-size: 17px;
}
.bvpz-clear-btn:hover {
border-color: var(--navy);
}
.bvpz-panel {
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
background: var(--white);
}
.bvpz-scroll {
overflow-x: auto;
}
.bvpz-table { }
.bvpz-grid {
display: grid;
grid-template-columns: 190px 1fr;
grid-template-columns: 190px 190px 1fr;
grid-template-columns: 140px 140px 1fr;
}
.bvpz-item {
display: grid;
grid-template-columns: 190px 1fr;
grid-template-columns: 140px 140px 1fr;
border-top: 1px solid var(--gray-200);
}
.bvpz-th {
font-family: var(--font-body);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gray-600);
padding: 14px 20px;
background: var(--gray-100);
}
.bvpz-group-leaf {
color: var(--gray-600);
}
.bvpz-row {
border-top: 1px solid var(--gray-200);
}
.bvpz-item:hover,
.bvpz-row:hover {
background: var(--gray-100);
}
.bvpz-plugin {
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
background: var(--white);
}
.bvpz-group,
.bvpz-kodas,
.bvpz-code {
padding: 14px 20px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
color: var(--navy);
white-space: nowrap;
}
.bvpz-pavadinimas,
.bvpz-name {
padding: 14px 20px;
font-size: 15px;
color: var(--text-body);
line-height: 1.45;
}
.bvpz-empty {
text-align: center;
padding: 56px 24px;
}
.bvpz-empty .msi {
font-size: 38px;
color: var(--gray-400);
}
.bvpz-empty-title {
font-family: var(--font-heading);
font-weight: 600;
font-size: 18px;
color: var(--navy);
margin: 12px 0 6px;
}
.bvpz-empty-text {
font-size: 14px;
color: var(--gray-600);
margin: 0;
}
.bvpz-note {
font-size: 13px;
color: var(--gray-400);
margin: 16px 0 0;
}
.bvpz-clear-btn[hidden] {
opacity: 0;
visibility: hidden;
}
.privacy-contact-note {
margin-top: 44px;
padding: 24px 28px;
background: var(--gray-100);
border-radius: 8px;
}
.privacy-contact-note p {
font-size: 15px;
line-height: 1.6;
color: var(--gray-600);
margin: 0;
}
.privacy-contact-note strong {
color: var(--navy);
}
.tp-intro {
margin-bottom: 40px;
}
.training-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.training-grid a {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 8px;
overflow: hidden;
cursor: pointer;
display: flex;
flex-direction: column;
transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), border-color .22s var(--ease-out);
}
.training-grid a .text-14 {
color: var(--text-muted)
}
.training-grid a .training-carousel-item-image{
align-items: flex-start;
}
.training-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
}
.training-filter > span {
font-size: 14px;
color: var(--text-faint);
font-family: var(--font-body);
font-weight: 600;
letter-spacing: 0.04em;
margin-right: 6px;
}
.training-filter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
gap: 10px;
}
.training-filter > ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.training-filter > ul li input {
display: none;
}
.training-filter > ul li label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
height: 38px;
padding: 0px 16px;
border-radius: 999px;
border: 1px solid var(--gray-200);
background: var(--white);
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
color: var(--text-muted);
cursor: pointer;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.training-filter > ul li label:hover {
border: 1px solid var(--navy);
background: var(--white);
font-family: var(--font-body);
}
.training-filter > ul li input:checked + label {
background: var(--navy);
color: var(--ivory);
border-color: var(--navy);
}
.training-filter-grid:not(:first-child) {
margin-top: 30px;
}
.hero-tt-info ul {
display: flex;
gap: 26px;
flex-wrap: wrap;
color: var(--ivory);
font-size: 15px;
}
.hero-tt-info ul li {
display: inline-flex;
align-items: center;
gap: 8px;
}
.hero-tt-info ul li span.msi {
font-size: 19px;
color: var(--gold);
}
.training-single-grid {
display: grid;
grid-template-columns: 1fr 420px;
gap: 56px;
align-items: start;
}
.form-training {
padding: 32px;
}
.form-training .title-22 {
margin-bottom: 20px;
}
.form-training .form-element input, 
.form-training .form-element input:focus {
height: 46px;
padding-right: 26px;
}
.form-training .form-element textarea, 
.form-training .form-element textarea:focus {
height: 96px;
}
.form-training .form-element {
position: relative;
}
.form-training .form-element abbr {
position: absolute;
top: 5px;
right: 10px;
color: var(--gold);
font-weight: 600;
}
.form-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.form-training .form-reg, 
.form-training .form-reg form {
gap: 14px;
}
.wpcf7-field-group {
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.form-group-label {
font-size: 13px;
font-weight: 600;
color: var(--navy);;
}
.form-element-text {
font-size: 12.5px;
line-height: 1.55;
color: var(--text-muted);
margin: 2px 0px 0px;
}
.form-explain {
font-size: 12px;
color: var(--text-faint);
margin: 0px;
text-align: center;
}
.btn-add-item,
.btn-add-item:focus,
.btn-add-item:active {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 0px 0px 4px;
font-family: var(--font-body);
font-weight: 600;
font-size: 14px;
color: var(--navy);
cursor: pointer;
}
.form-manipulation-button {
margin-bottom: 4px;
}
.event-programa {
display: flex;
flex-direction: column;
margin-bottom: 36px;
}
.event-programa-item {
display: flex;
align-items: flex-start;
padding: 16px 0;
border-bottom: 1px solid var(--gray-200);
gap: 16px;
}
.event-programa-num {
flex: none;
width: 28px;
font-family: var(--font-body);
font-weight: 600;
font-size: 14px;
color: var(--gold);
}
.event-programa-text {
font-size: 15px;
line-height: 1.5;
color: var(--text-body);
}
.event-lecturer {
display: flex;
align-items: flex-start;
background: var(--gray-100);
border-radius: 8px;
padding: 24px 28px;
}
.event-lecturer .msi {
flex: none;
margin-right: 16px;
font-size: 30px;
color: var(--navy);
}
.event-lecturer-label {
font-family: var(--font-body);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gray-400);
margin-bottom: 4px;
}
.event-lecturer-name {
font-size: 15px;
color: var(--navy);
font-weight: 600;
margin-bottom: 4px;
}
.event-lecturer-bio {
font-size: 14px;
line-height: 1.55;
color: var(--gray-600);
}
.training-agenda-hold:not(:first-child) {
margin-top: 36px;
}
.training-agenda-top {
margin-bottom: 16px;
}
.training-agenda-top .title-20 {
margin-bottom: 6px;
}
.hero-tt-content {
max-width: 750px;
}
.hero-tt-content .title-42 {
color: var(--ivory);
}
.hero-tt-content .title-42:not(:last-child) {
margin-bottom: 22px;
}
.hero-single-training .link-white, 
.hero-single-training .link-white:focus, 
.hero-single-training .link-white:active {
font-size: 14px;
font-weight: 400;
opacity: 0.7;
transition: 0.16s;
}
.hero-single-training .link-white:hover {
opacity: 1;
}
.sc-right .ctabs-style {
margin-bottom: 44px;
}
.sc-right .ctabs-style:not(:first-child) {
margin-top: 30px;
}
.iconed-list.v2 ul {
gap: 0;
}
.iconed-list.v2 ul li {
padding: 15px 0px;
font-size: 15.5px;
border-bottom: 1px solid var(--gray-200);
}
.iconed-list.v2.iconed-list-checkmark ul li:before {
width: 20px;
height: 20px;
}
.iconed-list.v2:not(:first-child) {
margin-top: 26px;
}
.boxed-features-item-button {
margin-top: 24px;
margin-left: -46px;
}
.boxed-features-item.v2 {
padding: 30px 32px;
}
.boxed-features-item.v2 .text-15 {
max-width: 534px;
}
.title-30.has-icon {
display: flex;
align-items: center;
gap: 14px;
}
.title-30.has-icon span.msi {
font-size: 30px;
color: var(--gold);
line-height: 1;
}
.services-tabs-block:not(:last-child) {
margin-bottom: 92px;
}
.services-tabs-block .info-box:not(:first-child) {
margin-top: 18px;
}
.services-tabs-block .info-box-icon {
font-size: 24px;
}
.info-box-text a {
color: var(--navy);
font-weight: 600;
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-decoration-style: solid;
text-decoration-color: var(--gold);
text-underline-offset: 3px;
}
.single-stat-box {
display: flex;
align-items: center;
gap: 22px;
border-radius: 8px;
padding: 26px 30px;
margin-bottom: 24px;
margin-top: 20px;
}
.single-stat-box-nr {
font-family: var(--font-heading);
font-weight: 600;
font-size: 2.8rem;
line-height: 1;
color: var(--gold);
letter-spacing: -0.02em;
flex: 0 0 auto;
}
.single-stat-box-text {
font-size: 15.5px;
line-height: 1.6;
}
.info-box.v2 {
padding: 22px 26px;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng {
border: none !important;
float: left !important;
margin: 10px 0 !important;
padding: 0 !important;
color: #ef586b !important;
}
div.wpcf7-mail-sent-ok {
float: left !important;
border: none !important;
padding: 0 !important;
margin: 10px 0 !important;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
span.wpcf7-list-item {
margin: 0 !important;
}
.form-element input.wpcf7-not-valid,
.form-element input.wpcf7-not-valid:focus,
.form-element select.wpcf7-not-valid,
.form-element select.wpcf7-not-valid:focus,
.form-element textarea.wpcf7-not-valid,
.form-element textarea.wpcf7-not-valid:focus {
border-color: #B4452F !important;
}
.form-element input.custom-invalid,
.form-element input.custom-invalid:focus {
border-color: #B4452F !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
float: left;
width: 100%;
text-align: center;
border: none !important;
padding: 0 !important;
margin: 0 !important;
color: #B4452F;
margin-top: 0px !important;
font-size: 12px;
}
.wpcf7 form.sent .wpcf7-response-output {
float: left;
width: 100%;
text-align: center;
border: none !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 0px !important;
font-size: 12px;
}
.wpcf7 form .wpcf7-response-output {
float: left;
width: 100%;
text-align: center;
border: none !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 0px !important;
}
.sc-right .cta-sm:not(:first-child) {
margin-top: 36px;
}
.sc-right .text-17 + .title-30 {
margin-top: 30px;
}
.hero {
position: relative;
overflow: hidden;
background: linear-gradient(rgba(14, 29, 58, 0.97), rgba(14, 29, 58, 0.97)), url(//viesujupirkimu.lt/wp-content/themes/viesujupirkimu/img/hero-split-bg.jpg) center / cover no-repeat;
background-color: var(--navy);
}
.hero-split {
position: relative;
z-index: 1;
max-width: var(--content-max);
margin: 0 auto;
min-height: calc(100vh - 84px);
display: grid;
grid-template-columns: 1fr 1.02fr;
align-items: center;
gap: 48px;
padding: 80px 32px;
}
.hero-textblock {
grid-column: 2;
margin-left: 80px;
}
.hero-h1 { }
.hero-h1 h1 {
font-family: var(--font-heading);
font-weight: 700;
color: var(--ivory);
margin: 0;
font-size: 44px;
font-size: clamp(30.4px, 18.4px + 3vw, 64px);
line-height: 1.24;
letter-spacing: -0.015em;
}
@-webkit-keyframes heroFadeUp {
from {
opacity: 0;
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes heroFadeUp {
from {
opacity: 0;
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.hero-sub {
color: var(--text-on-dark-muted);
font-size: 21.87px;
line-height: 1.6;
margin: 0;
margin-top: 22px;
max-width: 32em;
transition-delay: 0.16s !important; }
.hero-sub-strong {
font-weight: 600;
color: var(--ivory);
}
.hero-cta-row {
display: flex;
flex-wrap: wrap;
margin-top: 28px;
transition-delay: 0.26s !important;
}
@supports (gap: 34px) {
.hero-cta-row {
gap: 34px;
}
}
.hero-cta-row { }
.hero-scroll {
position: absolute;
left: 50%;
bottom: 26px;
-webkit-transform: translateX(-50%);
font-size: 28px;
transform: translateX(-50%);
color: rgba(245, 241, 232, 0.4);
animation: bob 2.4s var(--ease-standard) infinite; }
@keyframes bob {
0%, 100% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(7px);
}
}
.hero-cube-bleed {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
pointer-events: none;
opacity: 0; }
@-webkit-keyframes heroFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes heroFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.form-reg .cf7-repeater {
padding: 0;
}
.form-reg .repeater-field-content div {
display: flex;
flex-direction: column;
gap: 14px;
}
.form-reg .repeater-field-header-acctions ul li:not(:last-child) {
display: none;
}
.form-reg .repeater-field-item-1 .repeater-field-header-acctions {
display: none;
}
.form-reg .repeater-field-item-1 .repeater-field-header-title .repeater-field-header-count {
display: none;
}
.form-reg .repeater-field-header-title {
font-size: 13px;
font-weight: 600;
color: var(--navy);
margin-bottom: 12px;
}
.form-reg .cf7-repeater-container {
margin-top: 12px;
}
.form-reg a.repeater-field-button-add {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 0px 0px 4px;
font-family: var(--font-body);
font-weight: 600;
font-size: 14px;
color: var(--navy);
cursor: pointer;
background: transparent;
border-radius: 0;
}
.form-reg a.repeater-field-button-add:hover {
font-family: var(--font-body);
color: var(--navy);
background: transparent;
}
.form-reg a.repeater-field-button-add:before {
content: 'add_box';
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-flex;
white-space: nowrap;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
.form-reg .repeater-field-item .repeater-icon:before {
content: 'close';
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-flex;
white-space: nowrap;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
.form-reg .repeater-field-header-acctions-remove {
display: inline-flex;
align-items: center;
gap: 4px;
background: transparent;
border: 1px solid var(--gray-200);
border-radius: 4px;
height: 26px;
padding: 0px 5px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
color: var(--text-muted);
cursor: pointer;
margin: 0;
transition: color 0.15s, border-color 0.15s;
}
.form-reg .repeater-field-header-acctions-remove:hover  {
border-color: rgb(180, 69, 47) !important;
color: rgb(180, 69, 47) !important;
opacity: 1;
}
.repeater-field-footer p br {
display: none;
}
.bvpz-group-link,
.bvpz-group-link:hover,
.bvpz-group-link:hover:active {
text-decoration: underline;
}
.text-17 h4,
.text-17 h3,
.text-17 h2 {
font-family: var(--font-heading);
font-weight: 700;
font-size: 1.9rem;
line-height: 1.26;
letter-spacing: -0.01em;
color: var(--navy);
margin: 0px 0px 16px;
}
.text-17 ul {
margin-bottom: 22px;
}
.text-17 ul li {
position: relative;
padding-left: 24px;
}
.text-17 ul li:before {
content: '•';
position: absolute;
top: 0;
left: 6px;
}
.services-grid-item-icon > img {
max-height: 32px;
width: auto;
}
.sidebar-nav ul li a img {
max-height: 20px;
width: auto;
} .error-404 {
display: flex;
align-items: center;
min-height: 64vh;
padding: 96px 0 112px;
}
.error-404-content {
max-width: 620px;
margin: 0 auto;
text-align: center;
}
.error-404-code {
font-family: var(--font-heading);
font-weight: 600;
font-size: clamp(120px, 80px + 10vw, 220px);
line-height: 0.9;
letter-spacing: -0.03em;
font-variant-numeric: lining-nums;
color: var(--navy);
margin-bottom: 28px;
}
.error-404 .section-label {
margin-bottom: 14px;
}
.error-404 .title-lg {
color: var(--text-strong);
margin-bottom: 16px;
}
.error-404 .text-18 {
margin-bottom: 36px;
text-wrap: balance;
} @media only screen and (min-width: 1024px) {
.mobile-menu.is-active {
opacity: 0;
visibility: hidden;
}
}
@media only screen and (max-width: 1023px) {
.hero-textblock {
grid-column: 1;
margin-left: 0;
}
.hero-split {
grid-template-columns: 1fr;
}
.training-single-grid {
grid-template-columns: 1fr;
}
.contact-team {
grid-template-columns: repeat(2, 1fr);
}
.contact-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.position-item-grid-half {
grid-template-columns: 1fr;
gap: 28px;
}
.news-grid {
grid-template-columns: repeat(2, 1fr);
}
.news-grid-item-title.title-22 {
font-size: 1.6rem !important;
line-height: 1.24 !important;
}
.hide-for-large.cta-sm {
margin-top: 48px;
}
.sc-left {
display: none;
}
.sc-hold {
grid-template-columns: 1fr;
gap: 32px;
}
.boxed-links {
grid-template-columns: repeat(2, 1fr);
}
.training-carousel-item-title.title-22 {
font-size: 1.6rem;
line-height: 1.24;
}
.nav-links,
.nav-bvpz-btn {
display: none !important;
}
.nav-mobile-btn-js {
display: inline-flex !important;
}
.nav-logo-img {
height: 63px;
}
.footer-top {
grid-template-columns: 2fr 1fr 1fr;
gap: 48px;
}
.grid-half {
grid-template-columns: 1fr;
gap: 48px;
}
.team-grid {
grid-template-columns: repeat(2, 1fr);
}
.logo-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.notif-text > span,
.notif-long {
display: none;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px 24px;
}
} 
@media screen and (max-width:639px) {
.hero-split {
grid-template-columns: 1fr;
align-items: end !important;
justify-items: start !important;
padding: 64px 22px 56px !important;
min-height: calc(100vh - 84px);
}
.hero-h1 h1 {
font-size: calc(clamp(1.9rem, 1.15rem + 3vw, 4rem) * var(--hero-title-scale, 1) * 1.3);
}
.hero-cta-row {
display: none;
}
.hero-sub {
font-size: 18px;
}
.single-stat-box-text {
font-size: 16px;
}
.ctabs-style.v2 ul li a {
white-space: normal;
}
.form-group-label {
font-size: 14.5px;
}
.form-explain {
font-size: 13.5px;
}
.form-element-text {
font-size: 13.5px;
}
.btn-add-item, .btn-add-item:focus, .btn-add-item:active {
font-size: 15.5px;
}
.form-split {
grid-template-columns: 1fr;
}
.training-single-grid {
gap: 32px;
}
.event-lecturer-bio {
font-size: 15.5px;
}
.event-lecturer-name {
font-size: 16px;
}
.event-lecturer-label {
font-size: 14.5px;
}
.event-programa-text {
font-size: 16px;
}
.event-programa-num {
font-size: 15.5px;;
}
.text-14 {
font-size: 15.5px;
}
.training-grid a .text-14 {
font-size: 15.5px;
}
.training-grid {
grid-template-columns: repeat(1, 1fr);
}
.privacy-contact-note p {
font-size: 16px;
}
.entry {
font-size: 1.09rem;
}
.hero-tt {
min-height: 248px;
}
.bvpz-empty-text {
font-size: 15.5px;
}
.bvpz-count {
font-size: 15.5px;
}
.bvpz-th {
font-size: 11px;
padding: 10px 12px;
}
.bvpz-th:not(:first-child) {
padding-left: 24px;
}
.bvpz-pavadinimas,
.bvpz-name {
padding: 10px 12px;
padding-left: 16px;
font-size: 12.5px;
white-space: normal;
}
.bvpz-group,
.bvpz-kodas,
.bvpz-code {
padding: 10px 12px;
font-size: 12px;
white-space: normal;
line-height: 1.3;
}
.bvpz-grid {
display: grid;
grid-template-columns: 74px 74px 1fr;
}
.bvpz-item {
grid-template-columns: 74px 74px 1fr;
}
.form-element label textarea, .form-element label textarea:focus {
font-size: 16px;
}
.form-element label select, .form-element label select:focus {
font-size: 16px;
}
.form-element label input, .form-element label input:focus {
font-size: 16px;
}
.form-element label {
font-size: 14.5px;
}
.contacts-socials ul li a {
font-size: 15.5px;
}
.contacts-details-item--title {
font-size: 13.5px;
}
.section-label.v2 {
font-size: 14.5px;
}
.contact-team-item-text {
font-size: 14.5px;
}
.contact-team-item-title.title-22 {
font-size: 24px;
}
.contact-team {
grid-template-columns: repeat(1, 1fr);
}
.position-item-grid-half-col .section-label {
font-size: 13.5px;
}
.iconed-list ul li {
font-size: 16px;
}
.position-item-description {
font-size: 16px;
}
.position-item-details ul li > span {
font-size: 13px;
}
.position-item-details ul li {
font-size: 16px;
}
.position-item-details ul {
grid-template-columns: 1fr;
gap: 16px 20px;
}
.position-item-bottom {
padding: 0px 20px 32px;
}
.position-item-info ul {
font-size: 14.5px;
}
.position-item-title.title-22 {
font-size: 1.5rem;
}
.position-item-top {
padding: 28px 20px;
}
.ctabs-style ul li {
flex: 1 1 0;
min-width: 0;
}
.ctabs-style ul li a {
padding: 9px 10px;
font-size: 15px;
letter-spacing: -0.01em;
flex: 1 1 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.ctabs-style ul {
width: 100%;
align-items: stretch;
}
.news-grid-item-date {
font-size: 13.5px;
}
.news-grid {
grid-template-columns: repeat(1, 1fr);
}
.iconed-features-box-title {
font-size: 15.5px;
}
.iconed-features.grid-of-two {
grid-template-columns: 1fr;
}
.btn-white, .btn-white:focus, .btn-white:active {
font-size: 16px;
}
.cta-sm-left {
width: 100%;
}
.cta-sm-right{
width: 100%;
}
.services-grid {
grid-template-columns: repeat(1, 1fr);
}
.training-carousel .owl-nav {
right: auto;
left: 0;
}
.training-carousel-hold {
padding-top: 80px;
}
.boxed-links {
grid-template-columns: repeat(1, 1fr);
}
.stats-grid-item-text {
font-size: 16px;
}
.stats-grid {
padding-left: 10px;
padding-right: 10px;
grid-template-columns: repeat(1, 1fr);
}
.footer-links {
font-size: 15.5px;
}
.socials ul {
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.footer-bottom {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-bottom-left {
width: 100%;
order: 2;
}
.copyrights {
font-size: 14.5px;
}
footer {
padding: 76px 0 24px;
}
.footer-nav ul li a {
font-size: 16px;
}
.section-label {
font-size: 13.5px;
}
.logo-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.testimonials-carousel-name span {
font-size: 15.5px;
}
.team-grid-item-name-contacts {
font-size: 15.5px;
}
.text-15 {
font-size: 16px;
}
.team-grid-item-name-position {
font-size: 15.5px;
}
.mob-pt-96 {
padding-top: 96px !important;
}
.mob-pb-96 {
padding-bottom: 96px !important;
}
.grid-half {
gap: 32px;
}
.text-17 {
font-size: 1.09rem;
}
.pb-reg {
padding-bottom: 48px;
}
.pt-reg {
padding-top: 48px;
}
.grid-container {
padding-left: 22px;
padding-right: 22px;
}
.hero-tt .grid-container {
padding-left: 32px;
padding-right: 32px;
}
.foot-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.notif-text {
text-align: left;
}
.foot-col-heading {
font-size: 13.5px;
}
.notif-text,
.text-13 {
font-size: 14.5px;
}
.mobile-menu-bvpz,
.mobile-menu-bvpz:focus,
.mobile-menu-bvpz:active {
font-size: 16px;
}
.footer-top {
grid-template-columns: 1fr;
gap: 36px;
}
.team-grid {
grid-template-columns: repeat(1, 1fr);
}
.entry iframe {
max-width: 100%;
}
.error-404 {
min-height: 56vh;
padding: 64px 0 80px;
}
.error-404-code {
margin-bottom: 20px;
}
.error-404 .text-18 {
margin-bottom: 28px;
}
}