:root {
	--color__black: #101010;
	--color__gray: #656668;
		--color__grayDark: #515253;
		--color__grayLight: #e0e0e1;
	--color__silver: #e0e0e1;
	--color__text: #1a1a1a;
	
	--color__orange: #F15A2A;
	--color__orangeDark: #d43e0e;
	
	--wrapper__bodyPadding: 1.5rem;
	--wrapper__padding: 3em;
	--wrapper__paddingBig: 4em;
	--wrapper__gridColumn: 114px;
	--wrapper__headerOffset: clamp(10em, 18vw, 16em);
	
	
	--wrapper__maxWidth: 1400px;
	--content__maxWidth: 980px;
	--content__maxWidthSmall: 600px;
	
	--iconSize: 1.5em;
	
	--family1: "myriad-pro", sans-serif;
	
	/*
	--sizeH1: 2.986em;
	--sizeH2: 2.488em;
	--sizeH3: 2.074em;
	--sizeH4: 1.728em;
	--sizeH5: 1.44em;
	--sizeH6: 1.2em;
	*/
	
	/* mobilne nastavitve */
	--sizeH1: 2em;
    --sizeH2: 1.6em;
    --sizeH3: 1.3em;
    --sizeH4: 1.15em;
    --sizeH5: 1.1em;
    --sizeH6: 0.8em;
	
	--size6: 2em;
	--size5: 1.6em;
	--size4: 1.4em;
	--size3: 1.3em;
	--size2: 1.2em;
	--size1: 1.2em;
	--size0: 1em;
	--size-1: 0.8em;
	
	/*
	--size6: 50px;
	--size5: 43px;
	--size4: 40px;
	--size3: 35px;
	--size2: 30px;
	--size1: 25px;
	--size0: 25px;
	--size-1: 16.7px;
	*/
	
	
	--sizeBigger: 1.2em;
	--sizeBasic: 1em;
	--sizeSmall: 0.833em;
	--sizeSmaller: 0.694em;
	
	--fontThin: 300; /*** used default on site ***/
	--fontRegular: 400;
	--fontSemibold: 600;
	--fontBold: 700;
	
	
	--lineHeightContent: 1.6;
	--lineHeightTitles: 1.3;
	
	--scrollBarWidth: 5px; // 
	
	/*
	--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;
	
	--fontThin: 460;
	--fontBold: 700;
	
	--buttonFontSize: 0.9em;
	
	--menuPaddingInline: 2rem;
	--menuPaddingBlock: 2rem;
	*/
}

* {
	margin: 0;
	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;
	scrollbar-gutter: stable;
	
	/** https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html 😙 */
	scroll-padding-top: 6em;
}


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

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	font-optical-sizing: auto;
	min-block-size: 100%;
	
	font-family: var(--family1);
	font-size: var(--sizeBasic);
	font-weight: var(--fontThin);
	line-height: var(--lineHeightContent);
}

/*

	--sizeH1: 2.986rem;
	--sizeH2: 2.488rem;
	--sizeH3: 2.074rem;
	--sizeH4: 1.728rem;
	--sizeH5: 1.44rem;
	--sizeH6: 1.2rem;
	
	--sizeBasic: 1em;
	--sizeSmall: 0.833rem;
	--sizeSmaller: 0.694rem;
*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--family1);
    margin-bottom: 0.3em;
	line-height: var(--lineHeightTitles);
    font-weight: var(--fontThin);
}

/*


	--size6: 2em;
	--size5: 1.6em;
	--size4: 1.3em;
	--size3: 1.15em;
	--size2: 1.15em;
	--size1: 1.1em;
	--size0: 1em;
	--size-1: 0.8em;
*/

h1, .h1 {
	font-size: var(--size6);
}

h2, .h2 {
	font-size: var(--size5);
}

h3, .h3 {
	font-size: var(--size4);
}

h4, .h4 {
	font-size: var(--size3);
}

h5, .h5 {
	font-size: var(--size2);
}

h6, .h6 {
	font-size: var(--size1);
}


@media (min-width: 48em) {
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		margin-bottom: 0.5em;
	}
}

@media (min-width: 75em) {
	
	:root {
		/*
		--sizeH1: 2.45em;
		--sizeH2: 2.1em;
		--sizeH3: 1.5em;
		--sizeH4: 1.2em;
		--sizeH5: 1em;
		--sizeH6: 0.8em;
		*/
		
		--sizeH1: 50px;
		--sizeH2: 43px;
		--sizeH3: 30px;
		--sizeH4: 25px;
		--sizeH5: 20px;
		--sizeH6: 16px;
		
		--size6: 50px;
		--size5: 43px;
		--size4: 40px;
		--size3: 35px;
		--size2: 30px;
		--size1: 25px;
		--size0: 25px;
		--size20: 20px;
		--size-1: 16.7px;
	}
	
	body {
		font-size: 1.3em;
	}
}


a {
	color: var(--color__text);
	text-decoration: none;
}

small {
	font-size: var(--sizeSmall);
}


/* 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 */
	fill: none;
	/* Rounded stroke */
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 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;
}

/* 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;
	text-decoration: none;
	color: currentColor;
	transition: color .3s;
}


/* 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;
}







.mtWarning {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 80ch;
	z-index: 100;
	transform: translateX(-50%);
	
	display: flex;
	gap: 1em;
	align-items: center;
	padding: 0.5em 1em;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	font-size: var(--size-2);
	line-height: 1.2;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px -2px 6px;
}

	.mtWarning .icon {
		flex: 0 0 auto;
		font-size: 2em;
	}

.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__orange);
	color: #fff;
}

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

[hidden] {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

.iframe_wrapper {
    position: relative;
    margin-bottom: 1em;
    position: relative;
}

.iframe_wrapper:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.iframe_wrapper > .pfw {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

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






.masterWrapper {
	max-width: 100vw;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
    /* grid-template-columns: repeat(12, 1fr); */
	
	/*
	display: grid;
	grid-template-columns: 1.5em 1fr repeat(2, 173px) 1fr 1.5em;
    gap: 0;
	*/
}

.masterWrapper__body {
	
}

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

.masterWrapper__body {
	flex: 1 1 auto;
	background-color: #fff;
}

@media (min-width: 48em) {
	
	/*
	.masterWrapper {
		display: grid;
		grid-template-columns: 3em 1fr repeat(7, 173px) 1fr 3em;
		gap: 20px;
	}
	
	.masterWrapper__body {
		grid-column: 1 / 13;
	}
	*/
}
	






.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; 
}


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


.icon {
    position: relative;
    pointer-events: none;
	display: inline-block;
	width: 100%;
	
	fill: currentColor;
}

.icon > .pfw {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.icon:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}

.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
	display: block;
}

.logo_napis:before {
    padding-top: 31%;
}



.bWrap {
	
}

.bWrap.bWrap--center {
	text-align: center;
}

.bWrap.bWrap--right {
	text-align: right;
}



.ws {
	position: relative;
	display: block;
	width: 100%;
	padding: 2em var(--wrapper__bodyPadding);
}

.ws.ws--noPadd {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.ws__inner {
	max-width: var(--wrapper__maxWidth);
	margin-left: auto;
	margin-right: auto;
}

.ws__inner.ws__inner--limitContent {
	max-width: var(--content__maxWidth);
}

.ws__content.ws__content--limitContent {
	max-width: var(--content__maxWidth);
	margin-left: auto;
	margin-right: auto;
}

.ws__innerNoPadd {
	position: relative;
	left: calc(-1 * var(--wrapper__bodyPadding));
	width: calc(100% + ( var(--wrapper__bodyPadding) * 2 ) );
}

.ws__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
    z-index: -1;
}

.ws__image > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
}

.ws__image > div:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	
	z-index: 2;
}

.ws__inner > * {
	margin-bottom: 1em;
}

.ws__inner > *:last-of-type {
	margin-bottom: 0;
}

.ws--whiteBg + .ws--whiteBg {
	padding-top: 0;
}

/*
.ws--blackBg + .ws--blackBg {
	border-top: 2px solid #ffffff;
}
*/

.ws--cta-text + .ws--blackBg {
	border-top: 0;
}

.ws.ws--silver {
	background-color: var(--color__silver);
}

.ws__contentQuote {
	position: relative;
	padding: 0.5em 1em;
	margin-top: 2em;
	z-index: 10;
	/* max-width: var(--content__maxWidthSmall); */
	max-width: 780px;
	margin-left: auto;
	margin-right: 0;
	color: var(--color__gray);
	font-size: 16px;
}

.ws__contentQuote:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	border-top: 2px solid var(--color__orange);
	border-left: 2px solid var(--color__orange);
	z-index: -1;
}

.pagePadd {
	padding-left: var(--wrapper__bodyPadding);
	padding-right: var(--wrapper__bodyPadding);
}


@media (min-width: 65em) {
	
	.ws__contentQuote {
		font-size: 22px;
	}
	
	:root {
		--wrapper__bodyPadding: 3rem;
	}
	
	.ws {
		padding: 3em var(--wrapper__bodyPadding);
	}
	
	.ws--mainContent {
		padding-top: 3em;
		padding-bottom: 4em;
	}
	
	.ws__inner > * {
		margin-bottom: 2em;
	}
}



@media (min-width: 75em) {
	
	
	:root {
		--wrapper__bodyPadding: 4.8em;
		--wrapper__paddingBig: 5em;
	}
	
	.ws {
		padding: 5em var(--wrapper__bodyPadding);
	}
	
	.mainContent > .ws {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}


big {
	font-size: var(--sizeBigger);
}

.contentStyle.contentStyle--limitWidth {
	max-width: var(--content__maxWidth);
}


.contentStyle * {
	word-wrap: break-word;
}

.contentStyle h1, 
.contentStyle .h1, 
.contentStyle h2, 
.contentStyle .h2, 
.contentStyle h3, 
.contentStyle .h3, 
.contentStyle h4, 
.contentStyle .h4, 
.contentStyle h5, 
.contentStyle .h5, 
.contentStyle h6, 
.contentStyle .h6 {
	line-height: var(--lineHeightTitles);
	/* line-height: var(--lineHeightContent); */
}

.contentStyle strong {
	font-weight: var(--fontSemibold);
}

.contentStyle big {
	font-size: var(--size2);
	position: relative;
}

.contentStyle * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
	margin-top: 1.3em;
}

.contentStyle small {
	font-size: var(--sizeSmaller);
}

.ws__content small {
    line-height: 1.8;
    display: inline-block;
}

.contentStyle p {
	margin-bottom: 1em;
}

.contentStyle p:last-of-type {
	margin-bottom: 0;
}

.popup__content .contentStyle p:last-of-type {
	margin-bottom: 1em;
}

.popup__content .contentStyle small {
	margin-bottom: 1em;
	line-height: 1.6;
    display: inline-block;
}

.contentStyle a {
	color: var(--color__orange);
	box-shadow: inset 0 0 0 var(--color__orange);
}


@media (max-width: 48em) {
	
	.ws--fullImageSlider {
		min-height: 350px;
		height: calc(var(--vh, 1vh)* 50);
	}
}

@media (min-width: 65em) {
	
	.contentStyle a {
		transition: color 0.4s, box-shadow 0.4s, opacity 0.4s;
	}
	
	.contentStyle a.b {
		transition: color 0.7s, background 0.7s, border 0.7s, opacity 0.4s;
		box-shadow: none;
	}
	
	.contentStyle a.b:hover {
		box-shadow: inset 0 -1px 0 var(--color__orange);
		box-shadow: none;
	}
	
	.contentStyle a:hover {
		color: var(--color__text);
		box-shadow: inset 0 -1px 0 var(--color__text);
		text-decoration: none;
	}
	
	.contentStyle a[href^="tel"] {
		color: var(--color__text);
		text-decoration: none;
		box-shadow: none;
	}
	.contentStyle a[href^="tel"]:hover {
		color: var(--color__text);
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
	
	.contentStyle {
		font-size: var(--size0);
	}

}

.contentStyle strong, b {
	font-weight: var(--fontSemibold);
}

.contentStyle big strong, big b {
	font-weight: var(--fontSemibold);
}

.contentStyle ol {
	padding-left: 1.8em;
	margin-bottom: 1.3em;
}

.contentStyle ul {
	list-style: none;
	padding-left: 2em;
	margin-bottom: 1.3em;
}

.contentStyle ul li {
	position: relative;
	margin-bottom: 0.2em;
}

.contentStyle ul li:after {
	position: absolute;
	left: -1.2em;
	top: 0.7em;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background-color: var(--color__text);
	content: "";
}

.contentStyle ul li ul li:after {
	position: absolute;
	left: -1.2em;
	top: 0.5em;
	width: 9px;
	height: 9px;
	
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid var(--color__text);
	content: "";
}

.contentStyle p + ul, p + ol {
	position: relative;
	margin-top: -0.4em;
}

.contentStyle ul li, ol li {
	position: relative;
	margin-top: 0.2em;
}

.contentStyle table {
	margin-top: 1em;
	width: 100% !important;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 2rem;
	/* border: 1px solid var(--color__text); */
	font-size: 0.8em;
}

.contentStyle table * {
	line-height: 1.4;
}

.contentStyle table thead tr {
	font-weight: 700;
	text-transform: uppercase;
}

.contentStyle table thead tr:nth-child(1) {
	border-bottom: 2px solid var(--color__silver);
}

.contentStyle table th, 
.contentStyle table thead th {
	padding: 0.5rem 0.8rem;
	text-align: left;
	border-bottom: 2px solid  var(--color__silver);
	border-left: 2px solid var(--color__silver);
	line-height: 1.45;
	font-weight: 400;
}

.contentStyle table thead th:first-of-type {
	border-left: 0;
	border-top: 0;
}

.contentStyle table th, 
.contentStyle table tr td {
	padding: 0.5rem 0.8rem;
	vertical-align: top;
	border-left: 2px solid var(--color__silver) !important;
	border-bottom: 2px solid var(--color__silver);
	line-height: 1.45;
}

.contentStyle table tr td:first-of-type {
	border-left: 0 !important;
}

.contentStyle table tr:last-of-type td {
	border-bottom: 0 !important;
}

.contentStyle table tr:last-of-type {
	border-bottom: 0;
}

.contentStyle.contentStyle--dark ul li:after {
	background-color: #fff;
}

@media (min-width: 65em) {
	
	
	.contentStyle.contentStyle--dark a.b:hover {
		box-shadow: inset 0 -1px 0 var(--color__orange);
		box-shadow: none;
	}
	
	.contentStyle.contentStyle--dark a:hover {
		color: #fff;
		box-shadow: inset 0 -1px 0 #fff;
		text-decoration: none;
	}
	
	.contentStyle.contentStyle--dark a[href^="tel"] {
		color: #fff;
		text-decoration: none;
		box-shadow: none;
	}
	.contentStyle.contentStyle--dark a[href^="tel"]:hover {
		color: #fff;
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
}

/* črni stil vsebine START */

.contentStyle.contentStyle--black {
	/* barva črt v tabelah – po potrebi prilagodi */
	--contentBorder: rgba(255, 255, 255, 0.3);
	color: #fff;
}


/* povezave – oranžna se podeduje iz osnovnih stilov */
.contentStyle.contentStyle--black a[href^="tel"] {
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

/* alineje */
.contentStyle.contentStyle--black ul li:after {
	background-color: #fff;
}

.contentStyle.contentStyle--black ul li ul li:after {
	background-color: transparent;
	border-color: #fff;
}

/* tabele */
.contentStyle.contentStyle--black table thead tr:nth-child(1) {
	border-bottom-color: var(--contentBorder);
}

.contentStyle.contentStyle--black table th, 
.contentStyle.contentStyle--black table thead th {
	border-bottom-color: var(--contentBorder);
	border-left-color: var(--contentBorder);
}

.contentStyle.contentStyle--black table th, 
.contentStyle.contentStyle--black table tr td {
	border-left-color: var(--contentBorder) !important;
	border-bottom-color: var(--contentBorder);
}

@media (min-width: 65em) {

	.contentStyle.contentStyle--black a:hover {
		color: #fff;
		box-shadow: inset 0 -1px 0 #fff;
		text-decoration: none;
	}

	.contentStyle.contentStyle--black a.b:hover {
		box-shadow: none;
	}

	.contentStyle.contentStyle--black a[href^="tel"],
	.contentStyle.contentStyle--black a[href^="tel"]:hover {
		color: #fff;
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}

}

/* črni stil vsebine END */

.shareContent__title {
	font-size: var(--sizeSmall);
	color: var(--color__gray);
}

.socialIcons {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1em;
}

.socialIcon {
	position: relative;
	width: 2.8em;
	height: 2.8em;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	cursor: pointer;
	
	transition: opacity 0.4s;
}

.socialIcon .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 55%;
	color: #000;
	
	transition: transform 0.4s;
}

.socialIcon .linkedin {
	left: 56%;
}

.socialIcon:hover {
	opacity: 0.6;
}

.socialIcon:hover .icon {
	transform: translate(-50%, -50%) scale(1.1);
}



@media (min-width: 65em) {
	
	.socialIcons {
		gap: 1.5em;
	}
}



/***************************** TABLE SETTINGS *****************************/


.table-wrapper-elements {
	 position: relative;
}
 .table-wrapper-elements .table-arrows {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 1.5rem;
	 background-color: var(--color__orange);
}
 .table-wrapper-elements .table-arrows.fixed {
	 position: fixed;
	 left: 16px;
	 right: 16px;
	 bottom: 0;
	 width: calc(100% - 32px);
}
 @media (min-width: 48em) {
	 .table-wrapper-elements .table-arrows.fixed {
		 bottom: 4em;
	}
}
 .table-wrapper-elements .table-arrows .left, .table-wrapper-elements .table-arrows .right {
	 padding: 0.7rem 1rem 0.7rem 1rem;
}
 .table-wrapper-elements .table-arrows .left .icon, .table-wrapper-elements .table-arrows .right .icon {
	 color: #fff;
	 display: block;
}
 .table-wrapper-elements .table-arrows .left .icon svg, .table-wrapper-elements .table-arrows .right .icon svg {
	 display: block;
}
 .table-wrapper-elements .table-arrows .left {
	 width: 3rem;
	 height: 1.5rem;
	 position: absolute;
	 left: 0;
	 top: 0;
	 background-color: rgba(0, 0, 0, 0.5);
}
 .table-wrapper-elements .table-arrows .left .icon {
	 transform: rotate(90deg);
}
 .table-wrapper-elements .table-arrows .right {
	 width: 3rem;
	 height: 1.5rem;
	 position: absolute;
	 right: 0;
	 top: 0;
	 background-color: rgba(0, 0, 0, 0.5);
}
 .table-wrapper-elements .table-arrows .right .icon {
	 transform: rotate(0deg);
}
 .table-wrapper-elements .table-arrows .left .icon {
	 transform: rotate(-180deg);
}
 .table-wrapper-elements .table-arrows .right, .table-wrapper-elements .table-arrows .left {
	 cursor: pointer;
}
 .table-wrapper-elements .table-arrows .right.disabled, 
 .table-wrapper-elements .table-arrows .left.disabled {
	 background-color: var(--color__orange);
}
 .table-wrapper-elements .table-arrows .right.disabled .icon, 
 .table-wrapper-elements .table-arrows .left.disabled .icon {
	 color: var(--color__orange);
}
 .table-wrapper-elements .table-arrows .right .arrow, 
 .table-wrapper-elements .table-arrows .left .arrow {
	 width: 1rem;
	 height: 1rem;
	 display: inline-block;
	 margin-right: 0.4rem;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 .table-wrapper-elements .table-arrows .right .arrow:after, .table-wrapper-elements .table-arrows .left .arrow:after {
	 content: '';
	 display: block;
	 width: 0.7rem;
	 height: 1px;
	 position: absolute;
	 left: 50%;
	 top: 30%;
	 transform: translate(-50%, -50%) rotate(-45deg);
}
 .table-wrapper-elements .table-arrows .right .arrow:before, .table-wrapper-elements .table-arrows .left .arrow:before {
	 content: '';
	 display: block;
	 width: 0.7rem;
	 height: 1px;
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 top: 77%;
	 transform: translate(-50%, -50%) rotate(45deg);
}
 .table-wrapper-elements .table-arrows .right .arrow {
	 transform: translate(-50%, -50%) rotate(-180deg);
}
 .table-wrapper {
	 position: relative;
	 padding-bottom: 2.25rem;
	 margin-bottom: 1em;
	 width: auto !important;
	 overflow-x: auto;
	 display: block;
	 max-width: 100%;
}
 .table-wrapper .fake-header {
	 position: absolute;
	 top: 0;
	 left: 1.5em;
	 right: 1.5em;
	 border-bottom: var(--color__orange) 1px solid;
	 background-color: #fff;
	 white-space: nowrap;
	 display: none;
	 overflow: hidden;
	 width: calc(100% - 3em);
}
 .table-wrapper .fake-header .fake-header-inner {
	 position: relative;
	 max-width: 100%;
}
 .table-wrapper .fake-header.fixed {
	 display: block;
	 top: 0;
	 position: fixed;
}
 .table-wrapper .fake-header .header-col {
	 text-align: left;
	 white-space: nowrap;
	 display: inline-block;
	 padding: 0.4rem;
	 /* font-size: 0.8em; */
	 background-color: var(--color__orange);
	 /* border-bottom: 1px solid #ccc; */
	 color: var(--color__text);
	 border: 0;
	 vertical-align: top;
	 position: relative;
	 font-weight: 500;
	 line-height: 1.2;
}
 .table-wrapper .fake-header .header-col:last-of-type {
	 text-align: right;
}
 .mobile .table-wrapper .fake-header .header-col {
	 margin-right: 0;
}
 .mobile .table-wrapper .fake-header .header-col:first-child:after {
	 right: 2px;
}
 .mobile .table-wrapper .fake-header .header-col:last-child:after {
	 display: none;
}
 .table-wrapper .fake-header .header-col span {
	 white-space: normal;
	 display: flex;
	 align-items: flex-end;
	 justify-content: center;
	 flex-flow: row wrap;
	 height: 100%;
}
 .table-wrapper-elements .table-arrows .right .arrow {
	 transform: translate(-50%, -50%) rotate(0);
}
 .table-wrapper-elements .table-arrows .left .arrow {
	 transform: translate(-50%, -50%) rotate(180deg);
}
 .contentStyle .table-wrapper table {
	 margin-bottom: 0;
}