:root {
	--color__black: hsl(348 6 13);
	--color__turkiz: hsl(186 100 29);
	--color__turkiz--dark: hsl(186 100 20);
	--color__turkiz--light: hsl(186 66 93);
	--color__silver: hsl(0 0 80);
	--color__silver--light: hsl(0 0 92);
	--color__prcSilver: rgb(166 168 171);
	--color__gray: hsl(0 0 40);
	
	--color__select: #343eb3;

	--family1: "Open Sans", sans-serif;
	--size-3: 0.6em;
	--size-2: 0.7em;
	--size-1: 0.8em;
	--size0: 1em;
	--size1: 1.2em;
	--size2: 1.4em;
	--size3: 1.6em;
	--size4: 1.8em;
	--size5: 2.2em;
	--size6: 2.5em;
	--fontNormal: 460;
	--fontBold: 710;
	--fontSemiBold: 550;

	--flow-space: 1em;
	
	--spacer: 1rem;
		--spacing-2: calc(var(--spacer) * 0.25);
		--spacing-1: calc(var(--spacer) * 0.5);
		--spacing: var(--spacer);
		--spacing0: var(--spacer);
		--spacing1: calc(var(--spacer) * 1.5);
		--spacing2: calc(var(--spacer) * 3);
		--spacing3: calc(var(--spacer) * 4);
	  
	--grid: grid;
		--w__gridOffsetLeft: 2;
		--w__gridOffsetRight: -2;
		--w__gridOffset: var(--w__gridOffsetLeft) / var(--w__gridOffsetRight);
		--w__gridGap: 0.5em;
	--w__bodyPaddingInner: calc(var(--spacing2) - var(--w__gridGap));
	--w__gridColumn: 84px;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/css/fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/css/fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
  Made by Elly Loel - https://ellyloel.com/
  With inspiration from:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

  Notes:
    - `:where()` is used to lower specificity for easy overriding.
*/

* {
	/* Remove default margin on everything */
	margin: 0;
	/* Remove default padding on everything */
	padding: 0;
}

/* Use a more-intuitive box-sizing model on everything */
*,
::before,
::after {
	box-sizing: border-box;
}

/* Remove border and set sensible defaults for backgrounds, on all elements except fieldset progress and meter */
*:where(:not(fieldset, progress, meter)) {
	border-width: 0;
	border-style: solid;
	background-origin: border-box;
	background-repeat: no-repeat;
}

html {
	/* Allow percentage-based heights in the application */
	block-size: 100%;
	/* Making sure text size is only controlled by font-size */
	-webkit-text-size-adjust: none;
}

/* Smooth scrolling for users that don't prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
	html:focus-within {
		scroll-behavior: smooth;
	}
}

body {
	/* Improve text rendering */
	-webkit-font-smoothing: antialiased;
	/* https://marco.org/2012/11/15/text-rendering-optimize-legibility */
	text-rendering: optimizeSpeed;
	/* Allow percentage-based heights in the application */
	min-block-size: 100%;
	/* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
	/* scrollbar-gutter: stable both-edges; Removed until this bug is fixed: https://bugs.chromium.org/p/chromium/issues/detail?id=1318404#c2 */
	color: var(--color__black);
	
	font-family: var(--family1);
	line-height: 1.8;
}

b, strong {
	font-weight: var(--fontBold);
}

/* Improve media defaults */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block;
}

:where(img, svg, video) {
	block-size: auto;
	max-inline-size: 100%;
}

/* Remove stroke and set fill colour to the inherited font colour */
:where(svg) {
	stroke: none;
	fill: currentColor;
}

/* SVG's without a fill attribute */
:where(svg):where(:not([fill])) {
	/* Remove fill and set stroke colour to the inherited font colour */
	stroke: currentColor;
	fill: none;
	/* Rounded stroke */
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Set a size for SVG's without a width attribute */
:where(svg):where(:not([width])) {
	inline-size: 5rem;
}

/* Remove built-in form typography styles */
:where(input, button, textarea, select),
:where(input[type="file"])::-webkit-file-upload-button {
	color: inherit;
	font: inherit;
	font-size: inherit;
	letter-spacing: inherit;
}

/* Change textarea resize to vertical only and block only if the browser supports that */
:where(textarea) {
	resize: vertical;
}

@supports (resize: block) {
	:where(textarea) {
		resize: block;
	}
}

/* Avoid text overflows */
:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
}

/* Fix h1 font size inside article, aside, nav, and section */
h1 {
	font-size: 2em;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
:where(ul, ol)[role="list"] {
	list-style: none;
}

/* More readable underline style for anchor tags without a class. This could be set on anchor tags globally, but it can cause conflicts. */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* Make it clear that interactive elements are interactive */
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
	cursor: pointer;
	touch-action: manipulation;
}

:where(input[type="file"]) {
	cursor: auto;
}

:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
	cursor: pointer;
}

/* Animate focus outline */
@media (prefers-reduced-motion: no-preference) {
	:focus-visible {
		transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
	}

	:where(:not(:active)):focus-visible {
		transition-duration: 0.25s;
	}
}

:where(:not(:active)):focus-visible {
	outline-offset: 5px;
}

/* Make sure users can't select button text */
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	user-select: none;
	text-align: center;
}

/* Disabled cursor for disabled buttons */
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
	cursor: not-allowed;
}







.offscreen {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}

.skipLink {
	position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	z-index: 300;
	padding: 1em 2em;
	
	background-color: var(--color__select);
	color: #fff;
}

.skipLink.offscreen:focus {
	clip: auto;
	height: auto;
	overflow: auto;
	position: absolute;
	width: auto;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	
	fill: currentColor;
	pointer-events: none;
}


.masterWrapper {
	min-height: 100vh;
	display: flex;
	
	flex-direction: column;
}

.masterWrapper > * {
	flex: 0 0 auto;
}


.wrapper__masterLayout {
	flex: 1 0 auto;
}

.w {
	display: grid;
	grid-template-columns: 
		calc(var(--spacing-1)) 
		repeat(10, minmax(1em, 1fr)) 
		calc(var(--spacing-1));
	
	align-content: start; 
	column-gap: var(--w__gridGap);
}

	:where(.w > *) {
		grid-column: var(--w__gridOffset);
	}

.ws { 
	display: grid;
	grid-template-columns: subgrid;
}

	:where(.ws > *) {
		grid-column: 1 / -1;
	}

	.ws--F {
		grid-column: 1 / -1;
	}
	
	.ws--A {
		
	}
	
	
	.ws--F .w__inner {
		grid-column: var(--w__gridOffset);
	}



.flow > * + * {
	margin-top: var(--flow-space, 1.5rem);
}


:where(.section.theme) {
	padding-top: var(--spacing3);
	padding-bottom: var(--spacing3);
}

.section.theme--white + .section.theme--white {
	padding-top: 0;
}



.theme--turkiz {
	background-color: var(--color__turkiz);
	color: #fff;
}

.theme--silver {
	background-color: var(--color__silver--light);
	color: #000;
}

.theme--turkizlight {
	background-color: var(--color__turkiz--light);
}

.section.theme--turkizlight + .section.theme--turkizlight {
	padding-top: 0;
}

.section.theme--white:last-child {
	padding-bottom: 0;
}

.section header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing);
	margin-bottom: var(--spacing1);
}

	.section header > a {
		display: none;
	}
	
	.section footer {
		margin-top: var(--spacing1);
	}




.chromeframe { 
    background: var(--color__select); 
    color: #fff; 
    padding: 2em 2em; 
	z-index: 9999; 
	position: fixed;  
	bottom: 0; 
	width: 100%; 
	font-size: 1.6em; 
}

.chromeframe a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: #fff;
}

.variables-debug {
	display: none;
}

.variables-debug--active {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70%;
	padding: 1em;
	
	background-color: #39CCCC;
	color: #000;
}

.lockWarning {
	width: 4px; 
	height: 100%;
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 500; 
	
	background-color: #f00;
	font-size: 10px;
	color: #000;	
}

.lockWarning:hover {
	padding: 1em;
	width: 200px; 
}
















a {
	color: inherit;
	transition: color .3s;
	text-underline-offset: .2em;
}

h1 {
	font-size: var(--size5);
	font-weight: var(--fontBold);	
	line-height: 1.3;
}

h2 {
	font-size: var(--size3);
	font-weight: var(--fontBold);
	line-height: 1.3;
}

h3 {
	font-size: var(--size1);
	font-weight: var(--fontBold); 
	line-height: 1.3;
}

a h1,
a h2, 
a h3 {
	text-decoration: none;
	color: inherit;
	transition: color .3s;
}

a:hover h1,
a:hover h2, 
a:hover h3 {
	color: var(--color__turkiz);
}

:where(.b) {
	display: inline-block;
	margin: 0;
	
	border: 0;
	background-color: transparent;
	text-decoration: none;
	
	transition: color .3s, background-color .3s, border-color .3s;
}
	
	.b--icons {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-1);
	}


	.b--back .icon {
		transform: rotate(180deg);
	}

	.b--icon {
		aspect-ratio: 1 / 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.1em;
	}
	
		.b--icon .icon {
			width: 1.3em;
			height: 1.3em;
		}
	
	.b--primary {
		--primary: var(--color__turkiz);
		--secondary: #fff;
		
		padding: 0.6em 2em;
		
		color: var(--secondary);
		border: 1px solid var(--primary);
		background-color: var(--primary);
		font-weight: var(--fontBold);
		font-size: var(--size-1);
		text-transform: uppercase;
		white-space: nowrap;
	}
	
		.b--primary:hover {
			background-color: var(--color__turkiz--dark);
			color: #fff;
		}
	
	.b--circle {
		--primary: var(--color__turkiz);
		--secondary: #fff;
		
		width: 2em;
		
		color: var(--secondary);
		border: 1px solid var(--primary);
		border-radius: 50%;
		background-color: var(--primary);
	}
	
	.b--ghost {
		background-color: transparent;
		color: var(--primary);
	}
	
		.b--ghost:hover {
			background-color: var(--primary);
			color: var(--secondary);
		}
	
	.b--rounded {
		border-radius: 2em;
	}
	
	.b.tooltipped {
		position: relative;
	}
		
	.b.tooltipped:after {
		position: absolute;
		left: 50%;
		top: 110%;
		transform: translateX(-50%);
		
		padding: 0.3em 0.6em;
		
		border-radius: 0.3em;
		white-space: nowrap;
		font-size: 0.8rem;
		background-color: var(--color__turkiz);
		color: #fff;
		content: attr(data-tooltip);
	}


	


.header {
	grid-template-rows: 1fr 1fr;
}

.header__logo {
	grid-row: 1 / -1;
	padding: 15% 8% 3% 8%;
	background-color: var(--color__black);
}

.wIskalnik__group {
	display: flex;
	align-items: center;
	gap: var(--spacing1);
	
	overflow: hidden;
	border: 1px solid var(--color__turkiz);
	border-radius: 3em;
	background-color: #fff;
}

.wIskalnik .icon {
	color: var(--color__turkiz);
}

.wIskalnik input {
	width: 100%;
	padding: 0.5em 1em 0.5em 2em;
	line-height: 2;
}

.wIskalnik button {
	margin-right: 1em;
	font-size: var(--size1);
}	

@media (max-width: 65em) {
	h1 {
		font-size: var(--size4);	
	}
	
	h2 {
		font-size: var(--size2);
	}
	
	h3 {
		font-size: var(--size0);
	}
	
	
	.header {
		grid-column: 1 / -1;
	}

		.header:after {
			grid-column: 1 / -1;
			grid-row: 1;
			background-color: var(--color__turkiz);
			content: "";
			
			z-index: -1;
		}

	.header__logo {
		grid-column: 2 / span 2;
		z-index: 110;
		
		width: 100%;
	}

	.header__prc {
		grid-column: 5 / -2;
		grid-row: 2;
		align-self: end;
	}
	
	.header__prc img {
		max-width: 24em;
		margin-left: auto;
	}

	#btnMenu {
		grid-column: -4 / span 2;
		grid-row: 1;
		align-self: center;
		justify-self: end;
		
		width: 1.5em;
		
		color: #fff;
		font-size: var(--size1);
		z-index: 110;
	}
	
	#btnMenu > div {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
		#btnMenu > div > div {
			position: absolute;
			left: 50%;
			
			width: 100%;
			height: 2px;
			transform: translate(-50%, -50%);
			
			border-radius: 4px;
			background-color: #fff;
			
			transition: transform 0.4s;
		}
		
			#btnMenu > div > div:nth-child(1) {
				position: absolute;
				top: 15%;
				transform: translate(-50%, 0%);
			}
			
			#btnMenu > div > div:nth-child(2) {
				position: absolute;
				top: 46%;
				
				width: 70%;
				left: auto;
				right: 0;
				transform: translate(0%, 0%);
			}
			
			#btnMenu > div > div:nth-child(3) {
				position: absolute;
				top: 76%;
				
				width: 70%;
				left: auto;
				right: 0;
				transform: translate(0%, 0%);
			}
			
	#btnMenu[aria-expanded="true"] > div > div {
		background-color: #fff;
		height: 3px;
	}

		#btnMenu[aria-expanded="true"] > div > div:nth-child(1) {
			transform: translate(-50%, -50%) rotate(-45deg);
			top: 50%;
			left: 50%;
			width: 90%;
		}

		#btnMenu[aria-expanded="true"] > div > div:nth-child(2) {
			transform: translate(-50%, -50%) scale(0);
		}

		#btnMenu[aria-expanded="true"] > div > div:nth-child(3) {
			transform: translate(-50%, -50%) rotate(45deg);
			top: 50%;
			left: 50%;
			width: 90%;
		}
	

	.searchLink {
		grid-column: -5 / span 2;
		grid-row: 1;
		align-self: center;
		justify-self: center;
		color: #fff;
		font-size: var(--size1);
		z-index: 110;
		
		width: 1.5em;
	}
	
	#nav {
		position: fixed;
		inset: 0;
		transform: translateX(105%);
		z-index: 100;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		transition: transform .5s;
		
		background-color: var(--color__black);
		color: #fff;
	}
	
	#nav ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--spacing);
		
		font-size: var(--size3);
		font-weight: var(--fontBold);
	}
	
	#nav a {
		text-decoration: none;
	}
	
	#nav a:hover {
		color: var(--color__turkiz);
	}
	
	body.mobileMenu #nav {
		transform: translateX(0);
	}
	
	body.mobileMenu #btnMenu,
	body.mobileMenu .searchLink {
		color: #fff;
	}
	
	.header .wIskalnik {
		display: none;
	} 
}




.footer {
	margin-top: var(--spacing3);
	margin-bottom: var(--spacing);
}

.footer__one {
	display: flex;
	flex-direction: column;
	gap: var(--spacing2);
	
	padding-top: var(--spacing2);
	padding-bottom: var(--spacing2);
	
	border-top: 1px solid var(--color__silver);
	border-bottom: 1px solid var(--color__silver);
}

.footer__contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-1);
	justify-content: flex-start;
	align-content: start;
}

.footer__contact .b--icon {
	font-size: var(--size2);
}

.footer__contact a:not(.b) {
	display: flex;
	gap: var(--spacing-1);
	align-items: center;
	
	font-size: var(--size1);
	font-weight: var(--fontSemiBold);
	text-decoration: none;
	white-space: nowrap;
}

	.footer__contact a:not(.b) .icon {
		flex: 0 0 auto;
		
		color: var(--color__turkiz);
		font-size: var(--size2);
	}
	

.footer__obcine {
	display: flex;
	align-items: center;
	margin-top: 2em;
}
	
	.footer__obcine img {
		width: 9em;
	}


.footer__info .btnGroup {
	display: flex;
	gap: var(--spacing);
	flex-wrap: wrap;
	margin-top: var(--spacing1);
}

.footer__two {
	padding-top: var(--spacing);
	padding-bottom: var(--spacing);
	
	text-align: left;
}

	.footer__two nav ul {
		display: flex;
		flex-direction: row;
		gap: 0.7em;
	}
	
	.footer__two nav a {
		text-decoration: none;
	}
	
	.footer__two nav .active a, 
	.footer__two nav a:hover {
		color: var(--color__turkiz);
	}
	
.copyright {
	font-size: var(--size-1);
	color: var(--color__gray);
}






.newsGrid {
	display: grid;
	grid-template-columns: subgrid;
	row-gap: var(--spacing);
}

a.wNewsEntry {
	text-decoration: none;
}

.wNewsEntry {
	grid-column: span 10;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing);
}

	.wNewsEntry--regular:has(.wNewsEntry__cover a:hover) h3 {
		color: var(--color__turkiz);
	}

.wNewsEntry img {
	filter: brightness(90%);
	transition: filter .3s;
}

.wNewsEntry h3 a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--spacing);
	
	
}

	.wNewsEntry h3 a {
		line-height: 1.4;
		text-decoration: none;
	}
	
	.wNewsEntry--regular h3 a:hover {
		color: var(--color__turkiz);
	}

.wNewsEntry .icon {
	display: none;
	flex: 0 0 auto;
	transform: translateY(0.2em);
	
	color: var(--color__gray);
	opacity: 0;
	transition: opacity .3s;
}

.wNewsEntry__info {
	margin-bottom: var(--spacing-2);
	font-size: var(--size-1);
	text-transform: uppercase;
	color: var(--color__gray);
}

	.wNewsEntry__info a {
		text-decoration: none;
	}
	
	.wNewsEntry--regular .wNewsEntry__info a {
		color: var(--color__turkiz);
	}
	
		.wNewsEntry--regular .wNewsEntry__info a:hover {
			color: var(--color__turkiz--dark);
		}
		
		.wNewsEntry--large .wNewsEntry__info a:hover {
			color: var(--color__silver);
		}

.wNewsEntry:hover img {
	filter: brightness(100%);
}

	
	.wNewsEntry--regular:hover .icon {
		opacity: 1;
	}
	




.wNewsEntry--large {
	display: block;
	position: relative;
	aspect-ratio: 3 / 2;
}

	.wNewsEntry--large .wNewsEntry__cover {
		position: absolute;
		z-index: 1;
		inset: 0;
		margin-bottom: 0;
	}

	.wNewsEntry--large .wNewsEntry__cover img {
		object-fit: cover;
		height: 100%;
	}
	
	.wNewsEntry--large .icon {
		color: #fff;
	}

	.wNewsEntry--large .wNewsEntry__info {
		color: #fff;
	}

	.wNewsEntry--large .wNewsEntry__details {
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 100%;
		padding: var(--spacing2) var(--spacing0) var(--spacing0) var(--spacing0);
		
		color: #fff;
		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008997+0,008997+100&0+0,1+100 */
		background: linear-gradient(to bottom,  hsla(186,0%,0%,0) 0%,hsla(186,0%,0%,1) 100%);
	}
	
	.wNewsEntry--large:hover .icon {
		opacity: 1;
	}
	
	.wNewsEntry--large:hover h3 {
		color: var(--color__silver);
	}
	

.wShare {
	--color__facebook: #0866ff;
	--color__linkedin: #0a66c2;
	--color__twitter: #0f1419;
	
	display: flex;
	gap: var(--spacing-1);
	align-items: start;
}

.wShare__link {
	color: #fff;
	
	transition: color .3s, background-color .3s, border-color .3s;
}

	.wShare__link:hover {
		background-color: var(--color__silver);
		border-color: var(--color__silver);
	}

.wShare__link--fb {
	border-color: var(--color__facebook);
	background-color: var(--color__facebook);
}

.wShare__link--li {
	border-color: var(--color__linkedin);
	background-color: var(--color__linkedin);
}

.wShare__link--tw {
	border-color: var(--color__twitter);
	background-color: var(--color__twitter);
}


.wShare__link--copy.copied {
}



.iframeWrapper {
	aspect-ratio: 16 / 9;
}

.iframeWrapper iframe {
	width: 100%;
	height: 100%;
}



nav[aria-label="Breadcrumb"] {
	font-size: var(--size-2);
}

nav[aria-label="Breadcrumb"] a {
	color: var(--color__turkiz);
	text-decoration: none;
}

nav[aria-label="Breadcrumb"] ol {
	list-style: none;
	padding: 0;
	line-height: 1.3;
}

nav[aria-label="Breadcrumb"] li {
	display: inline;
	line-height: 1.3;
}

nav[aria-label="Breadcrumb"] li::after {
  content: "—";
  margin-left: 0.5em;
  margin-right: 0.5em;
}

nav[aria-label="Breadcrumb"] li:last-child::after {
  content: "";
}



@media (min-width: 48em) {
	:root {
		--spacer: 1.5rem;
		--w__gridGap: var(--spacing);
	}
	
	.w {
		grid-template-columns: 
			var(--spacing)
			repeat(12, minmax(1em, 1fr)) 
			var(--spacing);
			
		column-gap: var(--w__gridGap);
	}
	
	.wNewsEntry {
		grid-template-columns: 1fr;
		align-content: start;
		gap: 0;
	}
	
	.wNewsEntry--regular .wNewsEntry__cover {
		margin-bottom: var(--spacing-1);
	}
	
	.wNewsEntry .icon {
		display: block;
	}
	
	.wNewsEntry--regular {
		grid-column: span 4;
	}
	
	.wNewsEntry--large {
		aspect-ratio: 3 / 2;
		grid-column: span 8;
	}
	
	.wNewsEntry__cover img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	
	.footer__one {
		flex-direction: row;
		justify-content: space-between;
	}
	
	.footer__info {
		max-width: 42ch;
		flex: 0 0 auto;
	}
	
		
	
	.footer__two nav ul {
		flex-direction: row;
		justify-content: center;
		gap: var(--spacing1);
	}
	
	.copyright {
		text-align: center;
	}
	
	nav[aria-label="Breadcrumb"] ol {
		flex-direction: row;
	}
	
	.section header > a {
		display: block;
	}
	
	.section footer {
		display: none;
	}
}

:where(.content ol), 
:where(.content ul) {
	margin-left: 2em;
}

.content li + li {
	margin-top: 0.3em;
}

.tableWrapper {
	position: relative;
	overflow: hidden;
	--fade-bg: #fff; 
}

	.tableWrapperInner {
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: thin;
	}
	
	.tableWrapperInner::-webkit-scrollbar {
		height: 8px;
	}
	
	.tableWrapper::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;                        /* use offsets, not % heights */
		width: 30px;                      /* fade width */
		pointer-events: none;             /* don’t block scroll/selection */
		z-index: 2;                       /* above the table */
		background: linear-gradient(to left, var(--fade-bg), transparent);
	}
	
	.tableWrapper:has(.tableWrapperInner:scrollbar-button:increment:disabled)::after {
		opacity: 0;
	}

.content p + h3 {
	margin-top: var(--spacing1);
}

.content table {
	width: 100%;
	
	border-collapse: collapse;
	font-size: var(--size-1);
}

	.content table.nowrap {
		white-space: nowrap;
	}

	.content th,
	.content td {
		padding: 0.3em 0.6em;
	}
	

	.content th {
		font-weight: var(--fontSemiBold);
		font-size: var(--size-1);
		line-height: 1.3;
		text-transform: uppercase;
		text-align: left;
		vertical-align: bottom;
		color: #fff;
		background-color: var(--color__turkiz);
	} 
	
	.content tbody td {
		border: 1px solid var(--color__silver);
	}
	
	.content tbody tr:hover td {
		background-color: var(--color__turkiz--light);
	}

.content a:not(.b) {
	color: var(--color__turkiz);
	text-decoration-color: var(--color__silver);
	transition: color .3s, text-decoration-color .3s;
}

	.content a:not(.b):hover {
		color: var(--color__turkiz--dark);
		text-decoration-color: var(--color__turkiz);
	}

	.theme--turkiz .content a, 
	.content .theme--turkiz a {
		color: #fff;
		text-decoration-color: rgba(255, 255, 255, 0.4);
	}
	
	.theme--turkiz .content a:hover, 
	.content .theme--turkiz a:hover {
		text-decoration-color: #fff;
		color: #fff;
	}

@media (min-width: 65em) {
	.ws--B {
		grid-column-start: calc(var(--w__gridOffsetLeft) + 1);
		grid-column-end: calc(var(--w__gridOffsetRight) - 1);
	}
	
	.ws--C {
		grid-column-start: calc(var(--w__gridOffsetLeft) + 2);
		grid-column-end: calc(var(--w__gridOffsetRight) - 2);
	}
	
	
	.header__logo {
		grid-column: 1 / span 2;
		margin-right: var(--spacing1);
	}
	
	.header__prc {
		grid-column: 3 / span 4;
		grid-row: 1;
		align-self: end;
	}
	
	.searchLink, 
	#btnMenu {
		display: none;
	}
	
	#nav {
		grid-column: 3 / -1;
		grid-row: 2;
		align-self: end;
		
		padding-bottom: var(--spacing-1);
		
		border-bottom: 1px solid var(--color__silver);
	}
	
	#nav ul {
		display: flex;
		flex-direction: row;
		gap: var(--spacing);
		
		font-size: var(--size1);
		font-weight: var(--fontBold);
	}
	
	#nav a {
		text-decoration: none;
	}
	
	#nav li.active, 
	#nav a:hover {
		color: var(--color__turkiz);
	}
	
	.header .wIskalnik {
		grid-column: 8 / -1;
		grid-row: 1;
		align-self: end;
	} 
	
	.content table.nowrap {
		white-space: unset;
	}
	
	.tableWrapper::after {
		content: unset;
	}
	
	.wNewsEntry--regular {
		grid-column: span 3;
	}
	
	.wNewsEntry--large {
		grid-column: span 6;
	}
	
	.footer__contact {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--spacing2);
	}
	
	.oglasi--1 a[data-dimension="920x250"] {
		display: block;
	}
	
	.newsGrid .oglasi--2 {
		display: none;
	}
}

@media (min-width: 90em) {
	:root {
		--w__gridOffsetLeft: 3;
		--w__gridOffsetRight: -3;
		
		--w__gridColumn1: 122px;
		--w__gridColumn2: 59px;
		--w__gridColumn3: 57px;
		--w__gridColumn4: 115px;
		--w__gridGap: 22px;
	}
	
	body {
		font-size: 1.15em;
	}
	
	.w {
		grid-template-columns: 
			1fr 
			var(--spacing) 
				minmax(1em, var(--w__gridColumn1))
					minmax(1em, var(--w__gridColumn2))
						minmax(1em, var(--w__gridColumn3))
							repeat(6, minmax(1em, var(--w__gridColumn4)))
						minmax(1em, var(--w__gridColumn3))
					minmax(1em, var(--w__gridColumn2))
				minmax(1em, var(--w__gridColumn1))
			var(--spacing) 
			1fr;
			
		column-gap: var(--w__gridGap);
	}
	
	.newsGrid {
		grid-template-columns: repeat(4, 1fr);
		gap: 3rem;
	}
	
		.wNewsEntry--large {
			grid-column: span 2;
		}
	
		.wNewsEntry--regular {
			grid-column: span 1;
		}

	#nav ul {
		gap: var(--spacing1);
		font-size: 1.1em;
	}
}