@font-face {
 	font-family: 'OktaNeue';
 	font-style:  normal;
 	font-weight: 300;
 	font-display: swap;
 	src: url("../fonts/OktaNeue-Light.woff2") format("woff2");
 }

 @font-face {
 	font-family: 'OktaNeue';
 	font-style:  italic;
 	font-weight: 400;
 	font-display: swap;
 	src: url("../fonts/OktaNeue-LightItalic.woff2") format("woff2");
 }

 @font-face {
 	font-family: 'OktaNeue';
 	font-style:  normal;
 	font-weight: 400;
 	font-display: swap;
 	src: url("../fonts/OktaNeue-Normal.woff2") format("woff2");
 }

 @font-face {
 	font-family: 'OktaNeue';
 	font-style:  normal;
 	font-weight: 700;
 	font-display: swap;
 	src: url("../fonts/OktaNeue-Bold.woff2") format("woff2");
 }   

 @font-face {
 	font-family: 'OktaNeue';
 	font-style:  italic;
 	font-weight: 700;
 	font-display: swap;
 	src: url("../fonts/OktaNeue-BoldItalic.woff2") format("woff2");
 }   

/*
 * A better looking default horizontal rule
 */

 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #ccc;
 	margin: 1em 0;
 	padding: 0;
 }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers
 */

/* audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
  } */

/*
 * Remove default fieldset styles.
 */

  fieldset {
  	border: 0;
  	margin: 0;
  	padding: 0;
  }

/*
 * Allow only vertical resizing of textareas.
 */

  textarea {
  	resize: vertical;
  }

/*
 * Hide visually and from screen readers
 */

  .hidden,
  [hidden] {
  	display: none !important;
  }

/*
 * Hide only visually, but have it available for screen readers
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line
 */

  .sr-only {
  	border: 0;
  	clip: rect(0, 0, 0, 0);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	white-space: nowrap;
  	width: 1px;
  	/* 1 */
  }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 */

  .sr-only.focusable:active,
  .sr-only.focusable:focus {
  	clip: auto;
  	height: auto;
  	margin: 0;
  	overflow: visible;
  	position: static;
  	white-space: inherit;
  	width: auto;
  }

/*
 * Hide visually and from screen readers, but maintain layout
 */

  .invisible {
  	visibility: hidden;
  }

  /* vars */

  :root {
  	--c-white: rgba(255, 255, 255, 1);
  	--c-awhite: rgba(255, 255, 255, 0.5);
  	--c-black: rgba(0, 0, 0, 1);
  	--c-ablack: rgba(0, 0, 0, 0.2);
  	--c-cream: rgba(195, 153, 85, 0.10);
  	--c-light: rgba(247, 245, 237, 1);
  	--c-red: rgba(139, 52, 48, 1);
  	--c-red-a: rgba(139, 52, 48, 0.15);
  	--c-red-a2: rgba(139, 52, 48, 0.75);
  	--c-blue: rgba(0, 58, 127, 1);
  	--c-blue-a: rgba(0, 58, 127, 0.1);
  	--c-blue-a2: rgba(0, 58, 127, 0.75);
  	--c-yellow: rgba(195, 153, 85, 1);
  	--c-yellow-a: rgba(195, 153, 85, 0.1);
  	--c-yellow-a2: rgba(195, 153, 85, 0.75);
  	--c-lightgreen: rgba(104, 135, 130, 1);
  	--c-lightgreen-a: rgba(104, 135, 130, 0.1);
  	--c-lightgreen-a2: rgba(104, 135, 130, 0.75);
  	--c-darkgreen: rgba(54, 66, 52, 1);

  	--f-base: 'OktaNeue', sans-serif;
  	--f-bold: 'OktaNeue', sans-serif;
  }

  body.colors-for-the-visually-impaired {
  	--c-white: #FFF100;
  	--c-black: #181818;
  	--c-cream: #000000;
  	--c-light: #000000;
  	--c-ablack: #FFF100;
  	--c-red: #FFF100;
  	--c-linkhover: #000000;

  	--c-red: #181818;
  	--c-lightred: #FFF100;
  	--c-lightblue-footer: #EFE30E;
  	--c-lightblue: #EFE30E;
  	--c-darkblue: #181818;
  	--c-mapblue: #D0DA52;
  	--c-slightblue: #181818;
  	--c-yellow: #FFF100;
  	--c-darkborder: #181818;
  	--c-lightborder: #181818;
  }

  /* body */

  html:focus-within {
  	scroll-behavior: smooth;
  }

  * {
  	-webkit-tap-highlight-color: transparent;
  }

  body {
  	font-family: var(--f-base);
  	font-weight: 400;
  	font-style: normal;
  	font-size: 1rem;
  	line-height: 27px;
  	margin: 0;
  	padding: 0;
  	overflow-x: hidden;
  	background: var(--c-white);
  	color: var(--c-black);
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizeLegibility;
  }

  ::selection {
  	background: var(--c-black);
  	color: var(--c-white);
  }

  ::-moz-selection {
  	background: var(--c-black);
  	color: var(--c-white);
  }

  h1, h2, h3, h4, h5, h6, blockquote {
  	font-weight: normal;
  	margin: 0;
  	font-family: var(--f-bold);
  	color: var(--c-black);
  }

  body * {
  	box-sizing: border-box;
  }

  a {
  	text-decoration: none;
  	color: var(--c-black);
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	transition: all 0.3s ease-in-out;
  }

  a:focus,
  a:hover {
  	color: var(--c-red);
  	transition: all 0.3s ease-in-out;
  }

  a:focus,
  button:focus {
  	outline: 0;
  }

  a:focus-visible,
  button:focus-visible {
  	outline: var(--c-red-a) groove 3px;
  	/* outline: -webkit-focus-ring-color auto 5px; */
  }

  body.colors-for-the-visually-impaired a:focus,
  body.colors-for-the-visually-impaired a:hover {
  	color: var(--c-linkhover);
  }

  body.colors-for-the-visually-impaired footer a:focus,
  body.colors-for-the-visually-impaired footer a:hover {
  	color: var(--c-white);
  }

  /*  */

  *::after, *::before {
  	box-sizing: border-box;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  }

  button {
  	border: 0;
  	padding: 0;
  	background: none;
  	cursor: pointer;
  }

  ul, ol {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  blockquote {
  	margin: 0;
  	padding: 0;
  }

  img {
  	max-width: 100%;
  	height: auto;
  	vertical-align: bottom;
  }

  html.noscroll {
  	overflow: hidden;
  }

  body.noscroll {
  	overflow: hidden;
  	height: 100vh;
  	width: 100vw;
  }

  .wrap {
  	max-width: 100%;
  	width: 90rem;
  	/* margin: 0 auto 4rem auto; */
  	margin: 0 auto;
  	padding: 0 2rem;
  }

  .wrap .wrap {
  	padding: 0;
  }

  .full {
  	max-width: 100%;
  	margin: 0 auto 0 auto;
  	padding: 0 2rem;
  	width: auto;
  }

  .header-full {
  	max-width: 100rem;
  	margin: 0 auto 0 auto;
  	padding: 0 2rem;
  	width: auto;
  }

  .img-wrap {
  	display: flex;
  	height: 100%;
  }

  .img-wrap img {
  	object-fit: cover;
  	width: 100%;
  	min-height: 100%;
  }

  .icon-arrow-backwards {
  	transform: rotate(180deg);
  }

  .home {
  	position: fixed;
  	top: 3rem;
  	left: 10.5rem;
  	z-index: 10;
  	width: 55px;
  	height: 55px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }

  .home-sticky {
  	left: 6rem;
  	border-radius: 50%;
  	background: var(--c-light);
  }

  .burger-open + .home-sticky {
  	left: 10.5rem;
  }

  .home svg {
  	height: 24px;
  }

  @media only screen and (max-width: 64em) {
  	.wrap {
  		padding: 0 1rem;
  		margin: 2rem auto;
  	}
  }

  @media only screen and (max-width: 40em) {
  	.full {
  		padding: 0 1rem;
  	}

  	.wrap {
  		padding: 0 1rem;
  		margin-bottom: 2rem;
  	}

  	.wrap:not(.wrap-sm) + .wrap {
  		margin-top: -3rem;
  	}

  }

/* common styles */

.grecaptcha-badge {
	visibility: hidden;
}

.bg-light {
	background: var(--c-light);
	padding: 4rem 0;
}

main section + section {
	margin-top: 4rem;
}

main section.bg-light:last-child {
	margin-bottom: -4rem;
}

.page-header + .wrap {
	margin-top: 2rem;
}

.text-content {
	letter-spacing: 0.045rem;
}

img + .text-content {
	margin-top: 2rem;
}

.text-content h3 {
	font-weight: 700;
	font-size: 1.5rem;
}

.text-content h4 {
	font-weight: 700;
	font-size: 1rem;
}

.text-content p {
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 1.5rem;
}

.text-content ul {
	list-style-type: initial;
	margin: 1rem 0;
	padding: 0 0 0 1rem;
}

table {
	border-spacing: 0;
	border: 1px solid var(--c-ablack);
	border-width: 1px 0 0 1px;
	font-size: 0.875rem !important;
	letter-spacing: 0.03em;
}

table tr,
table td {
	border: 1px solid var(--c-ablack);
	border-width: 0 1px 1px 0;
	width: auto;
	padding: 0.5rem;
	text-align: left;
	vertical-align: top;
}

table tr p,
table td p {
	margin: 0;
}

/* .lg-backdrop {
	background-color: var(--c-white);
}

.lg-next, .lg-prev {
	background: transparent;
}

.lg-prev:after,
.lg-next:before {
	border: solid black;
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 15px;
	content: "";
}

.lg-prev:after {
	transform: rotate(135deg);
}

.lg-next:before {
	transform: rotate(-45deg);
}

.lg-toolbar {
	top: 1rem;
}

.lg-toolbar .lg-close {
	color: var(--c-black);
	font-size: 4rem;
	width: auto;
	height: auto;
	padding: 1rem 0;
}

.lg-toolbar .lg-close:hover {
	color: var(--c-black);
}

.lg-outer img.lg-object {
	width: 30vw;
	min-width: 280px
}

.lg-sub-html {
	color: var(--c-black);
}

.lg-sub-html a {
	color: var(--c-white);
	text-decoration: none !important;
	display: block;
	line-height: 1rem;
} */

.page-header + .wrap .aside-nav {
	margin-top: 0.5rem;
}

.aside-nav {
	margin: 5rem 0 1rem 0;
	border-left: 0.5px solid var(--c-black);
	padding: 0.5rem 0 0.5rem 1.25rem;
}

.events-aside .aside-nav {
	margin-top: 0;
}

.aside-nav li + li {
	margin-top: 0.75rem;
}

.aside-nav li.active a {
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.03em;
}

.subsection-title {
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 2.125rem;
	letter-spacing: 0.09rem
}

.veg-home .subsection-title {
	text-align: center;
	margin-bottom: 2rem;
	padding: 0 5rem;
}

.subsection-title a {
	position: relative;
	display: inline-block;
	padding-right: 2rem;
	margin-bottom: 3rem;
}

.veg-home-books .subsection-title a {
	margin-bottom: 1rem;
}

.subsection-title a:after {
	position: absolute;
	right: 0;
	content: "";
	width: 15px;
	height: 10px;
	top: 0.6rem;
	background: url('../img/icon-arrow.svg') center center no-repeat;
}

.more-books-title {
	text-align: center;
	text-decoration: underline;
	line-height: 1.6875rem;
	letter-spacing: 0.035rem;
	font-size: 0.875rem;
	font-weight: 400;
	margin: 2rem 0 0 0;
}

.more-news-title {
	text-align: right;
	text-decoration: underline;
	line-height: 1.6875rem;
	letter-spacing: 0.035rem;
	font-size: 0.875rem;
	font-weight: 400;
	margin: 2rem 0 0 0;
}

.more-books-title a,
.more-news-title a {
	padding-right: 1.5rem;
	background: url('../img/icon-arrow.svg') right center no-repeat;
}

@media only screen and (max-width: 40em) {
	.aside-column {
		margin-top: 2rem;
	}

	.aside-nav {
		margin-top: 1rem;
	}

	main section + section {
		margin-top: 1rem;
	}

	main section.bg-light:last-child {
		margin-bottom: -1rem;
	}

	.bg-light {
		padding: 1rem;
	}

	.subsection-title a {
		margin-bottom: 1rem;
	}
}

/* cookie consent */

.cookie-consent-container {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 300px;
	max-width: 90vw;
	background: var(--c-white);
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	z-index: 100;
	border: 1px solid var(--c-ablack);
}

.cookie-consent-container a {
	color: var(--c-red);
}

.cookie-consent-container button {
	font-size: 0.875rem;
	font-family: var(--f-base);
}

.cookie-consent-container button + button {
	margin-left: 1rem;
}

/* vertical accordion */

:root {
	--nav-item-offset: 6%;
	--nav-item-hover-offset: 2%;
	--easing: cubic-bezier(0.8, 0, 0.2, 1);
	--duration: 0.6s;
}

.bar-navigation {
	max-height: 90vh;
	height: 34rem;
	display: flex;
	overflow: hidden;
	position: relative;
}

.nav-list, .nav-item {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.nav-list {
	grid-row: -1;
	max-height: 90vh;
	height: 34rem;
	counter-reset: list;
}

.nav-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: multiply;
	max-height: 90vh;
	height: 34rem;

	--tx: calc(-100% + var(--nav-item-offset) + 2%);
	display: grid;
	position: absolute;
	width: 82%;
	transition: transform var(--duration) var(--easing);
	margin-left: calc(var(--i) * var(--nav-item-offset));
	overflow: hidden;
	transform: translateX(var(--tx));
	z-index: calc(var(--total) - var(--i));
	animation: slide-down 1s cubic-bezier(0.5, 0, 0.3, 1);
	animation-delay: calc(var(--i) * .15s);
	animation-fill-mode: backwards;
}

.nav-item:not(.item-chosen):hover {
	cursor: pointer;
}

.nav-item:not(:last-child) {
	border-right: 3px solid white;
}

.nav-item:hover:not(:focus):after {
	transform: none;
}

.item-chosen,
.nav-item:focus {
	transform: translateX(0);
	outline: none;
}

.item-chosen ~ .nav-item,
.nav-item:focus ~ .nav-item {
	transform: none;
}

.item-chosen,
.nav-item:focus-within {
	transform: translateX(0);
}

.item-chosen ~ .nav-item,
.nav-item:focus-within ~ .nav-item {
	transform: none;
}

@keyframes slide-up {
	from {
		transform: translateY(130%);
	}
	to {
		transform: translateY(0);
	}
}

.sc-info {
	position: absolute;
	left: 95%;
	bottom: 0;
	width: 100%;
	top: 93%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	transform: rotate(-90deg);
	transform-origin: top left;
}

.item-chosen .sc-info,
.nav-item:focus .sc-info {
	transform: rotate(0);
	transform-origin: bottom left;
	bottom: 3rem;
	right: 3rem;
	left: 3rem;
	width: auto;
	top: initial;
}

.sc-info a {
	display: none;
	color: var(--c-white);
}

.item-chosen .sc-info a {
	display: inline-block;
}

.item-chosen .sc-info a.
.nav-item:focus .sc-info a {
	display: initial;
}

h3.sc-title {
	color: var(--c-white);
	font-size: 1.3125rem;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 1rem;
	line-height: 1.6875rem; /* 128.571% */
}

.sc-desc {
	color: var(--c-white);
	font-size: 1.3125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6875rem; /* 128.571% */
	letter-spacing: 0.0525rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.sc:hover .sc-desc {
	-webkit-line-clamp: 20;
}


@media only screen and (max-width: 40em) {
	:root {
		--nav-item-offset: 9%;
		--nav-item-hover-offset: 4%;
		--easing: cubic-bezier(0.8, 0, 0.2, 1);
		--duration: 0.6s;
	}

	.item-chosen .sc-info, .nav-item:focus .sc-info {
		bottom: 1.5rem;
		left: 1.5rem;
		right: 1.5rem;
	}

	.bar-navigation {
		margin-top: -2rem;
	}

	.sc-info {
		left: 90%;
		top: 94%;
	}

	h3.sc-title {
		font-weight: normal;
	}

	.item-chosen h3.sc-title {
		font-weight: 600;
	}

	.nav-item {
		width: 73%;
		--tx: calc(-100% + var(--nav-item-offset) + 4%);
	}
}

/* tile nav */

.tile-nav {
	margin: 4rem 0 0 0;
}

section .tile-nav {
	margin-top: 0;
}

.tile-nav li a {
	display: block;
	padding: 1rem 0;
	position: relative;
	border-bottom: 1px solid var(--c-ablack);
	transition: background .4s cubic-bezier(.37,0,.21,1.02);

	font-weight: 400;
	letter-spacing: 0.03em;
/* 	font-size: 1.25rem; teksts līda uz bultām*/
line-height: 1.65rem;
}

.tile-nav li a:after {
	content: "";
	position: absolute;
	width: 0;
	bottom: -1px;
	height: 1px;
	background: var(--c-black);
	right: 0;
	transition: width .5s cubic-bezier(.37,0,.21,1.02);
}

.tile-nav li a:hover:after {
	left: 0;
	right: auto;
	width: 100%;
}

.tile-nav li a:before {
	width: 40px;
	right: 0;
	content: "";
	position: absolute;
	background: url('../img/icon-arrow.svg') right center no-repeat;
	height: 40px;
	transition: transform .5s cubic-bezier(.37,0,.21,1.02), color 0.5s cubic-bezier(.37,0,.21,1.02) 0.5s, background 0.7s cubic-bezier(.37,0,.21,1.02) 0.5s;
}

.acc-defs {
	font-size: 0.875rem;
	margin-bottom: 2rem;
}

.acc-defs r-cell {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 40em) {
	.tile-nav {
		margin-top: 1rem;
	}

	.tile-nav li a {
		padding-right: 1rem;
	}

	.tile-nav li a:before {
		top: 8px;
	}

	.acc-defs r-cell {
		margin-bottom: 1rem;
	}
}

/* kids */

.kids-entry-wrap {
	border-radius: 0.25rem;
	height: 32rem;
	max-height: 90vh;
	width: 100%;
	background: url('../img/kids.jpeg') right bottom no-repeat;
	background-size: cover;
	position: relative;
}

.kids-entry-info {
	position: absolute;
	top: 3.5rem;
	left: 3rem;
	right: 3rem;
	bottom: 3rem;
}

.kids-entry-nav {
	width: 50%;
	margin-top: 2rem;
}

.kids-entry-nav li + li {
	margin-left: 0.25rem;
}

.kids-entry-nav li {
	margin-bottom: 0.75rem;
	display: inline-block;
}

.kids-entry-nav a {
	display: block;
	border-radius: 3.125rem;
	border: 1px solid var(--c-black);
	padding: 1.25rem;
}

.kids-entry-nav a:hover {
	background: var(--c-black);
	color: var(--c-white);
}

@media only screen and (max-width: 40em) {
	.kids-entry-wrap {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url('../img/kids.jpeg') right bottom no-repeat;
		background-size: cover;
		background-blend-mode: multiply;
		color: var(--c-white);
	}

	.kids-entry-nav {
		width: 100%;
	}

	.kids-entry-nav a {
		color: var(--c-white);
		border-color: var(--c-white);
	}

	.kids-entry-wrap .subsection-title {
		color: var(--c-white);
	}
}

/* survey */

.survey-wrap {
	background: var(--c-lightgreen);
	color: var(--c-white);
	border-radius: 0.25rem;	
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 3.75rem 3rem;
}

.survey-wrap  .subsection-title {
	color: var(--c-white);
	margin-bottom: 3rem;
}

.form-survey legend {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 2rem;
}

.form-survey button {
	border-radius: 0.25rem;
	border: 1px solid rgba(255, 255, 255, 0.30);
	color: var(--c-white);
	font-size: 1.25rem;
	font-style: normal;
	padding: 1.25rem 4rem;
	line-height: 1rem;
	letter-spacing: 0.0375rem;
	font-family: var(--f-base);
	margin-top: 1.5rem;
	transition: all 0.3s ease-in-out;
}

.form-survey button:hover {
	background: var(--c-white);
	color: var(--c-lightgreen);
}

.form-thankyou {
	display: none;
	margin-top: 2rem;
}

/* Customize the label (the container) */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	font-family: var(--f-base);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	letter-spacing: 0.04rem;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.56rem;
	width: 1.56rem;
	background-color: rgba(255, 255, 255, 0.30);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
/* 	background-color: #2196F3; */
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 5px;
	border-radius: 50%;
	top: 5px;
	background-color: var(--c-lightgreen);
	width: 0.93rem;
	height: 0.93rem;
}

@media only screen and (max-width: 40em) {
	.survey-wrap {
		margin-top: 1rem;
	}
}

/* special note */

.special-note-wrap {
	padding: 1rem 1.5rem 1rem 1rem;
	border: 1px solid;
	position: relative;
	padding-left: 4rem;
	border-radius: 4px;
}

.special-note-wrap svg {
	position: absolute;
	top: 1.75rem;
	left: 1.25rem;
}

.special-note-wrap p {
	letter-spacing: 0.04em;
	line-height: 1.5rem;
}

.snt-0 {
	border-color: var(--c-red);
	color: var(--c-red) !important;
}

.snt-1 {
	border-color: var(--c-red);
	background: var(--c-red);
	color: var(--c-white) !important;
}

.snt-2 {
	border-color: var(--c-darkgreen);
	color: var(--c-darkgreen) !important;
}

.snt-3 {
	border-color: var(--c-darkgreen);
	background: var(--c-darkgreen);
	color: var(--c-white) !important;
}

.snt-4 {
	border-color: var(--c-yellow);
	background: var(--c-yellow);
	color: var(--c-white) !important;
}

.snt-5 {
	border-color: var(--c-lightgreen);
	background: var(--c-lightgreen);
	color: var(--c-white) !important;
}

.snt-0 svg path {
	stroke: var(--c-red);
}

.snt-2 svg path {
	stroke: var(--c-darkgreen);
}

.snt-1 svg path,
.snt-3 svg path,
.snt-4 svg path,
.snt-5 svg path {
	stroke: var(--c-white);
}

/* video one */

.video-one-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 460px;
	border: 1px solid;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
}

.video-one-wrap svg {
	position: absolute;
	left: 2rem;
	bottom: 1.5rem;
}

.video-one-wrap + .video-one-wrap {
	margin-top: 3rem;
}

.video-one-title {
	font-size: 2.5rem;
	width: 60%;
	text-align: center;
	line-height: 3rem;
}

@media only screen and (max-width: 40em) {
	.video-one-title {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

/* header */

header {
	position: relative;
	background: var(--c-white);
	transition: background 0.3s cubic-bezier(0.28, 0, 0.18, 1);
}

.noscroll header.bg-light,
.noscroll header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	background: var(--c-white);
}

header.bg-light {
	background: var(--c-light);
	padding: 0;
}

.header-top {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--c-ablack);
}

body.colors-for-the-visually-impaired .header-top {
/* 	border-bottom: none; */
}

.body-home .header-top {
	border-bottom: 0;
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light svg path {
	fill: var(--c-white);
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light svg circle {
	stroke: var(--c-white);
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light + main .page-header svg path {
	fill: var(--c-white);
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light + main .page-header .regional-top svg path {
	stroke: var(--c-white);
	fill: initial;
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light + main .page-header svg circle {
	stroke: var(--c-white);
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light .e-katalogs {
	background: var(--c-white);
	color: var(--c-black);
}

body.colors-for-the-visually-impaired:not(.noscroll) .bg-light a {
	color: var(--c-white);
}

body.colors-for-the-visually-impaired .bg-light .main-nav-wrap a {
	color: var(--c-black);
}

/* .noscroll header {
	border-bottom: 1px solid var(--c-ablack);
} */

.logo-wrap {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.logo-wrap > *:last-child {
	margin-left: 4rem;
	display: inline-block;
}

.logo-jelgava img,
.logo-jpb img {
	width: auto;
	max-height: 70px;
}

.logo-jpb img {
	max-height: 45px;
}

.icon-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 0.75rem;
}

.icon-nav button + button {
	margin-left: 1rem;
}

.today-workhours {
	padding-right: 1rem;
	margin-right: 1rem;
	border-right: 1px solid var(--c-black);
	display: inline-block;
}

.header-info-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	font-size: 0.875rem;
	line-height: 1rem;
	height: 100%;
	position: relative;
}

@media only screen and (max-width: 40em) {
	header .wrap {
		margin: 0;
	}

	.header-info-wrap .icon-nav {
		z-index: 11;
	}

	.logo-jelgava svg {
		height: 2rem;
	}

	.logo-wrap > *:last-child {
		margin: 0 0 0 1rem;
	}

	.noscroll header.bg-light, .noscroll header {
		position: relative;
	}
}

/* burger */

.burger {
	position: fixed;
	z-index: 10;
	top: 3rem;
	left: 1.5rem;
	color: var(--c-black);
	letter-spacing: 0.04em;
	line-height: 27px;
	font-size: 1rem;
	display: flex;
	border-radius: 30px;
	justify-content: space-between;
	align-items: center;
	transition: background-color .3s ease-in-out, color;
}

body.colors-for-the-visually-impaired:not(.body-home) .burger:not(.burger-sticky) {
	color: var(--c-white);
}

/*  .burger.burger-open {
 	background: var(--c-cream);
 	color: var(--c-red);
 	transition: background-color .3s ease-in-out;
 } */

 .burger-scroll {
 	width: 55px;
 	height: 55px;
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	transition: transform .4s ease-in-out, opacity .4s ease .1s;
 }

 .burger-sticky .burger-scroll {
 	background: var(--c-light);
 }

 .burger-invert .burger-scroll {
 	background-color: var(--c-cream)
 }

 .burger-open .burger-scroll {
 	/* transform: scale(0); */
 	background-color: var(--c-cream);
 	transition: transform .3s ease-in-out, opacity .4s ease .1s;
 }

 .site-invert + .burger-invert .burger-scroll,
 .burger-open.burger-invert .burger-scroll {
/*  	background-color: var(--c-red); */
}

.burger-text {
	display: flex;
	overflow: hidden;
	width: 90px;
	font-family: var(--f-base);
	font-size: 0.875rem;
	justify-content: flex-end;
	transform: translateX(-1rem);
	transition: opacity 0.4s linear, width 0.3s cubic-bezier(0.28, 0, 0.18, 1);
}

.burger-sticky:not(.burger-open) .burger-text {
	opacity: 0;
	width: 0;
	transition: opacity 0.4s linear, width 0.3s cubic-bezier(0.28, 0, 0.18, 1);
}

.burger-text i,
.burger-text u {
	text-decoration: none;
	font-style: normal;
}

.burger-text u {
	display: none;
}

.burger-icon {
	height: 2px;
	width: 35px;
	position: relative;
	display: inline-block;
	transition: transform .2s ease;
}

.burger-scroll .burger-icon {
	margin-left: 0;
}

.burger:hover .burger-icon {
	transform: rotate(90deg);
}

.burger:hover .burger-icon,
.burger-icon-line {
	transition: transform .2s ease .2s;
}

.burger-icon-line {
	background: var(--c-black);
	display: block;
	width: 35px;
	height: 1px;
	position: absolute;
	top: 0;
	transform: translate3d(0, 0, 0);
	transition: transform .2s ease .2s, background 0.2s ease 0.2s;
}

body.colors-for-the-visually-impaired .burger-sticky .burger-icon-line {
	background: var(--c-white);
}

body.colors-for-the-visually-impaired:not(.body-home) .burger-icon-line {
	background: var(--c-white);
}

.burger-invert .burger-icon-line {
	background: var(--c-red);
}

.site-invert + .burger-invert .burger-icon-line,
.burger-open.burger-invert .burger-icon-line {
	background: var(--c-black);
}

.burger-open .burger-icon-line {
	background: var(--c-black);
}

.burger-icon-line:first-child {
	transform: translate3d(0, -8px, 0)
}

.burger-icon-line:last-child {
	transform: translate3d(0, 8px, 0);
	width: 17px;
}

.burger:hover .burger-icon-line {
	transform: translateZ(0);
	transition: transform .2s ease;
}

.burger-open .burger-icon-line:first-child {
	transform: rotate(-45deg);
}

.burger-open .burger-icon-line:nth-child(2) {
	display: none;
}

.burger-open .burger-icon-line:last-child {
	transform: rotate(45deg);
	width: 35px;
}

.burger-mobile {
	display: none;
}

@media only screen and (max-width: 40em) {
	.burger-wrap {
		display: none;
	}

	.burger-mobile {
		position: fixed;
		display: block;
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		z-index: 20;
	}

	.burger {
		position: relative;
		top: initial;
		left: initial;
	}

	.burger-scroll {
		background: var(--c-black);
	}

	.burger-open .burger-icon-line,
	.burger-icon-line {
		background: var(--c-white);
	}

	.burger-text { 
		display: none;
	}

	.burger-open .burger-scroll {
		background-color: var(--c-black);		
	}

	.home {
		position: relative;
		top: initial;
		left: initial;
		margin-left: 1rem;
		background: var(--c-black);
		border-radius: 50%;
		color: var(--c-white);
	}

	.home svg path {
		fill: var(--c-white);
	}
}

/* burger nav wrap */

.burger-nav-wrap {
	position: fixed;
/* 	top: 128.5px; rādījas 1px caurspīdīga līnija*/
top: 118px;
bottom: 0;
right: 0;
height: 0;
width: 100%;
z-index: 9;
background: var(--c-white);
overflow-x: hidden;
visibility: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch; /* for ios safari */
transition: height 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.burger-nav-active {
	height: calc(100vh - 118px);
	overflow-y: auto;
	visibility: visible;
	transition: height 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100 {
	position: absolute;
	right: 0;
	height: 100vh;
	padding: 0 2rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100vw;
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1) 0.3s;
}

.burger-nav-active .wrap100 {
	background: var(--c-white);
	transition: background 0.5s cubic-bezier(0.6, 0, 0, 1);
}

.wrap100 .wrap {
	height: 100%;
}

.burger-nav-wrap ul {
	letter-spacing: 0.04em;
	line-height: 1.8rem;
}

.burger-nav-title {
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	margin-bottom: 2rem;
/* 	overflow: hidden; griezās nost burti izvēlnē*/
text-overflow: ellipsis;
white-space: nowrap;

display: inline-block;
}

.burger-nav-subtitle {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.main-nav-wrap {
	height:  auto;
}

.main-nav-wrap li.active a {
	color: var(--c-red);
}

.main-nav-wrap r-cell {
	position: relative;
}

.main-nav-wrap r-cell:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 90%;
	top: 0;
	left: -1.25rem;
	background: var(--c-ablack);
}

body.colors-for-the-visually-impaired .main-nav-wrap r-cell:before {
	background: var(--c-black);
}

.main-nav-wrap > r-cell:nth-child(2):before {
	height: 78%;
}

.main-nav-wrap r-cell r-cell:before {
	height: 85%;
}

.main-nav-wrap > r-cell:first-child:before,
.main-nav-wrap > r-cell:nth-child(3):before,
.main-nav-wrap > r-cell:nth-child(7):before,
.main-nav-wrap r-cell r-cell:first-child:before {
	width: 0;
}

.main-nav-wrap r-cell[span="3"] {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--c-ablack);
}

body.colors-for-the-visually-impaired .main-nav-wrap r-cell[span="3"] {
	border-color: var(--c-black);
}

.main-nav-wrap > r-cell:nth-last-child(-n + 3) {
	border-bottom: 0;
}

.colortitle a {
	color: var(--c-blue);
}

.e-katalogs {
	background: var(--c-red);
	color: var(--c-white);
	padding: 1rem 2rem;
	display: block;
	position: absolute;
	top: 100%;
	margin-top: 1.5rem;
	right: 0;
	z-index: 9;
}

.e-katalogs:hover {
	background: var(--c-blue);
	color: var(--c-white);
}

body.colors-for-the-visually-impaired .e-katalogs:hover {
	background: var(--c-red);
	color: var(--c-white);
}

header > .e-katalogs {
	top: 100%;
}

.search-form {
	position: relative;
	padding: 2rem 0 1.5rem 0;
	border-bottom: 1px solid var(--c-ablack);
	margin: 0 0 3rem 0;
}

body.colors-for-the-visually-impaired .wrap100 .search-form {
	border-color: var(--c-black);
}

.search-form:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	background: rgba(43,110,177,0.2);
	width: calc(100%);
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.1s, background 1s cubic-bezier(0.7,0,0.3,1);
}

.search-wrap-active .search-form:after {
	transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.8s, background 1s cubic-bezier(0.7,0,0.3,1);
	transform: translateX(-50%) scaleX(1);
}

button.button-search-submit {
	position: absolute;
	top: 2.4rem;
	left: 0;
	outline: none;
	pointer-events: none;
}

input.search-page:focus,
input.search-page,
input.search-input:focus,
input.search-input {
	background: transparent;
	box-shadow: none;
	border: 0;
	display: block;
	width: 100%;
	font-size: 1.8rem;
	margin: 0;
	font-family: var(--f-base);
	letter-spacing: 0.03em;
	color: var(--c-black);
	padding-left: 4rem;
	padding-right: 11rem;
	outline: 0;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

input.search-page::placeholder,
input.search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--c-ablack);
	opacity: 1; /* Firefox */
}

input.search-page:-ms-input-placeholder,
input.search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--c-ablack);
}

input.search-page::-ms-input-placeholder,
input.search-input::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--c-ablack);
}

body.colors-for-the-visually-impaired .wrap100 input.search-page::placeholder,
body.colors-for-the-visually-impaired .wrap100 input.search-input::placeholder {
	color: var(--c-black);
}

@media only screen and (max-width: 40em) {
	.search-form {
		margin-bottom: 0;
	}

	.search-results-page {
		margin-top: 2rem;
	}

	.main-nav-wrap {
		margin-top: 2rem;
	}

	.main-nav-wrap r-grid[columns="9"] r-cell[span="3"] {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}

	.main-nav-wrap r-grid[columns="9"] r-cell[span="3"]:last-child {
		margin-bottom: 2rem;
	}

	.main-nav-wrap > r-cell:nth-last-child(-n + 3) {
		border-bottom: 1px solid var(--c-ablack);
		padding-bottom: 1rem;
	}

	.main-nav-wrap > r-cell:last-child {
		margin-bottom: 6rem;
	}

	input.search-page:focus,
	input.search-page,
	input.search-input:focus,
	input.search-input {
		padding-right: 0;
	}

	.burger-nav-wrap {
		top: 0;
	}

	.burger-nav-title {
		margin-bottom: 1rem;
	}

	.burger-nav-active {
		height: 100vh;
	}

	.e-katalogs {
		width: 130%;
	}

	.wrap100 {
		padding: 0 1rem;
	}

	.search-form {
		padding: 1rem 0 0.5rem 0;
	}

	button.button-search-submit {
		top: 1rem;
	}

	input.search-page:focus, 
	input.search-page, 
	input.search-input:focus, 
	input.search-input {
		font-size: 1.25rem;
		padding-left: 3rem;
		padding-right: 6rem;
	}
}

/* main banner */

.page-header {
	background: var(--c-light);
	padding: 4rem 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.ph-img h2,
.ph-img p,
.ph-img,
.ph-img a {
	color: var(--c-white);
}

.ph-img path {
	stroke: var(--c-white);
}

.page-title {
	font-size: 2.25rem;
	line-height: 2.75rem;
}

.page-description {
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	line-height: 2.2rem;
	margin: 0;
}

body.colors-for-the-visually-impaired .page-description,
body.colors-for-the-visually-impaired h2.page-title,
body.colors-for-the-visually-impaired .breadcrumbs-wrap a {
	color: var(--c-white);
}

.breadcrumbs-wrap {
	padding-bottom: 2rem;
}

.breadcrumbs-wrap svg {
	margin-right: 0.5rem;
}

.breadcrumbs-wrap a {
	font-size: 0.875rem;
}

.breadcrumbs {
	display: inline-block;
	margin-left: 2rem;
	font-size: 0.75rem;
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs a {
	letter-spacing: 0.02em;
	font-size: 0.75rem;
}

@media only screen and (max-width: 40em) {
	.page-title {
		font-size: 1.5rem;
		line-height: 2.18rem;
	}

	.page-description {
		margin-top: 1.5rem;
		font-size: 1.125rem;
		line-height: 1.625rem;
		letter-spacing: 0.045em;
	}	

	.page-header {
		padding: 1rem 0;
	}

	.breadcrumbs {
		display: block;
		margin-left: 0;
	}
}

/* faq */

.accordion-search {
	margin-bottom: 8rem;
}

.ac {
	background-color: transparent;
}

.ac-accordion {
	border: 0;
	padding: 1rem 0;
	position: relative;
	border-bottom: 1px solid var(--c-ablack);
	transition: background .4s cubic-bezier(.37,0,.21,1.02);
}

.ac-accordion:after {
	content: "";
	position: absolute;
	width: 0;
	bottom: -1px;
	height: 1px;
	background: var(--c-black);
	right: 0;
	transition: width .5s cubic-bezier(.37,0,.21,1.02);
}

.ac-accordion.is-active:after,
.ac-accordion:hover:after {
	left: 0;
	right: auto;
	width: 100%;
}

.ac-accordion.is-active {
	background: var(--c-a0white);
}

.ac .ac-trigger:focus {
	color: var(--c-black);
}

.ac .ac-trigger {
	font-weight: 400;
	letter-spacing: 0.03em;
	font-size: 1.25rem;
	line-height: 1.65rem;
	padding: 0 2rem 0 0;
	font-family: var(--f-base);
}

.ac .ac-trigger span {
	font-size: 1rem;
}

.ac .ac-trigger::after {
	font-size: 2rem;
	font-family: var(--f-base);
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 40px;
	right: 0;
	height: 40px;
	transition: transform .5s cubic-bezier(.37,0,.21,1.02), color 0.5s cubic-bezier(.37,0,.21,1.02) 0.5s, background 0.7s cubic-bezier(.37,0,.21,1.02) 0.5s;
}

.ac.is-active>.ac-header .ac-trigger::after {
	content: "+";
	transform-origin: center;
	transform: translate(0,-50%) rotate(45deg);
}

.ac-content {
	position: relative;
	padding: 2.5rem 0 3rem 0;
	overflow-x: auto;
}

.ac-content:before {
	content: "";
	position: absolute;
	top: 1rem;
	width: 0;
	background: var(--c-black);
	height: 1px;
	transition: width .5s cubic-bezier(.37,0,.21,1.02) 0.9s;
}

.is-active .ac-content:before {
	width: 3rem;
}

.libraries-contacts-wrap r-cell {
	margin-bottom: 2rem;
}

.libraries-contacts {
	font-style: normal;
}

.libraries-contacts svg {
	margin-right: 0.5rem;
}

.libraries-contacts a {
	color: var(--c-red);
}

.address-title {
	display: block;
}

.libraries-contacts a {
	display: inline-flex;
	align-items: center;
}

.ac-kids h2 {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 160px;
	border-radius: 5px;
	z-index: 2;
	position: relative;
}

.ac-kids {
	padding: 0;
	margin-bottom: 1rem;
	border-bottom: 0;
}

h2.ac-header {
	position: relative;
}

.ac-kids h2.ac-header:after {
	content: "";
	top: 0;
	position: absolute;
	width: 100%;
	border-radius: 5px;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 58, 127, 0.00) 0%, rgba(0, 58, 127, 0.70) 100%);
	background-blend-mode: multiply;
}

.ac-kids:after {
	display: none;
}

.ac-kids.ac .ac-trigger {
	position: absolute;
	width: 95%;
	bottom: 0;
	height: 100%;
	padding-bottom: 1rem;
	display: flex;
	align-items: flex-end;
	z-index: 3;
	left: 1rem;
	right: 1rem;
	color: var(--c-white);
}

.ac-kids .ac-trigger::after {
	bottom: -0.75rem;
	top: initial;
}

@media only screen and (max-width: 40em) {
	.accordion {
		margin-bottom: 2rem;
	}

	.accordion-search {
		margin-bottom: 4rem;
	}

	.ac-accordion {
		padding-left: 0;
	}

	.ac-accordion.is-active {
		padding-left: 0;
		background: transparent;
	}

	.ac-accordion + .ac-accordion {
		margin: 0;
	}

	.ac .ac-trigger {
		letter-spacing: 0.03em;
		line-height: 1.65rem;
		font-size: 1rem;
	}
	
	.ac-kids.ac .ac-trigger {
		width: auto;
	}
}

/* persons */

.person-wrap r-cell {
	margin-bottom: 2rem;
}

.person-img-wrap {
	width: 207px;
	height: 207px;
}

.person-no-img {
	width: 207px;
	height: 207px;
	background: var(--c-light);
}

.person-info-wrap {
	letter-spacing: 0.04em;
	line-height: 1.75rem;
}

.person-info-wrap a {
	color: var(--c-red);
}

.person-status {
	margin-bottom: 1rem;
}

.aside-persons-wrap {
	margin: 3rem 0;
	border-radius: 0.625rem;
	padding: 1.5rem;
	background: var(--c-lightgreen);
	color: var(--c-white);
	font-size: 0.875rem;
}

.aside-contacts a:hover,
.aside-contacts a {
	color: var(--c-white);
}

.aside-contacts {
	margin: 0;
}

.aside-contacts dt {
	display: block;
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 1rem;
}

.aside-contacts dd {
	display: block;
	margin: 0;
}

.aside-contacts dd + dd {
	margin-top: 2rem;
}

.aside-contacts-name {
	display: block;
}

.aside-contacts i {
	display: block;
	margin-bottom: 0.5rem;
}

/* contacts */

.contacts-box-wrap {
	margin: 3rem 0;
}

.color-box {
	border-radius: 0.25rem;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	letter-spacing: 0.04em;
	padding: 2rem;
}

.color-box span {
	font-weight: 500;
}

.color-box i {
	display: block;
	font-size: 1rem;
	font-style: normal;
	margin-bottom: 0.5rem;
}

.box-blue:hover {
	color: var(--c-blue);
}

.box-blue {
	background: var(--c-blue-a);
	color: var(--c-blue);
}

.box-red:hover {
	color: var(--c-red);
}

.box-red {
	background: var(--c-red-a);
	color: var(--c-red);
}

.box-green:hover {
	color: var(--c-lightgreen);
}

.box-green {
	background: var(--c-lightgreen-a);
	color: var(--c-lightgreen);
}

.contacts-info dt {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.contacts-info dd {
	font-size: 1.25rem;
	margin: 0;
	font-weight: 500;
	line-height: 1.75rem;
}

.contacts-worktime dd {
	font-size: 1rem;
}

.contacts-worktime .special-note-wrap {
	margin: 2rem 0;
}

.contacts-info dd + dt {
	margin-top: 3rem;
}

.contacts-info a {
	color: var(--c-red);
}

@media only screen and (max-width: 40em) {
	.color-box {
		height: auto;
		margin-bottom: 1rem;
	}
}

/* document */

.attachment-wrap {
	margin-top: 1rem;
}

.docs-list li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: var(--c-blue-a);
	border-radius: 4px;
	color: var(--c-blue);
	padding: 1rem;
}

.docs-list li a.docs-link {
	background: var(--c-red-a);
	color: var(--c-red);
}

.docs-list svg + span {
	margin-left: 1rem;
	width: 80%;
}

.docs-list li a {
	color: var(--c-blue);
}

.docs-list li + li {
	margin-top: 1rem;
}

@media only screen and (max-width: 40em) {
	.docs-list {
		margin-bottom: 2rem;
	}
}

/* links accordion */

.link-entry-link {
	color: var(--c-red);
	display: flex;
	align-items: center;
}

.link-entries {
	display: flex;
	justify-content: space-between;
}

.link-entry-fb {
	color: var(--c-blue);
	display: flex;
	align-items: center;
}

.link-entry-fb svg {
	margin-right: 0.75rem;
}

.link-entry-item:not(:last-child) {
	border-bottom: 1px solid var(--c-ablack);
	padding-bottom: 1rem;
}

.link-entry-item + .link-entry-item {
	margin-top: 1rem;
}

.link-entry-desc {
	margin-top: 1rem;
}

@media only screen and (max-width: 40em) {
	.link-entries {
		flex-direction: column;
	}

	.link-entries span {
		width: 80%;
		font-size: 0.875rem;
	}
}

/* news */

.news-list-item {
	border-bottom: 1px solid var(--c-ablack);
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
}

.news-list-item:nth-last-child(2) {
	border: 0;
}

.news-list-date {
	font-size: 0.75rem;
	letter-spacing: 0.03em;
}

.news-list-title {
	font-size: 2rem;
	line-height: 2.5rem;
}

.news-list-intro {
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 1.6rem;
}

.news-list-paginations-wrap {
	text-align: center;
}

.pagination {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination li a {
	opacity: 0.5;
	padding: 0.5rem;
}

.pagination li.current a,
.pagination li:hover a {
	opacity: 1;
}

.pagination li {
	display: inline-block;
}

.pagination li + li {
	margin-left: 0.2rem;
}

.pagination li.pagination-next a {
	margin-left: 1rem;
}

.pagination li.pagination-previous a {
	margin-right: 1rem;
	transform: rotate(180deg);
}

.pagination-next a,
.pagination-previous a {
	width: 50px;
	height: 50px;
	display: block;
	background: url(../img/icon-arrow.svg) center center no-repeat;
	border-radius: 50%;
	background-size: 0.5rem auto;
	border: 1px solid var(--c-black);
}

li.disabled {
	display: none;
}

.news-top-wrap {
	font-size: 0.875rem;
	display: flex;
	margin-bottom: 4rem;
	align-items: center;
	justify-content: flex-end;
}

.news-top-wrap .footer-soc {
	margin-left: 2rem;
}

.top-img-wrap {
	height: 430px;
	max-height: 50vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-img-wrap img {
	object-fit: cover;
	width: 100%;
	min-height: 100%;
}

.news-year {

	border: 1px solid var(--c-black);
	padding: 0.65rem 2rem 0.65rem 1rem;
	border-radius: 1rem;

	margin: 0 0 0 2rem;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.news-year {
	background-image:
	linear-gradient(45deg, transparent 50%, black 50%),
	linear-gradient(135deg, black 50%, transparent 50%);
	background-position:
	calc(100% - 20px) calc(1em + 2px),
	calc(100% - 15px) calc(1em + 2px),
	100% 0;
	background-size:
	5px 5px,
	5px 5px,
	2.5em 2.5em;
	background-repeat: no-repeat;
}

.news-year:focus {
	background-image:
	linear-gradient(45deg, black 50%, transparent 50%),
	linear-gradient(135deg, transparent 50%, black 50%);
	background-position:
	calc(100% - 15px) 1em,
	calc(100% - 20px) 1em,
	100% 0;
	background-size:
	5px 5px,
	5px 5px,
	2.5em 2.5em;
	background-repeat: no-repeat;
	border-color: grey;
	outline: 0;
}

@media only screen and (max-width: 40em) {
	.news-list-item:nth-last-child(2) {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.news-top-wrap {
		margin-bottom: 1rem;
		justify-content: flex-start;
	}
}

/* news open */

.news-open-wrap {
	margin-top: 4rem;
}

.news-open-title {
	font-size: 1.5rem;
	line-height: 2.125rem;
	letter-spacing: 0.06em;
	margin: 2rem 0;
}

.article-date,
.article-author,
.article-share {
	display: block;
	margin-bottom: 1rem;
	font-size: 0.75rem;
}

.article-share {
	margin-top: 1rem;
}

.article-share b {
	margin-bottom: 0.5rem;
	display: inline-block;
}

.print-button {
	border-radius: 50%;
	border: 1px solid var(--c-black);
	display: inline-flex;
	justify-content: center;
	width: 35px;
	height: 35px;
	align-items: center;
	vertical-align: bottom;
	cursor: pointer;
}

.link-button {
	border-radius: 50%;
	border: 1px solid var(--c-black);
	display: inline-flex;
	justify-content: center;
	width: 35px;
	height: 35px;
	align-items: center;
	vertical-align: bottom;
	cursor: pointer;
}

@media only screen and (max-width: 40em) {
	.news-open-wrap {
		margin-top: 0;
	}

	.article-share {
		margin-top: 0;
	}

	.content-column {
		margin-top: 1rem;
	}

	.content-column section + section {
		margin-top: 2rem;
	}
}

/* events */

.swiper-events-wrap {
	position: relative;
}

.swiper-events-buttons {
	position: absolute;
	bottom: 100%;
	right: 0;
}

.swiper-events-buttons button + button {
	margin-left: 2.5rem;
}

.events-prev svg {
	transform: rotate(180deg);
}

.event-list-clock {
	text-transform: none;
}

.event-list-wrap {
	position: relative;
}

.swiper-events .swiper-slide {
	position: relative;
}

.swiper-events .swiper-slide + .swiper-slide:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 90%;
	left: -1.25rem;
	top: 0;
	background: var(--c-ablack);
}

.event-list-wrap:after {
	content: "";
	left: 100vw;
	top: 0;
	bottom: 0;
	width: 10vw;
	transform: translateX(-10vw);
	z-index: 2;
	position: absolute;
	background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, var(--c-white) 52.81%);
}

a.event-wrap {
	display: block;
	position: relative;
	padding: 0 2rem 2rem 0;
	background: url('../img/icon-arrow.svg') right top 0.25rem no-repeat;
}

.swiper-slide .event-wrap > r-grid:first-child {
	height: 100%;
}

.swiper-slide a.event-wrap {
	height: 100%;
	background: none;
	margin-bottom: 0 !important;
}

a.event-wrap:last-child {
	margin-bottom: 3rem;
}

a.event-wrap + a.event-wrap {
	margin-top: 3rem;
}

a.event-wrap:after {
	content: '';
	position: absolute;
	top: 99%;
	height: 1px;
	background: var(--c-black);
	width: 100%;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1), background 1s cubic-bezier(0.28, 0, 0.18, 1);
}

a.event-wrap:before {
	content: "";
	position: absolute;
	background: var(--c-ablack);
	top: 99%;
	height: 1px;
	width: 100%;
}

a.event-wrap:hover:after {
	transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s, background 1s cubic-bezier(0.28, 0, 0.18, 1);
	transform: translateX(-50%) scaleX(1);
}

a.event-wrap div:last-child h4 {
	position: relative;
}

.event-list-date {
	height: 100%;
	width: 90%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 0.75rem;
	line-height: 1.625rem;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	text-align: center;
	padding-right: 1.5rem;
	margin-right: 1.5rem;
}

.swiper-events .swiper-slide {
	height: auto;
}

.swiper-slide .event-list-date {
	margin: 0;
	justify-content: flex-start;
}

.swiper-button-disabled svg path {
	stroke: var(--c-ablack);
}

.event-list-date span:first-child {
	font-size: 3.75rem;
	display: block;
	padding: 0.75rem;
	line-height: 3rem;
}

.event-list-md {
	font-size: 0.75rem;
	font-weight: 700;
}

.event-list-time {
	font-size: 0.75rem;

}

.event-list-title {
	margin-bottom: 1rem;
	font-size: 1.75rem;
	line-height: 2rem;
}

.swiper-slide .event-list-title {
	font-size: 1rem;
	font-weight: 700;
}

.event-section-title {
	margin-bottom: 4rem;
	font-size: 2rem;
}

.event-list-wrap + r-cell .event-section-title {
	margin-top: 4rem;
}

.event-list-place {
	margin: 2rem 0 0 0;
	font-size: 0.6875rem;
	line-height: 1.3125rem;
	letter-spacing: 0.06875rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.event-list-sec {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.swiper-events .event-list-place {
	font-weight: bold;
	font-size: 0.65rem;
}

.event-list-place svg {
	margin-right: 0.5rem;
}

.event-register-wrap {
	background: var(--c-red);
	color: var(--c-white);
	border-radius: 0.25rem;
	font-size: 1rem;
	letter-spacing: 0.05em;
	display: block;
	padding: 1rem;
	text-align: center;
	margin-bottom: 2rem;
}

.event-register-wrap:hover {
	color: var(--c-white);
	background: var(--c-blue);
}

@media only screen and (max-width: 40em) {
	.event-register-wrap {
		margin-top: 2rem;
	}

	.swiper-events-buttons {
		bottom: 0.5rem;
		z-index: 2;
	}

	a.event-wrap {
		padding-bottom: 3rem;
	}

	.event-list-title {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

/* virtual exhibitions */

.virtuale-entries-title {
	margin-top: 1rem;
	font-size: 1rem;
	font-weight: 400;
}

.virtuale-entries-title strong {
	font-weight: 700;
}

.virtuale-entries-grid r-cell {
	margin-bottom: 2rem;
}

body.colors-for-the-visually-impaired h4.more-books-title a,
body.colors-for-the-visually-impaired h4.other-books-title,
body.colors-for-the-visually-impaired .virtuale-entries-grid h3.subsection-title a,
body.colors-for-the-visually-impaired h3.virtuale-entries-title {
	color: var(--c-white);
}

.virtuale-entry-title {
	font-size: 2.25rem;
	font-weight: 400;
	margin-bottom: 2rem;
	line-height: 2.75rem;
}

.virtuale-entry-title strong {
	font-weight: 700;
}

.other-books-title {
	text-align: center;
	font-size: 1.5rem;
	line-height: 2.125rem;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	margin-bottom: 2rem;
}

.top-book-wrap {
	background-color: var(--c-yellow);
	display: flex;
	flex-direction: column;
/* 	justify-content: center; */
align-items: center;
padding: 2rem 5rem;
height: 100%;
width: 100%;
position: relative;
}

.veg-home {
	margin-bottom: 2rem;
}

.veg-home .top-book-wrap {
	background-color: var(--c-lightgreen);
	color: var(--c-white);
	padding: 3.8rem 0 4rem 0;
}

.veg-home .top-book-wrap:before {
	content: "";
	top: 0;
	bottom: 0;
	right: 100%;
	left: -50vw;
	background: var(--c-lightgreen);
	position: absolute;
}

.top-book-title {
	text-transform: uppercase;
	margin-bottom: 1.9rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.125rem; /* 141.667% */
	letter-spacing: 0.09rem;
}

.veg-home .top-book-wrap .virtuale-entries-title,
.veg-home .top-book-wrap .top-book-title {
	color: var(--c-white);
}

.veg-home-books {
	padding: 3.8rem 0 4rem 0;
	position: relative;
}

.veg-home-books:before {
	content: "";
	top: 0;
	bottom: 0;
	right: -50vw;
	left: -2.5rem;
	background: var(--c-cream);
	position: absolute;
	z-index: -1;
}

.swiper-books-buttons {
	position: absolute;
	right: 0;
	top: 4rem;
}

.swiper-books {
	width: 80%;
}

.swiper-books-buttons button + button {
	margin-left: 2.5rem;
}

.books-prev svg {
	transform: rotate(180deg);
}

@media only screen and (max-width: 40em) {
	.virtuale-entry-title {
		font-size: 1rem;
		margin-top: 2rem;
		margin-bottom: 1rem;
		line-height: 2rem;
	}

	.virtuale-entry-title strong {
		font-size: 1.5rem;
	}
	
	.veg-home .top-book-wrap {
		padding: 2rem 0;
	}
	
	.veg-home .top-book-wrap:before {
		display: none;
	}

	.veg-home-books:before {
		display: none;
	}

	.virtuale-entries-grid r-cell {
		margin-bottom: 1rem;
	}

	.veg-home-books {
		padding: 2rem 0;
	}

	.veg-home .subsection-title {
		padding: 0;
	}

	.swiper-books-buttons {
		top: 20rem;
		left: 0;
		right: 0;
		z-index: 2;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}

/* gallery */

.gallery-block {
	margin: 2rem 0 0 0;
}

.assoc-gallery-img {
	position: relative;
	cursor: pointer;
}

.ac-content r-grid.assoc-gallery-wrap > r-cell[span^="8"] {
	--grid-ce: 12;
}

.assoc-gallery-type {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1125em;
	font-weight: 700;
	color: var(--c-white);
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	height: 3rem;
	display: flex;
	align-items: center;
	padding-left: 4.5rem;
	width: calc(100% - 3rem);
	padding-top: 0.5rem;
	z-index: 1;
	background: url('../img/icon-camera.svg') left center no-repeat;
}

.assoc-type-video {
	background-image: url('../img/icon-play.svg');
	height: 4.5rem;
	padding: 0 0 0 6rem;
}

.assoc-gallery-img:after {
	position: absolute;
	left: 0;
	right: 0;
	height: 5rem;
	bottom: 0;
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 100%);
}

.assoc-gallery-title {
	margin: 1rem 0 0 0;
}

.assoc-gallery-title,
.assoc-gallery-info {
	font-size: 0.75rem;
	letter-spacing: 0.03em;
	line-height: 1.125rem;
}

.gallery-item {
	display: flex;
	margin-bottom: 2rem;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	background-color: var(--c-cream);
}

body.colors-for-the-visually-impaired .gallery-item h4,
body.colors-for-the-visually-impaired .gallery-item {
	color: var(--c-white);
}

.gallery-img-wrap:after {
	opacity: 0;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	transition: opacity 0.3s ease-in-out;
}

.gallery-item:hover .gallery-img-wrap:after {
	opacity: 1;
}

.gallery-item-photo .gallery-img-wrap:after {
	background: rgba(195, 153, 85, 0.70) url('../img/icon-camera.svg') center center no-repeat;
}

.gallery-item-video .gallery-img-wrap:after {
	background: rgba(195, 153, 85, 0.70) url('../img/icon-video.svg') center center no-repeat;
}

.gallery-img-wrap {
	width: 21.5625rem;
	height: 13.4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	flex: 1;
}

.gallery-img-wrap img {
	object-fit: cover;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}

.gallery-item-info {
	padding: 1.56rem 1.44rem;
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
}

.gallery-item-type {
	font-size: 0.6875rem;
	line-height: 1.3125rem;
	letter-spacing: 0.06875rem;
	text-transform: uppercase;
}

.gallery-item-title {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.gallery-nav li {
	display: inline-block;
}

.gallery-nav li.active a {
	color: var(--c-white);
	background: var(--c-black);
}

.gallery-nav li a {
	border: 1px solid var(--c-black);
	padding: 0.65rem 2rem 0.65rem 2rem;
	border-radius: 1rem;
	margin: 0 0 0 2rem;
	text-align: center;
	font-size: 0.9375rem;
	display: block;
	line-height: 0.9375rem; /* 100% */
	letter-spacing: 0.0375rem;
}

@media only screen and (max-width: 40em) {
	.gallery-item {
		flex-direction: column;
	}

	.gallery-nav {
		margin-bottom: 2rem;
		display: flex;
		gap: 1rem;
		justify-content: space-between;
	}

	.gallery-nav li a {
		margin: 0;
		padding: 0.5rem 1rem;
	}

	.gallery-img-wrap {
		width: 100%;
	}
}

/* regional */

.refional-wrap r-cell:last-child {
	order: 1;
}

.search-results-list {
/* 	margin-bottom: 4rem; */
}

.regional-top {
	text-align: center;
}

.regional-top h2 {
	margin-bottom: 1rem;
}

.search-submit-button {
	display: none;
}

.occ-list {
	padding-right: 3rem;
}

.occ-list li + li {
	border-top: 1px solid var(--c-ablack);
}

.occ-list li a {
	color: var(--c-red);
	display: inline-block;
	padding: 1rem 0;
}

.regional-person-info {
	overflow: hidden;
}

.regional-person-info dt {
	font-weight: 700;
	width: 40%;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}	

.regional-person-info dt::after {
	content: ":";
}

.regional-person-info dd {
	width: 60%;
	float: left;
	margin: 0 0 0.5rem 0;
	padding: 0;
}	

.rpi-wide {
	margin-top: 2rem;
}

.rpi-wide dt {
	float: none;
	width: initial;
}

.rpi-wide dd {
	margin-bottom: 1rem;
	width: initial;
}

@media only screen and (max-width: 40em) {
	.regional-wrap .content-column {
		order: 2;
	}
}

/* sitemap */

.sitemap,
.sitemap ul {
	list-style-type: initial;
}
.sitemap ul {
	padding-inline-start: 40px;
}

/* footer */

footer {
	padding: 2.5rem 0 0 0;
	margin-top: 4rem;
	background-color: var(--c-light);
	font-size: 1rem;
	font-size: 15px;
	line-height: 1.6rem;
}

body.colors-for-the-visually-impaired footer h6,
body.colors-for-the-visually-impaired footer a,
body.colors-for-the-visually-impaired footer {
	color: var(--c-white);
}

body.colors-for-the-visually-impaired footer svg path {
	fill: var(--c-white);
}

h6.footer-title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0.75rem;
}

footer address {
	font-style: normal;
}

footer p {
	margin: 0;
}

.footer-bot {
	padding: 2rem 0;
	font-size: 13px;
	letter-spacing: 0.03em;
	margin-top: 4rem;
	border-top: 1px solid var(--c-ablack);
}

.footer-bot > *:last-child {
	display: flex;
	justify-content: flex-end;
}

.footer-soc li {
	display: inline-block;
}

.footer-soc li + li {
	margin-left: 0.75rem;
}

.cont-soc {
	width: 100%;
	text-align: right;
}

.burger-soc {
	float: right;
}

.header-cont-wrap {
	display: flex;
	align-items: flex-end;
}

.header-cont-wrap ul + a  {
	margin-right: 0.5rem;
}

.header-cont-wrap > a  {
	display: inline-block;
	margin-left: 0.5rem;
}

.header-soc {
	display: none;
	float: left;
	margin-right: 3rem;
}

.footer-slider-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 4rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--c-ablack);
}

.footer-slider {
	position: relative;
	width: 88vw;
	overflow: hidden;
}

.footer-slide {
	width: initial;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-slider-buttons {
/* 	position: absolute;
	bottom: 0;
	display: flex;
	width: 100%;
	justify-content: center; */
}

.footer-button-next,
.footer-button-prev {
	z-index: 1;
	position: absolute;
	bottom: 50%;
	transform: translateY(-50%);
	cursor: pointer;
/* 	position: absolute; */
/* 	top: 0; */
}

.footer-button-prev {
	left: 0;
}

.footer-button-next {
	right: 0;
}

.footer-slider .swiper-wrapper {
	align-items: center;
}

.burger-soc-mob {
	display: none;
}

@media only screen and (min-width: 100em) {
	.header-soc {
		display: block;
	}
}

@media only screen and (max-width: 1474px) and (min-width: 40em) {
	.footer-slider {
		padding-right: 2rem;
		margin-left: 2rem;
		overflow: hidden;
	}
}

@media only screen and (max-width: 40em) {
	footer {
		padding: 1rem 0 0 0;
		margin-top: 2rem;
	}

	.burger-soc {
		display: none;
	}

	.burger-soc-mob {
		display: flex;
		display: flex;
		justify-content: flex-start;
		margin-top: 1.5rem;
	}

	.header-cont-wrap {
		flex-direction: column;
		justify-content: flex-end;
	}

	.header-cont-wrap > a {
		margin: 0 !important;
	}

	.header-cont-wrap > span + a {
		margin-top: 0.5rem !important;
	}

	.header-cont-wrap span {
		display: none;
	}

	footer .wrap {
		margin-bottom: 0;
	}

	.footer-slider-wrap {
		margin-bottom: 0;
	}

	.footer-slider .swiper-wrapper {
		overflow: initial;
	}

	.footer-slider {
		margin-bottom: 0;
		padding-bottom: 1rem;
	}

	.footer-button-next,
	.footer-button-prev { 
/* 		display: none; */
}

.footer-slide {
	width: 100%;
}

.footer-title {
	margin-top: 2rem;
}

.footer-bot {
	margin-top: 2rem;
}

.footer-bot > *:last-child {
	display: block;
	margin-top: 1rem;
}
}