@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-BoldItalic.woff2') format('woff2'),
        url('fonts/RedHatText-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-Bold.woff2') format('woff2'),
        url('fonts/RedHatText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-SemiBold.woff2') format('woff2'),
        url('fonts/RedHatText-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-Light.woff2') format('woff2'),
        url('fonts/RedHatText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-Medium.woff2') format('woff2'),
        url('fonts/RedHatText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-LightItalic.woff2') format('woff2'),
        url('fonts/RedHatText-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/RedHatText-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-Regular.woff2') format('woff2'),
        url('fonts/RedHatText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-MediumItalic.woff2') format('woff2'),
        url('fonts/RedHatText-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('fonts/RedHatText-Italic.woff2') format('woff2'),
        url('fonts/RedHatText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




html {
	block-size: 100%;
	-webkit-text-size-adjust: none;
	/* scrollbar-gutter: stable; */
}

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


/***************************** MAIN SETTINGS *****************************/


body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	min-block-size: 100%;
	
	font-family: 'Red Hat Text', Arial, Helvetica, sans-serif;
	line-height: 1.6;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'astounder-squared-lc-bb', Arial, Helvetica, sans-serif;
    margin-bottom: 0.6em;
    font-weight: 400;
}


h1, .h1 {
	font-size: 2.5em;
}

h2, .h2 {
	font-size: 2.3em;
}

h3, .h3 {
	font-size: 2em;
}

h4, .h4 {
	font-size: 1.8em;
}

h5, .h5 {
	font-size: 1.1em;
}

h6, .h6 {
	font-size: 0.95em;
}


@media (min-width: 48em) {
	
	body {
		font-size: 1.1em;
	}
	
	h1, .h1 {
		font-size: 3em;
	}

	h2, .h2 {
		font-size: 2.8em;
	}

	h3, .h3 {
		font-size: 2.3em;
	}

	h4, .h4 {
		font-size: 1.8em;
	}

	h5, .h5 {
		font-size: 1.1em;
	}

	h6, .h6 {
		font-size: 0.95em;
	}
}

@media (min-width: 75em) {
	
	body {
		font-size: 1.3em;
	}
}

.iconBlock {
    position: relative;
    pointer-events: none;
	display: inline-block;
	
	fill: currentColor;
}

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

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

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

.iconBlock.emblem:before {
    padding-top: 78%;
}
.iconBlock.emblem {
	color: var(--color__black);
}


.ws {
	display: block;
	width: 100%;
	padding: 3em 1.5em;
}

.fullImageNews {
	position: relative;
	left: -1.5em;
	width: calc(100% + 3em);
	margin-bottom: 2em;
}

.ws--kocka {
	padding: 0;
}
.ws--kocka .ws__inner {
	max-width: 100%;
	width: 100%;
	display: grid;
	gap: 0;
	grid-template-columns: 1fr;
}
.ws--kocka .ws__content {
	padding: 3em 1.5em;
	text-align: center;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.ws--kocka .sc__content {
	margin-bottom: 1em;
	text-align: center;
	direction: ltr;
}
.ws--kocka .ws__contentInner {
	width: 100%;
	max-width: 28em;
}
.ws--kocka .ws__image {
	position: relative;
	width: 100%;
}
.ws--kocka .ws__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.ws--kockaReverse {
	direction: rtl;
    text-align: left;
}


.ws--fullImage {
	/* padding-top: 8em; */
    min-height: 700px;
    height: calc(var(--vh, 1vh)* 100);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    background-color: var(--color__silver--light);
}
.ws--fullImageFlexible {
    min-height: 500px;
    height: auto;
}

.ws--fullImage .ws__text {
	margin-bottom: 0;
	text-align: center;
	font-weight: 300;
}

.fullImage__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.fullImage__media:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}

.fullImage__image {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


.ws--black {
	background-color: var(--color__black);
}

.ws--pink {
	background-color: var(--color__pink);
}

.ws--lightBrown {
	background-color: var(--color__brown--light);
}

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


.ws__imageMain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}


.ws__imageFull {
	position: relative;
	left: -1.5em;
	width: calc(100% + 3em);
	margin-bottom: 2em;
	
	padding-top: 60%;
	
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}

.ws__content {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


.ws__content--form {
	max-width: 800px;
}

.ws__content--formContentWidth {
	max-width: 1000px;
}


.ws.ws--mainContent {
	padding-top: 5em;
}

.ws.ws--mainContentSub {
}

.ws__contentWrapp {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.ws__contentSidebar {
	position: sticky;
    top: 3em;
}

/*
@media (min-width: 991px) {
	
	.ws__contentWrapp .ws__content {
		padding-right: 2em;
	}
}
*/

.ws--black {
	background-color: var(--color__black);
	color: #fff;
}

.ws--black .b--main {
	color: #fff;
}
.ws--black .b--main::before {
	background-color: var(--color__black);
}
.ws--black a {
	color: #fff;
}

.ws__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.ws__inner--full {
	max-width: 100%;
}

.ws__text {
	direction: ltr;
}

.ws__text .b {
	margin-top: 1.5em;
}

.ws__textSubTitle {
	font-weight: 400;
}

.home .ws__text .ws__textSubTitle {
	opacity: 0.3;
}

.ws__text .ws__textSubTitle + .h1, 
.ws__text .ws__textSubTitle + h1 {
	margin-top: 0.3em;
}

.ws__textSubTitle + * {
	margin-top: 0.6em;
}

a.ws__textSubTitle {
	transition: color 0.5s;
}

a.ws__textSubTitle:hover {
	color: var(--color__pink--hover);
}


.ws--readMore.readMore--noGallery + .ws--readMore.readMore--noGallery {
	padding-top: 0;
}

.ws--readMore .ws__text {
	text-align: center;
	margin-bottom: 1.5rem;
}

.ws--readMore .ws__text h2 {
	margin-bottom: 0.8rem;
}

.galleryOffset {
	display: grid;
	gap: 1em;
	grid-template-columns: 1fr 1fr;
	margin-top: 2em;
}

.backBtn {
	margin-top: 2em;
	margin-bottom: 2em;
}

.readMoreBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	margin-bottom: 0.8em;
	
	cursor: pointer;
	transition: color 0.5s, transform 0.5s;
}

.readMoreBtn span {
	margin-right: 0.8em;
	font-size: 0.8em;
}
.readMoreBtn .iconBlock {
	width: 1em;
	height: 1em;
	color: var(--color__black);
	
	transition: color 0.5s, transform 0.5s;
}

.readMoreBtn:hover .iconBlock,
.readMoreBtn:hover {
	color: var(--color__pink);
}

.readMoreBtn.readMoreBtn--active .iconBlock {
	transform: rotate(180deg);
}
.readMoreBtn.readMoreBtn--active {
	color: var(--color__pink);
}

.readMoreContent {
	display: none;
}

.ws--mainContentSub.ws--bivanje {
	padding-top: 0;
}

.ws.ws--mainContentNoHeadline {
	padding-top: 8em;
}


@media (min-width: 768px) {
	
	.ws--kocka .ws__inner {
		grid-template-columns: 1fr 1fr;
	}
	.ws--kocka .ws__image {
		height: 100vh;
	}
	.ws--kocka .sc__content {
		margin-bottom: 3em;
	}
	
	.ws__imageFull {
		padding-top: 35%;
	}

	.ws__imageFull .fImage {
		top: -10%;
	}

	.ws__text .b {
		margin-top: 2.5em;
	}
	
	.ws__image {
		position: relative;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.galleryOffset {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.go__image:nth-child(3n+1) {
		transform: translateY(2em);
	}
	.go__image:nth-child(3n+2) {
		transform: translateY(5em);
	}
}

@media (min-width: 991px) {
	
	.ws {
		padding: 3em;
	}
	
	
	.fullImageNews {
		position: relative;
		left: -3em;
		width: calc(100% + 6em);
	}
	
	.mainContent.mainContent--sobe .ws--mainContentSub {
		padding: 2em 3em;
	}
	.mainContent.mainContent--sobe .ws--mainContent {
		padding-bottom: 2em;
	}
	
	.ws--kocka {
		padding: 0;
	}
	.ws--kocka .ws__content {
		padding: 3em;
	}

	.ws__imageFull {
		position: relative;
		left: -3em;
		width: calc(100% + 6em);
		margin-bottom: 3em;
	}
	
	.ws--mainContent {
		padding-top: 12em;
		padding-bottom: 7em;
	}
	
	.ws--mainContent .ws__text {
		max-width: 1200px;
	}
	
	.ws--ciLR .ws__inner {
		display: grid;
		gap: 1em;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	
	.ws--ciLR .ws__text {
		grid-column: 1 / 4;
		margin-top: 2em;
		padding-right: 2em;
	}
	
	.ws--ciLR .ws__textRight {
		margin-top: 2em;
	}
	
	.ws--ciLR .ws__textRight, 
	.ws--ciLR .ws__image {
		grid-column: 4 / 6;
	}
	
	.ws--sotritve .ws__text {
		margin-top: 2em;
	}
	
	.ws.ws--mainContent {
		padding-top: 6em;
	}
	
	.ws.ws--mainContentNoHeadline {
		padding-top: 11em;
	}

}


@media (min-width: 1140px) {
	
	.ws {
		padding: 4em 5em;
	}
	
	.fullImageNews {
		position: relative;
		left: -5em;
		width: calc(100% + 10em);
	}
	
	
	.mainContent.mainContent--sobe .ws--mainContentSub {
		padding: 2em 5em;
	}
	.mainContent.mainContent--sobe .ws--mainContent {
		padding-bottom: 2em;
	}
	
	.ws--kocka {
		padding: 0;
	}
	.ws--kocka .ws__content {
		padding: 3em 5em;
	}
	
	.ws--ciLR .ws__text {
		margin-top: 4em;
		padding-right: 3em;
	}
	
	.ws--ciLR .ws__textRight {
		margin-top: 4em;
	}
	
	.ws--sotritve {
		padding-top: 5em;
		padding-bottom: 5em;
	}
	
	.ws--poroke {
		margin-top: -2em;
		padding-top: 7em;
	}
	
	.ws--fullImageSlider.ws--poroke {
		margin-top: -2em;
		padding-top: 3em;
		padding-bottom: 2em;
	}
}



.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}

.ge {
	margin-bottom: 1em;
}

.ge__image {
	
}

.ge__image--default {
	position: relative;
	padding-top: 57.33%;
	background-color: var(--color__silver);
}

.ge__image--slider {
	position: relative;
	padding-top: 57.33%;
	background-color: var(--color__silver);
	overflow: hidden;
}

.ge__image--slider .sobeIamagSlider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ge__image--slider .slick-dots li.slick-active div {
    background-color: #fff;
}

.ge__image--slider .slick-dots li div {
    border: 2px solid #fff;
}

.ge__image--slider .slick-dots {
	position: absolute;
	bottom: 1em;
	right: 1rem;
}

.ge__image--default .iconBlock {
	width: 30%;
	padding-top: 78%;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.4;
}

.ge__image--default .icon {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	opacity: 0.15;
}

.ge__title {
	font-weight: 400;
	transition: color 0.5s;
}

.ge__title--arrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ge__title--arrow .icon {
	width: 1.8em;
	min-width: 1.8em;
	
	transform: scale(1);
	transform-origin: 100% 50%;
	
	transition: transform 0.5s;
}

.ge:hover .ge__title {
	color: var(--color__pink);
}
.ge:hover .ge__title--arrow .icon {
	transform: scale(1.4);
}



@media (min-width: 991px) {
	
	.grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2em;
	}
}

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

.listGroup .listItem {
	background-color: #fff;
	width: 100%;
}

.listItem__image.listItem__image--default {
	position: relative;
	background-color: var(--color__pink);
	padding-top: 0;
}
.listItem__image.listItem__image--default:after {
	content: '';
	padding-top: 70%;
    width: 100%;
    display: block;
}

.listItem__image.listItem__image--default .iconBlock {
	width: 30%;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.6;
    color: #ffffff;
}

.listGrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
}

.listGrid .slick-dots {
	margin-top: 1em;
}

.listGrid--slider {
	display: block;
}

.listItem__image {
	width: 100%;
}

.listItem {
	display: flex !important;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.listItem__image {
	width: 60%;
	margin-bottom: 0.5em;
}

.listItem__data {
	width: 100%;
	padding-left: 0;
}

@media (max-width: 480px) {
	.listGroup.listGroup--events .listItem {
		padding: 1em;
	}
}

@media (min-width: 480px) {
	
	.listItem__image {
		width: 33%;
		margin-bottom: 0;
	}
	
	.listItem__data {
		width: 67%;
		padding-left: 1em;
	}
}

.listGrid--events .listItem__image.listItem__image--default:after {
	content: '';
	padding-top: 100%;
    width: 100%;
    display: block;
}

.eventInfo {
	margin: 1em 0;
}

.eventInfo__element {
	padding: 0.5em 0;
	margin: 0.5em 0;
	border-bottom: 1px solid var(--color__pink);
}



.listItem__title {
	position: relative;
	font-family: 'Red Hat Text', Arial, Helvetica, sans-serif;
	font-weight: 800;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	font-size: 1.4em;
}

.listItem__title:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0rem;
	left: 0;
	width: 5em;
	height: 2px;
	background-color: var(--color__pink);
}

.listItem__title.listItem__title--noLine:after {
	display: none;
}

.listItem__intro {
	margin-bottom: 1em;
	max-width: 32em;
}

.listItem__date {
	margin-bottom: 2rem;
	text-transform: uppercase;
}

.listItem__date span {
	display: block;
}

.listItem .listItem__data {
	margin: 0.5em 0;
}

.ws--napovedujemo .listItem .listItem__data {
	margin: 0 0 0.5em 0;
}


@media (max-width: 479px) {
	
	.ws--napovedujemo .listItem .listItem__data {
		margin: 0.5em 0;
	}
}

@media (min-width: 991px) {
	
	.listGrid {
		grid-template-columns: 1fr 1fr;
		gap: 1em;
	}
	
	.listItem .listItem__image {
		width: 33%;
	}
	
	.listItem .listItem__data {
		width: 67%;
		padding-left: 2em;
		padding-right: 2em;
		margin: 1em 0;
	}
	
	.listItem {
		display: flex !important;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.listItem__btn {
		width: 100%;
		text-align: right;
	}
	
	.listGrid--events .listItem__data {
		padding-left: 2em;
		padding-right: 1em;
	}
	
	.ws--napovedujemo .listItem .listItem__data {
		margin: 0 0 1em 0;
	}
}

@media (min-width: 1140px) {
	
	.listItem .listItem__data {
		padding-left: 3.5em;
	}
	
	.listGrid--events .listItem__data {
		padding-left: 2em;
		padding-right: 1em;
	}
}


.gridElements {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2em;
}

.gridElement {
	margin-bottom: 0.5em;
}

.gridElements--ponudbe .ge__contentWrapp {
	margin-bottom: 1.2rem;
}

/*
.gridElements--ponudbe .ge__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
*/

.gridElements--ponudbe .b {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 0.75em;
}

.gridElements.gridElements--slider {
	display: block;
}

.gridElements--slider .slick-dots {
	margin-top: 2em;
	margin-bottom: 2em;
}

.gridElements--slider .slick-track {
	display: flex;
    gap: 1em;
}

.gridElements--slider {
	position: relative;
	left: -1em;
	width: calc(100% + 2em);
}

.ge__content {
	margin-top: 0.8em;
}

.ge__title {
	width: 100%;
	margin-bottom: 0;
}


@media (min-width: 768px) {
	
	.gridElements {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1em;
	}
	
	.gridElement {
		margin-bottom: 2em;
	}
	
	.gridElements--limit {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

}

/*
@media (min-width: 991px) {
	
	.gridElements {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2em;
	}
}
*/




.bivanjePictos {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
	
	border-top: 2px solid var(--color__silver--light);
	padding-top: 1.5em;
	margin-top: 0.5em;
}

.bivanjePicto {
	margin: 0.5em 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bivanjePicto__icon {
	min-width: 3em;
	width: 3em;
}

.bivanjePicto__icon .iconBlock {
	width: 100%;
}

.bivanjePicto__title {
	padding-left: 1em;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.8em;
}


@media (min-width: 768px) {
	
	.bivanjePictos {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1em;
		margin-top: 0;
	}
	
	.bivanjePicto__title {
		padding-left: 1.5em;
	}
	
	.bivanjePictos {
		margin-top: 2.5em;
	}
}

@media (min-width: 991px) {
	
	.bivanjePictos {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 2em;
	}
	
	.bivanjePicto__title {
		padding-left: 2.5em;
	}
}





.b {
	display: inline-block;
	padding: 1em 3em;
	font-size: 0.8em;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
	text-decoration: none;
	border-radius: 5px;
	color: var(--color__black);
	text-transform: uppercase;
}

.b--pink {
	position: relative;
    background-clip: border-box;
	z-index: 2;
	
    background: transparent;
	color: #fff;
	border: 2px solid var(--color__pink);
    border-radius: 5px;
	
	transition: color 0.7s, background 0.7s;
}

.b--pink:hover {
	background-color: var(--color__pink) !important;
	color: #fff !important;
}


.b--pinkDark {
	position: relative;
    background-clip: border-box;
	z-index: 2;
	
    background: transparent;
	color: var(--color__pink);
	border: 2px solid var(--color__pink);
    border-radius: 5px;
	
	transition: color 0.7s, background 0.7s;
}

.b--pinkDark:hover {
	background-color: var(--color__pink) !important;
	color: #fff !important;
}


.b--fullPink {
	position: relative;
    background-clip: border-box;
	z-index: 2;
	
    background: transparent;
	color: #fff;
	border: 2px solid var(--color__pink);
	background-color: var(--color__pink) !important;
    border-radius: 5px;
	
	transition: color 0.7s, background 0.7s;
}

.b--fullPink:hover {
	background-color: var(--color__pink--dark) !important;
	border: 2px solid var(--color__pink--dark);
	color: #fff !important;
}


.b--white {
	position: relative;
    background-clip: border-box;
	z-index: 2;
	
    background: transparent;
	color: #fff;
	border: 2px solid #fff;
    border-radius: 5px;
	
	transition: color 0.7s, background 0.7s;
}

.b--white:hover  {
	background-color: #fff;
	color: var(--color__black);
}

.b--black {
	position: relative;
    background-clip: border-box;
	z-index: 2;
	
    background: transparent;
	color: var(--color__black);
	border: 2px solid var(--color__black);
    border-radius: 5px;
	
	transition: color 0.7s, background 0.7s;
}

.b--black:hover  {
	background-color: var(--color__black);
	color: #fff;
}
.contentStyle .b--black {
	color: var(--color__black);
	border: 2px solid var(--color__black);
	transition: color 0.7s, background 0.7s;
	box-shadow: none;
}
.contentStyle .b--black:hover  {
	background-color: var(--color__black);
	box-shadow: none;
	color: #fff;
}

.catFilter {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	
	flex-wrap: wrap;
}

.catFilter:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color__pink);
}

.catFilter .b {
	border: 2px solid #fff;
	margin: 0.5em 0.5em 0 0.5em;
}
.catFilter .b.b--fullPink {
	border: 2px solid var(--color__pink);
}

.catFilter .b:hover {
	background-color: var(--color__pink) !important;
	border: 2px solid var(--color__pink);
	color: #fff !important;
}


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

.ctaBtn {
	margin-top: 2em;
	padding-top: 1em;
	text-align: right;
	border-top: 1px solid rgba(255,255,255, 0.2);
}

.ctaBtn .b {
	color: rgba(255,255,255, 0.2);
	transition: color 0.5s;
	padding: 0 1em;
}

.ctaBtn .b:hover {
	color: rgba(255,255,255, 1);
}


.hideScroll {
	
}

.ws--fullImageSlider {
	justify-content: flex-end;
    align-items: flex-end;
}

.ws--fullImageSlider .ws__inner {
	position: relative;
    width: 100%;
}

.fullImage__media--slider .slick-list {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fullImage__media--slider .slick-track {
	height: 100%;
}


.sliderArrows {
	position: absolute;
	bottom: 0;
	right: 0;
	
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.sliderArrow {
	position: relative;
	width: 2em;
	height: 2em;
	border: 1px solid #fff;
	border-radius: 50px;
	margin: 0 0.5em;
	cursor: pointer;
	
	transition: background 0.5s;
}

.sliderArrow .iconBlock {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
	
	transition: color 0.5s;
}

.sliderArrow--right .iconBlock {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.sliderArrow:hover {
	background-color: #fff;
}
.sliderArrow:hover .iconBlock {
	color: var(--color__black);
}





.contentStyle * {
	line-height: 1.6;
	word-wrap: break-word;
}

.contentStyle h1 {
	line-height: 1.2;
}
.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: 1.1;
	/* margin-bottom: 1rem; */
}

.contentStyle big {
	font-size: 1.2em;
	color: var(--color__pink);
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	padding-bottom: 0.5em;
	display: block;
}

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

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

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

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

@media (min-width: 1000px) {
	
	.contentStyle a {
		transition: color 0.4s, box-shadow 0.4s;
	}
	
	.contentStyle a:hover {
		color: var(--color__pink);
		box-shadow: inset 0 -1px 0 var(--color__pink);
		text-decoration: none;
	}
	
	.contentStyle a[href^="tel"] {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}
	.contentStyle a[href^="tel"]:hover {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}

	.sliderArrow {
		width: 3em;
		height: 3em;
	}
}

.contentStyle strong, b {
	font-weight: 600;
}

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

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

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

.contentStyle 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__pink--hover);
	content: "";
}

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

.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__pink--hover);
	font-size: 0.8em;
}

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

.contentStyle table tr p:last-child {
	margin-bottom: 0;
}

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

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

.contentStyle table thead th {
	padding: 0.5rem 0.8rem;
	text-align: left;
	border-bottom: 1px solid  var(--color__pink--hover);
	border-left: 1px solid var(--color__pink--hover);
	line-height: 1.45;
}

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

.contentStyle table tr td {
	padding: 0.5rem 0.8rem;
	vertical-align: top;
	border-left: 1px solid var(--color__pink--hover);
	border-bottom: 1px solid var(--color__pink--hover);
	line-height: 1.45;
}

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

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

.contentStyle.contentStyle--pink {
	color: #fff;
}

.contentStyle.contentStyle--pink big {
	color: #fff;
}

.contentStyle.contentStyle--pink a {
	color: #fff;
	box-shadow: inset 0 -1px 0 #fff;
}


@media (min-width: 1000px) {
	.contentStyle.contentStyle--pink a[href^="tel"] {
		color: #fff;
		background-image: none;
		box-shadow: none;
	}
	
	.contentStyle.contentStyle--pink a:hover {
		color: #fff;
		box-shadow: inset 0 -1px 0 #fff;
		text-decoration: none;
		opacity: 0.7;
	}
	
	.contentStyle.contentStyle--pink a[href^="tel"]:hover {
		color: #fff;
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
}

.contentStyle.contentStyle--pink li:after {
	background-color: transparent;
	border: 1px solid #fff;
}

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



.contentStyle.contentStyle--white {
	color: #fff;
}

.contentStyle.contentStyle--white big {
	color: #fff;
}

.contentStyle.contentStyle--white a {
	color: #fff;
	box-shadow: inset 0 -1px 0 #fff;
}


@media (min-width: 1000px) {
	.contentStyle.contentStyle--white a[href^="tel"] {
		color: #fff;
		background-image: none;
		box-shadow: none;
	}
	
	.contentStyle.contentStyle--white a:hover {
		color: #fff;
		box-shadow: inset 0 -1px 0 #fff;
		text-decoration: none;
		opacity: 0.7;
	}
	
	.contentStyle.contentStyle--white a[href^="tel"]:hover {
		color: #fff;
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
}

.contentStyle.contentStyle--white li:after {
	background-color: transparent;
	border: 1px solid #fff;
}

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



.acc__item:first-of-type {
	margin-top: 2.5em;
}

.acc__title {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0.2em;
	margin-bottom: 1.5em;
	cursor: pointer;
	color: var(--color__black);
	
	
	transition: color 0.5s;
}

.acc__title h3 {
	padding-right: 1em;
	font-size: 1.2em;
}

.ws--pink .acc__title {
	color: #fff;
}

.acc__title h3 {
	color: var(--color__black);
	font-weight: 400;
	font-family: 'Red Hat Text', Arial, Helvetica, sans-serif;
}

.ws--pink .acc__title h3 {
	color: #fff;
}

.contentStyle .acc__title {
	color: #fff;
}

.acc__title:after {
	content: '';
	display: block;
	left: -1em;
	width: calc(100% + 2em);
	height: 2px;
	
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 100%;
}

.acc__title .icon {
	width: 0.8em;
	height: 0.8em;
	margin-bottom: 0.6em;
	
	transform: rotate(90deg);
	
	transition: transform 0.5s, opacity 0.5s;
}

.acc__title .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 2px;
	transform: translate(-50%, -50%) rotate(90deg);
	background-color: var(--color__black);
	transition: transform 0.5s, opacity 0.5s;
}
.acc__title .icon:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 2px;
	transform: translate(-50%, -50%) rotate(0deg);
	background-color: var(--color__black);
	transition: transform 0.5s, opacity 0.5s;
}

.acc__title:hover {
	color: var(--color__pink--hover);
}

.contentStyle .acc__title:hover {
	color: var(--color__pink--hover);
}

.acc__content {
	display: none;
	padding-bottom: 1.5em;
}

.acc__item--active .acc__title .icon {
	transform: rotate(-90deg);
}

.acc__item--active .acc__title .icon:after {
	transform: translate(-50%, -50%) rotate(0deg);
}


.acc__item--active .acc__title {
	color: var(--color__pink--hover);
}

@media (min-width: 768px) {
	
	.acc__title h3 {
		padding-right: 1em;
		font-size: 1.4em;
	}
}

@media (min-width: 1140px) {
	
	.acc__title:after {
		left: -2em;
		width: calc(100% + 4em);
	}
	

}

@media (min-width: 48em) {
	
	.acc__title h3 {
		font-size: 1.3em;
	}
}



form fieldset {
	border: 0;
}

.form {
	margin-bottom: 2em;
	text-align: left;
}

.form fieldset {
	padding: 0;
	border: 0;
}

.form .bWrap {
	margin-top: 1.5em;
}

.form__input input, 
.form__input select, 
.form__input textarea {
    padding: 0.4em 0.5em;
    width: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, 0.7);
    font-family: inherit;
    color: #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--color__silver);
    border-radius: 2px;
}


.ws--black .form__input input, 
.ws--black .form__input select, 
.ws--black .form__input textarea {
    color: #fff;
}

.form__rowWithButton {
	margin-bottom: 2rem;
}

.form__rowWithButton .form__group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	flex: 1 1 auto;
}

.mobileBtn {
	display: block;
}
.desktopBtn {
	display: none;
}


@media (min-width: 600px) {
	
	
	.form__rowWithButton {
		display: flex;
		gap: 1rem;
	}

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

	.mobileBtn {
		display: none;
	}
	
	.form__colSplit {
		display: flex;
		justify-content:space-between;
		align-items: felx-start;
	}

	.form__colSplit .form__col {
		width: calc(50% - 0.75rem);
	}
	
	.form__colSplit textarea {
	    min-height: 11.3em !important;
	}
}

.form.form--defaultStyle .form__group.form__group--input {
	position: relative;
	/* margin-top: 1.5rem; */
}

.form.form--defaultStyle .form__group.form__group--input {
}
	
.form.form--defaultStyle .form__group.form__group--input label {
	padding: 0 0.2rem;
	
	font-size: 0.8em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	left: 1.7rem;
	-webkit-transition: top 0.3s ease-in-out;
			transition: top 0.3s ease-in-out;
	
	pointer-events: none;
}

.form.form--defaultStyle .form__group {
	margin-bottom: 1em;
}

.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs label {
	top: 2.5rem;
}

.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.hasValue label,
.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.focus label,
.form.form--defaultStyle .form__group.form__group--input.form__group--fixedTop label,
.form.form--defaultStyle .form__group.form__group--input.focus label,
.form.form--defaultStyle .form__group.form__group--input.hasValue label {
	background-color: #fff;
	top: -0.3rem;
	max-height: 1.4em;
	overflow: hidden;
}

.form.form--defaultStyle .form__group.form__group--textarea {
	margin-top: 1.5em;
	position: relative;
}
.form.form--defaultStyle .form__group.form__group--textarea label {
	padding: 0 0.2rem;
	font-size: 0.8em;
	position: absolute;
	left: 1.7rem;
	-webkit-transition: top 0.3s ease-in-out;
			transition: top 0.3s ease-in-out;
	
	pointer-events: none;
	
	top: 1em;
}

.form.form--defaultStyle .form__group.form__group--textarea.form__group--fixedTop label,
.form.form--defaultStyle .form__group.form__group--textarea.focus label,
.form.form--defaultStyle .form__group.form__group--textarea.hasValue label {
	top: -1rem;
}

.form.form--defaultStyle .form__input textarea,
.form.form--defaultStyle .form__input select,
.form.form--defaultStyle .form__input input {
	padding: 0.8em 1.5em;
}

.form.form--defaultStyle .form__input textarea {
	min-height: 7em;
}


.form__group.form__group--radio:first-child {
	margin-bottom: 0;
}

.form__group.form__group--radio label {
	padding-top: 0.15em;
}

.form__input textarea,
.form__input input {
	width: 100%;
	background-color: transparent;
	
}

.form__group--input {
	position: relative;
	z-index: 2;
}

.form__group--checkbox {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.form__group--checkbox:not(:last-child) {
		margin-bottom: 0.3em;
}

.form__group--checkbox input[type="checkbox"] {
	width: 3rem;
	height: 2rem;
	-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			
	opacity: 0;
}

.form__group--checkbox a {
	color: var(--color__black);
	box-shadow: inset 0 -1px 0 var(--color__black);
	transition: color 0.5s, box-shadow 0.5s;
}
.form__group--checkbox a:hover {
	color: var(--color__pink);
	box-shadow: inset 0 -1px 0 var(--color__pink);
}

.ws--black .form__group--checkbox a {
	color: #fff;
	box-shadow: inset 0 -1px 0 #fff;
	transition: color 0.5s, box-shadow 0.5s;
}
.ws--black .form__group--checkbox a:hover {
	color: var(--color__pink);
	box-shadow: inset 0 -1px 0 var(--color__pink);
}

.form__group--checkbox label {
	position: relative;
	color: var(--color__black);
	display: block;
	padding-top: 0;
	font-size: 0.8em;
}

.form__group--checkbox label span {
	font-size: 0.8em;
}

.form__group--checkbox label:before {
	position: absolute;
    left: -3rem;
    top: -0.2em;
    content: "";
    border: 2px solid var(--color__silver);
	border-radius: 5px;
    width: 2rem;
    height: 2rem;
    position: absolute;
	background-color: transparent;
}

.form__group--checkbox label:after {
	position: absolute;
    left: -2.6rem;
    top: 0.2rem;
    width: 1.3rem;
    height: 1.3rem;
	
	background-image: url(/images/check_black.svg);
	background-size: contain;
}

.form__group--checkbox input[type="checkbox"]:checked + label::after {
	content: "";
}

.form__group--checkbox input[type="checkbox"]:focus + label::before {
	outline: 0 solid #fff;
	outline-offset: 2px;
}

.form__group--checkbox.error {
	outline: 2px solid red;
	outline-offset: 3px;
}

.form__group--input.error textarea, 
.form__group--input.error input {
	border: 2px solid red;
}

.form__hint {
	margin-bottom: 1em;
	font-size: 0.8em;
}

.form__hint--required {
	margin-top: 1em;
	padding: 0;
	text-align: right;
}

.form__hint--required:before {
	content: "*";
}

.form__group--radio input[type="radio"] {
	opacity: 0;
}

.form__group--radio label {
	line-height: 2em;
	position: relative;
	padding-top: 0.6em;
	font-weight: 400;
	font-size: 1.1em;
}

.form__group--radio label::before {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: -3rem;
	top: 0.1rem;
	
	content: "";
	/* border: #fff 1px solid; */
	border: 2px solid var(--color__pink--hover);
	border-radius: 50%;
}

.form__group--radio label::after {
	position: absolute;
	border: 0;
	width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: -2.61rem;
    top: 0.48rem;
    border-radius: 50%;
}

.form__group--radio input[type="radio"]:checked + label::after {
	/* background-color: #fff; */
	background: var(--color__pink);
	content: "";
}

.form__group--radio input[type="radio"]:focus + label::before {
	outline: 0 solid #fff;
	outline-offset: 2px;
}

.form__groupWrap {
	margin-top: 2em;
}

.form__groupWrap .form__groupRadios {
	margin-top: 1em;
}

.radioGroup__wrapp {
	padding-left: 2.9em;
}

.form__row.form__row--radioButtons {
	justify-content: flex-start;
    align-items: center;
}

.form__row {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.form__row .form__group {
    width: calc(50% - 0.5rem);
	/* margin-bottom: 0 !important; */
}

.form__row .form__group:nth-child(1) {
    margin-right: 1rem;
}

.form__groupRadios {
	padding-left: 2.5em;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.form__groupRadios .form__group {
	margin-bottom: 0.6em !important;
}

.form__groupRadios.error {
	outline-offset: 3px;
	outline: 1px solid red;
}


.ws--black .form__group--input::before {
    background-color: var(--color__black);
}

.ws--black .form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.hasValue label, 
.ws--black .form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.focus label, 
.ws--black .form.form--defaultStyle .form__group.form__group--input.form__group--fixedTop label, 
.ws--black .form.form--defaultStyle .form__group.form__group--input.focus label, 
.ws--black .form.form--defaultStyle .form__group.form__group--input.hasValue label {
	background-color: var(--color__black);
	color: #fff !important;
}

.ws--black .form__group--checkbox label {
	color: #fff !important;
	padding-top: 0.2em;
    padding-left: 0.5em;
}

.form__group--input textarea, 
.form__group--input input {
    border-radius: 5px;
	overflow: hidden;
	/* color: #fff !important; */
}

.ws--black .form__group--input textarea, 
.ws--black .form__group--input input {
    border-radius: 5px;
	overflow: hidden;
	color: #fff !important;
}


input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color__black) !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0 0 #ffffff;
}

.ws--black input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
}
.ws--black input:-webkit-autofill,
.ws--black input:-webkit-autofill:hover, 
.ws--black input:-webkit-autofill:focus, 
.ws--black input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0 0 #ffffff;
}

textarea:focus-visible, 
input:focus-visible {
	outline: 0;
}

.form__status {
	display: none;
	margin-top: 1em;
}

.form__status.success {
	display: block;
}

.form__status.error {
	color: red;
	display: block;
}

.form__thankYou {
	margin-top: 2em;
    color: var(--color__black);
}

.ws--black .form__thankYou {
	margin-top: 2em;
    color: var(--color__black);
}

.ws--posvet .form__thankYou {
	margin-top: 1em;
}

#formContact .form__group--checkbox {
	margin-top: 0.6em;
    margin-bottom: 2.5em;
}

#formContact .form__status {
    margin-top: 1.5em;
}

#formInquiry .form__group--checkbox {
	margin-top: 0.6em;
    margin-bottom: 2em;
}

.ws--black .form__group--checkbox label:after {
	background-image: url(/images/check_white.svg);
}

.ws--black .form__thankYou {
	color: #fff;
}



/***************************** MAIN SETTINGS *****************************/



/***************************** HEADER /*****************************/

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 1.8em;
	padding-bottom: 1em;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	z-index: 100;
}

.header__utils {
	/* display: none; */
	opacity: 1;
	transition: opacity 0.5s;
	z-index: 110;
	padding-right: 5em;
}

.selectLanguage {
	font-size: 0.8em;
}

.sl__item {
	color: #fff;
	transition: color 0.5s, opacity 0.5s;
}

.menuTrigger__wrapp {
    position: fixed;
    /* top: 2.7em; */
    top: 2em;
    right: 1.5em;
    border-radius: 50%;
    height: 3em;
    width: 3em;
    z-index: 110;
}

@media (min-width: 991px) {
	
	.menuTrigger__wrapp {
		top: 2em;
		right: 5em;
	}
	
	.header.header--active {
		padding-top: 1.5em;
	}
	
	.sl__item:hover {
		opacity: 0.7;
	}
	
	.header.header--active .sl__item:hover {
		color: var(--color__pink);
		opacity: 1;
	}
}


.menuTrigger {
	position: relative;
	background-color: transparent;
	cursor: pointer;
	z-index: 120;
	
	
	height: 3.5em;
    width: 3.5em;
    padding: 0.8em 0.7em;
	

	/* box-shadow: 0 0 3px rgba(0,0,0, 0.7); */
	border-radius: 5px;
    border: 2px solid #fff;

}

/*
.lock .menuTrigger {
	box-shadow: none;
	border-radius: 0;
    border: 0;
}

.lock .menuTrigger:after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	
    border: 2px solid rgba(0,0,0,0.6);
	border-radius: 5px;
	z-index: -1;
	filter: blur(2px);
	
}
.lock .menuTrigger:before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	
	border-radius: 5px;
    border: 2px solid #fff;
	z-index: 1;
}
*/

.menuTrigger__itemWrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.menuTrigger__item {
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #fff;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 0;
	/* box-shadow: 0 0 3px rgba(0,0,0, 0.7); */
	
	transition: transform 0.7s, top 0.7s, left 0.7s;
}

.menuTrigger__item--1 {
	position: absolute;
	/* top: 19%; */
	top: 10%;
    left: 52%;
	width: 13px;
    height: 10px;
}
.menuTrigger__item--2 {
	position: absolute;
	/* top: 50%; */
	top: 52%;
    width: 14px;
    height: 9px;
    left: 47%;
}
.menuTrigger__item--3 {
	position: absolute;
	/* top: 81%; */
	top: 94%;
	width: 13px;
    height: 10px;
}

.header--active .menuTrigger__item--1 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: 50% 50%;
	left: 50%;
	width: 100%;
    height: 10px;
}
.header--active .menuTrigger__item--2 {
	transform: scale(0);
}

.header--active .menuTrigger__item--3 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 50% 50%;
	left: 50%;
	width: 100%;
    height: 10px;
}

.header .mainLogo {
	width: 4em;
	z-index: 120;
	opacity: 1;
		
	transition: opacity 0.8s, transform 0.8s, width 0.8s;
	
	color: #fff;
}


.header .mainLogo .iconBlock {
	width: 100%;
}
.header .mainLogo .iconBlock:before {
	padding-top: 88%;
}

.header--onBlack .header__utils .cInfo__text {
	color: #fff;
}

.header.header--active .header__utils .cInfo__text {
	color: var(--color__black);
}

.header.header--active .mainLogo {
    opacity: 0;
	pointer-events: none;
}


/*
.header.header--subPage .menuTrigger {
	border: 2px solid var(--color__black);
}
.header.header--subPage .sl__item {
	color: var(--color__black);
}
.header.header--subPage .menuTrigger__item {
	background-color: var(--color__black);
}
*/
.menuTrigger {
	transition: border 0.8s, box-shadow 0.8s, background 0.8s;
}
.menuTrigger__item {
	transition: border 0.8s, box-shadow 0.8s, transform 0.8s, top 0.8s, left 0.8s;
}

.header--sticky .menuTrigger {
	border: 2px solid var(--color__black);
	background-color: rgba(255,255,255,0.8);
	/* box-shadow: 0 0 3px rgba(255, 255, 255, 0.7); */
	box-shadow: none;
}
.header--sticky .menuTrigger__item {
	background-color: var(--color__black);
	/* box-shadow: 0 0 3px rgba(255, 255, 255, 0.7); */
	box-shadow: none;
}

.header.header--noHeadline .menuTrigger {
	border: 2px solid var(--color__black);
	/* box-shadow: 0 0 3px rgba(255, 255, 255, 0.7); */
	box-shadow: none;
}
.header.header--noHeadline .sl__item {
	color: var(--color__black);
}
.header.header--noHeadline .mainLogo .iconBlock {
	color: var(--color__black);
}
.header.header--noHeadline .menuTrigger__item {
	background-color: var(--color__black);
	/* box-shadow: 0 0 3px rgba(255, 255, 255, 0.7); */
	box-shadow: none;
}

.header.header--active .menuTrigger {
	border: 2px solid #fff;
	box-shadow: none !important;
}
.header.header--active .sl__item {
	color: #fff;
}
.header.header--active .menuTrigger__item {
	background-color: #fff;
	box-shadow: none !important;
}


.header.noHeadline .menuTrigger {
	border: 2px solid var(--color__black);
}

.header.noHeadline .sl__item {
	color: var(--color__black);
}

.header.noHeadline .menuTrigger__item {
	background-color: var(--color__black);
}


.header.header--active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	
	background-color: #fff;
	transform: translateY(0);
	
	transition: transform 1s;
}

/*
.header.header--hidden {
	transform: translateY(-100%);
}
*/

.header.header--active {
	background-color: transparent;
}

.header.header--subPage .mainLogo .logoText,
.header.header--active .logoText {
	opacity: 0;
}


.header.header--closing .mainLogo {
	opacity: 0;
}





@media (min-width: 768px) {
	
	.header .mainLogo {
		width: 5em;
	}
}

@media (min-width: 1140px) {
	
	.headline {
		padding-bottom: 0;
	}
	
	.header {
		padding-top: 1.5em;
	}
	
	.header__utils {
		flex: 1 1 auto;
		display: flex;
		justify-content: flex-end;
		padding-right: 5em;
	}
}




.mainMenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-color: var(--color__black);
	color: #fff;
	
	z-index: 90;
	
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	
	padding-top: 5em;
	padding-bottom: 3em;
}

.header.header--active .mainMenu {
	opacity: 1;
	pointer-events: all;
	z-index: 90;
}

.mainMenu__inner {
	max-height: 100%;
    overflow: auto;
}

.mainMenu a {
	color: #fff;
}

.mainMenu__items {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

.mainMenu__items--terc {
	/* opacity: 0.5; */
}
.mainMenu__items--terc a {
	color: #8c8c8c;
}

.mainMenu__items--terc .contactSection a[href^="tel"], 
.mainMenu__items--terc .contactSection a {
	color: #8c8c8c;
}

.mainMenu__item {
	margin-bottom: 0.6em;
}

.mainMenu__item > .active {
	color: var(--color__pink);
}
.mainMenu__itemChild.active {
	color: var(--color__pink);
}

.mainMenu__itemChilds {
	display: flex;
	justify-content: felx-start;
	align-items: flex-start;
	flex-direction: column;
	margin-top: 0.4em;
	padding-left: 1em;
}

.mainMenu__itemChilds .mainMenu__itemChild {
	margin-bottom: 0.5rem;
	/* color: var(--color__pink); */
}

/*
.mainMenu__itemChilds .mainMenu__itemChild.active, 
.mainMenu__itemChilds .mainMenu__itemChild:hover {
	color: var(--color__pink--hover);
}
*/

.mmu__btn {
	margin-bottom: 3em;
}

.mainMenu__utils .cInfo__wrapp {
	flex-direction: column;
}

.mainMenu__utils {
	padding-bottom: 3em;
}

.mainMenu__subItems {
	padding-bottom: 4em;
}

.mainMenu__subItems a {
	margin-right: 1em;
	margin-bottom: 0.6em;
	display: block;
	font-size: 0.8em;
	color: var(--color__silver--light);
	transition: color 0.5s;
}

.mainMenu__subItems a.active,
.mainMenu__subItems a:hover {
	color: var(--color__pink--hover);
}

.mainMenu__subItems a:last-of-type {
	margin-right: 0;
}

.contactSectionGroup {
	position: relative;
    font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 2em;
}

.ws--footer .contactSection--1 a {
	color: var(--color__pink) !important;
	box-shadow: none !important;
}
.ws--footer .contactSection--1 a:hover {
	color: var(--color__pink--hover) !important;
	box-shadow: inset 0 -1px 0 var(--color__pink--hover) !important;
}

.contactSectionGroup .contactSection--1 a {
	color: var(--color__pink);
	box-shadow: none;
}
.contactSectionGroup .contactSection--1 a:hover {
	color: var(--color__pink);
	box-shadow: none;
}


.contactSectionGroup .contactSection--1 {
	color: #8c8c8c;
}

.contactSectionGroup .contactSection--2 {
	text-align: left;
	font-weight: 400;
}

.contactSectionGroup .contactSection--2 a {
	box-shadow: inset 0 -1px 0 var(--color__pink);
}
.contactSectionGroup .contactSection--2 a:hover {
	box-shadow: inset 0 -1px 0 var(--color__pink);
}


.header .contactSectionGroup .contactSection--2 a {
	box-shadow: inset 0 -1px 0 var(--color__pink);
	transition: color 0.5s, box-shadow 0.5s, opacity 0.5s;
}
.header .contactSectionGroup .contactSection--2 a:hover {
	box-shadow: inset 0 -1px 0 var(--color__pink);
	color: var(--color__pink);
}

.header .contactSectionGroup .contactSection--1 a {
	transition: color 0.5s, box-shadow 0.5s, opacity 0.5s !important;
}

.header .contactSectionGroup .contactSection--1 a:hover {
	box-shadow: inset 0 -1px 0 var(--color__pink);
	color: var(--color__pink);
}

@media (min-width: 1000px) {
	
	.header .contentStyle.contentStyle--white a[href^="tel"] {
        color: #8c8c8c !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}


.home .header .mainLogo {
	opacity: 0 !important;
	pointer-events: none !important;
}


.header .socialIcon {
	width: 2em;
	height: 2em;
	margin-left: 0;
	margin-right: 0.8em;
}

.hPovpBtn {
	display: none;
}

.mainMenu__prava {
	width: 100%;
	margin-top: 1.5em;
	margin-bottom: 3em;
}

.mainMenu__itemPrava {
	font-size: 0.9em;
	margin-right: 1em;
	margin-bottom: 0.4em;
}

.mainMenu__itemPrava a {
	opacity: 0.5;
	transition: opacity 0.5s, color 0.5s;
}

.mainMenu__itemPrava a.active, 
.mainMenu__itemPrava a:hover {
	opacity: 1;
	color: var(--color__pink);
}


@media (min-width: 768px) {
	
	.mainMenu__prava {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.mainMenu__itemPrava {
		margin-right: 2em;
	}
	
	.mainMenu__subItems {
		padding-bottom: 1em;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
	}
	
	.mainMenu__subItems.mainMenu__subItems--left {
		justify-content: flex-start;
	}
	
	.mainMenu__subItems a {
		margin-right: 2em;
	}
	
	.mainMenu {
		padding-top: 7em;
	}
	
	.contactSectionGroup {
		margin-top: 3em;
		margin-bottom: 3em;
	}
}

.mainMenu__inner {
	opacity: 0;
	
	transition: opacity 0.7s;
	transition-delay: 0.1s;
}

.header.header--active .mainMenu__inner {
	opacity: 1;
	transition-delay: 0.5s;
}

.header.header--closing .mainMenu__inner {
	opacity: 0;
	transition-delay: 0.2s;
}


@media (min-width: 1140px) {
	
	.mainMenu__itemChild,
	.mainMenu__item > a {
		transition: color 0.5s;
	}
	
	.mainMenu__item > a:hover {
		color: var(--color__pink);
	}
	.mainMenu__itemChild:hover {
		color: var(--color__pink);
	}
	
	.mainMenu {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.mainMenu__inner {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	.mainMenu__items {
		margin-bottom: 0;
		padding-right: 4em;
	}
	
	.mainMenu__utils .cInfo__wrapp {
		padding-left: 1em;
	}
	
	.mainMenu__items--main {
		max-width: 26em;
	}

	.hPovpBtn {
		display: block;
		margin-top: 4em;
	}
	
	.contactSectionGroup {
		margin-top: 4em;
		margin-bottom: 4em;
	}
	
	.mainMenu__prava {
		margin-bottom: 0;
	}
}

@media (min-width: 1450px) {
	
	.mainMenu__items {
		padding-right: 7em;
	}

	.noScroll .contactSectionGroup .contactSection--1 {
		position: absolute;
		left: calc(100% + 4rem);
		width: 12.5em;
	}
}

/*
@media (min-width: 1140px) {
	
	.mainMenu__inner {
		font-size: 1.2em;
	}
}
*/



@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/***************************** HEADER *****************************/


/***************************** FOOTER *****************************/

.ws--footer {
	text-align: center;
	padding-bottom: 1.5em;
}

.socialIcons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.5em 0;
}

.header .socialIcons {
	justify-content: flex-start;
}

.socialIcon .iconBlock {
	width: 100%;
}

.socialIcon {
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
	margin-left:  0.5em;
	
	transition: color 0.5s;
}

.contactSection--1 strong {
	font-weight: 400;
}
.contactSection--1 a {
	font-size: 0.8em;
	box-shadow: none;
}

.contactSection--2 a {
	color: var(--color__black);
}

.contactSection--2 {
	font-weight: 500;
}

.socialIcon--fb:hover {
	color: var(--color__fb);
}
.socialIcon--ig:hover {
	color: var(--color__ig);
}

.ws__inner--copyright {
	width: 100%;
	font-size: 0.8em;
	margin-top: 1em;
}

@media (min-width: 768px) {
	
	.ws--footer {
		text-align: left;
	}
	
	.ws--footer .ws__inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.contactSection--2 {
		text-align: center;
	}
	
	.contactSection--3 {
		text-align: right;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.socialIcons {
		margin: 0;
	}

	.socialIcon {
		justify-content: flex-start;
		width: 3em;
		height: 3em;
	}
	
	.ws__inner--copyright {
		width: 10em;
		margin: -2.6em 0 0 0;
	}
}

@media (min-width: 1140px) {
	
	.ws--footer {
		padding-bottom: 4em;
	}
}


/***************************** FOOTER end *****************************/



/***************************** HEADLINE *****************************/

.home .headline {
	padding-top: 8em;
    min-height: 700px;
	height: calc(var(--vh, 1vh) * 100);
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	
    position: relative;
    z-index: 2;
	
	background-color: var(--color__silver--light);
}

.headline {
	padding-top: 8em;
    min-height: 400px;
	height: calc(var(--vh, 1vh) * 70);
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	
    position: relative;
    z-index: 2;
	
	background-color: var(--color__silver--light);
}

@media (max-width: 1000px) {
	
	.headline {
		padding-top: 8em;
		min-height: 400px;
		min-height: calc(var(--vh, 1vh) * 60);
		height: auto;
	}
}

.headline .ws__inner {
	width: 100%;
	max-width: 100%;
}

.headline__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.headline__media:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}

.hm__image {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-position: center; */
	background-position: 50% 75%;
    background-size: cover;
}

.home .hm__image {
    background-position: center;
    background-size: cover;
}

.headline .ws__inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.headline__text {
	position: relative;
	margin-bottom: 6em;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	
	color: #fff;
}

.headline__logo {
	max-width: 80%;
	width: 10em;
	margin-left: auto;
	margin-right: auto;
}

.headline__text .h1,
.headline__text h1 {
	font-family: "astounder-squared-lc-bb", sans-serif;
	color: #fff;
	margin-top: 0.5em;
	margin-bottom: 1rem;
}

.headline__text .h2,
.headline__text h2 {
	font-family: "astounder-squared-lc-bb", sans-serif;
	color: #fff;
	/* margin-top: 0.5em; */
	margin-top: 0;
}

.headline__intro {
	margin-bottom: 2.5em;
}

.headline__image {
	display: none;
}

.headline .cInfo__text {
	font-size: 0.8em;
}

.headline .ws__content {
	margin-bottom: 2em;
}


.headlineLogos {
	position: absolute;
	bottom: 1em;
	right: 2em;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.headlineLogos a {
	margin-left: 1em;
}

.headlineLogo--gk {
	width: 2.5em;
}
.headlineLogo--tp {
	width: 5.5em;
	display: none;
}

.scrollLine {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	
	width: 2px;
	background-color: var(--color__pink);
	height: 11em;
	
	overflow: hidden;
}

.scrollLine__indicator {
    display: block;
    width: 5px;
    height: 30%;
    position: absolute;
    top: 0;
    left: -2px;
    z-index: 112;
    border-radius: 3px;
    background: #fff;
    animation: scroll 6s ease infinite;
	
    transform-origin: 50% 0%;
    transform: translate(0, 0) scale(1, 1);
}


@keyframes scroll {
    0%{
        transform:translate(0, 0) scale(1, 0.5);
        opacity:0
    }
    10%{
        transform:translate(0, 0) scale(1, 0.5);
        opacity:1
    }
    10%{
        transform:translate(0, 0) scale(1, 1);
        opacity:1
    }
    50%{
        transform:translate(0, 0) scale(1, 1);
        opacity:1
    }
    90%{
        transform:translate(0, 333%) scale(1, 1.8);
        opacity:1
    }
    100%{
        transform:translate(0, 333%) scale(1, 1.4);
        opacity:0
    }
}


@media (min-width: 768px) {
	
	.headlineLogos {
		right: 0;
	}
	
	.headlineLogo--tp {
		display: block;
	}
}

@media (min-width: 991px) {
	
	.scrollLine {
		/* height: 15em; */
		height: 11em;
	}
	
	.headlineLogos {
		bottom: 4em;
	}
	
	.headlineLogos a {
		margin-left: 2em;
	}
	
	.headline__text {
		margin-bottom: 7em;
	}
	
	.headline__image {
		display: block;
		position: relative;
		padding-top: 110%;
	}
	
	.headline__image img {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: -3em;
	}
	
	.headline .cInfo__wrapp {
		display: none;
	}
	
	.home .headline {
		min-height: 850px;
	}
	
	.headline {
		min-height: 500px;
	}
}

@media (min-width: 1140px) {
	
	.scrollLine {
		/* height: 13em; */
		height: 11em;
	}
	
	.headlineLogo--tp {
		width: 7em;
	}
	
	.headlineLogo--gk {
		width: 3.2em;
	}
}

@media (min-width: 1550px) {
	
	.headlineLogos {
		right: 3em;
		bottom: 7em;
	}
}


/***************************** HEADLINE end *****************************/

.ws--intro {
	
}

.ws--intro .ws__text {
	text-align: center;
}


@media (min-width: 991px) {
	
	.ws--intro {
		padding-top: 7em;
		padding-bottom: 7em;
	}
}

.ws--napovedujemo h2 {
	color: var(--color__pink);
	text-align: center;
}
.ws--napovedujemo h2 a {
	color: var(--color__pink);
}

.ws--napovedujemo .ws__text{
	margin-bottom: 2em;
}



.ws--bivanje .ws__text {
	text-align: center;
	margin-bottom: 0;
}


.ws--quote {
	position: relative;
	overflow: hidden;
}
.ws--quote .ws__inner {
	position: relative;
	z-index: 10;
}
.ws--quote .ws__content {
	padding: 0 2em;
}

.ws--quote .ws__text {
	position: relative;
	text-align: center;
	font-style: italic;
}

.ws--quote .ws__text p {
    line-height: 1.6;
}

.ws--quote .ws__text em {
	margin-top: 0.5em;
	display: block;
	color: var(--color__black);
	opacity: 0.4;
}

.ws--quote .quote {
	position: absolute;
	top: -1.5em;
	left: -1.5em;
	width: 1.4em;
	color: var(--color__black);
	opacity: 0.2;
}

.ws--quote .quote.quote--br {
	bottom: -1.5em;
	right: -1.5em;
	left: auto;
	top: auto;
	transform: rotate(180deg)
}

.ws--quote .ws__emblem {
	position: absolute;
    bottom: -6%;
    left: 13%;
    transform: translateX(-50%);
    width: 18%;
	color: var(--color__black);
    opacity: 0.2;
    z-index: 2;
	min-width: 12em;
}

.ws--quote .ws__emblem .iconBlock {
	width: 100%;
}

.ws--quote .ws__emblem .icon {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
}

.quoteSlider__dots {
	margin-top: 2em;
}

.quoteSlider__dots {
	
}

.quoteSlider .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 991px) {
	
	.ws--quote {
		padding-top: 5.5em;
		padding-bottom: 5.5em;
	}
	
	.ws--quote .ws__text {
		font-size: 1.2em;
	}
	
	.ws--quote .quote {
		position: absolute;
		top: -1em;
		left: -2em;
		width: 1.8em;
	}
	
	.ws--quote .quote.quote--br {
		left: auto;
		top: auto;
		bottom: -1em;
		right: -2em;
	}
}


.ws--faq .ws__text {
	text-align: center;
}

.ws--faq .bWrap {
	margin-top: 3em;
}

.ws--kontakt .ws__text {
	text-align: left;
}

.ws--kontaktText .ws__text {
	text-align: center;
}

.ws--kontakt h2 {
	/* font-family: 'Red Hat Text', Arial, Helvetica, sans-serif; */
	/* font-weight: 800; */
}

.ws--povprasevanje .h1,
.ws--povprasevanje .h2,
.ws--povprasevanje h1, 
.ws--povprasevanje h2 {
	font-family: 'Red Hat Text', Arial, Helvetica, sans-serif;
	font-weight: 800;
}



.mainGallery {
	margin-top: 3em;
}

.inlineImage {
    position: relative;
    display: block;
    cursor: pointer;
    background-image: none !important;
	box-shadow: none !important;
	
	color: #000;
	
	left: -1.5em;
	width: calc(100% + 3em);
}

.inlineImage img {
	margin-left: auto;
	margin-right: auto;
}

.inlineImage.inlineImage--rich,.inlineImage.inlineImage--blank {
    margin: 1em 0
}

.inlineGallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}

.inlineGallery .inlineImage {
	left: 0;
    width: 100%;
}

.inlineGallery {
	position: relative;
	left: -1.5em;
    width: calc(100% + 3em);
}

@media (min-width:1000px) {
	
	.ws--povprasevanje .ws__sidebar {
		min-width: 14em;
		padding-left: 3em;
		padding-top: 3em;
		padding-bottom: 2em;
	}
	.ws--povprasevanje .ws__inner {
		display: flex;
		justify-content: space-around;
		align-items: stretch;
    }
	
	.ws--povprasevanje .ws__content {
		margin-left: 0;
		margin-right: 0;
    }
	
	.ws--povprasevanje .ws__sidebarInner {
	    position: sticky;
		top: 1em;
    }
	
	.inlineImage {
		left: -3em;
		width: calc(100% + 6em);
	}
	
	.inlineGallery {
		left: -3em;
		width: calc(100% + 6em);
	}
}


@media (min-width:65em) {
	
    .inlineGallery {
        margin-top: 1em;
        margin-bottom: 1em
    }
	
}



.inlineImage__info {
    padding: 0.3em;
    text-decoration: none !important;
	border-bottom: 1px solid var(--color__silver);
}

.inlineImage__info:hover {
    text-decoration: none !important
}

.inlineImage:hover {
    text-decoration: none !important
}

.inlineImage__title {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--color__black--light);
    text-decoration: none !important
}

.inlineImage__desc {
    font-size: 0.8em;
    color: var(--color__black--light);
    text-decoration: none !important
}



.attachements {
	margin-top: 2em;
	margin-bottom: 2em;
}

.attachements .ac__title {
	margin-bottom: 0;
}

.ac__content {
	margin-top: 0;
}



html {
	background-color: #fff;
	transition: background 0.9s, color 0.9s;
}

html.turnDark {
	background-color: var(--color__black);
	color: #fff;
	transition: background 0.9s, color 0.9s;
}

.ws {
	transition: background 0.9s, color 0.9s;
}



.newsHeadline {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 2em;
}

.newsHeadline .ws__text {
	width: 100%;
}

.newsHeadline .eventInfo {
	width: 100%;
}

.newsContent {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.newsUtils {
	width: 100%;
	
	border-top: 1px solid var(--color__pink);
	padding-top: 1.5em;
	margin-top: 2.5em;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.newsUtils .b {
	margin-bottom: 2em;
}

.newsUtils .shareContent {
	margin-bottom: 2em;
}

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

.shareContent__title {
	text-transform: uppercase;
	font-weight: 600;
    margin-right: 0.5rem;
    font-size: 0.7em;
}

.shareContent__icon {
    position: relative;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border-bottom: 0 !important;
    margin-left: 1rem;
    cursor: pointer;
    color: var(--color__black);
	box-shadow: none !important;
}

.shareContent__icon .iconBlock {
    color: var(--color__black);
	width: 100%;
}

.shareContent__icon--copy {
    background-color: var(--color__black);
    border-radius: 50%;
}

.shareContent__icon--copy span {
	font-size: 0.6em;
	text-transform: uppercase;
	display: block;
	position: absolute;
	top: 51%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.shareContent__icon--copy .copiedSuccess {
    position: absolute;
    top: calc(100% + 0.1em);
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.8em;
    opacity: 0;
    white-space: nowrap;
    color: var(--color__black);
    transition: opacity 0.4s, top 0.4s;
}

.shareContent__icon--copy.copied .copiedSuccess {
    opacity: 1;
    top: calc(100% + 0.8em);
}

.shareContent__limit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.newsHeadline__back {
	margin-bottom: 1em;
}

.newsHeadline .newsHeadline__text h1 {
	margin-bottom: 0;
}

.newsHeadline.newsHeadline--noImgage {
	margin-bottom: 1em;
}

.eventInfo {
	max-width: 30em;
}


.newsHeadline__image {
	margin-top: 1em;
	display: block;
}


@media (min-width: 991px) {
	
	.newsHeadline__back {
		margin-bottom: 2em;
	}
	
	/*
	.newsHeadline .newsHeadline__text {
		width: 50%;
		padding-right: 2em;
	}
	.newsHeadline .newsHeadline__image {
		width: 50%;
	}
	*/
}


.headline__media .hm__image {
	background-attachment: fixed;
}
.fullImage__media .fullImage__image {
	background-attachment: fixed;
}

.p_iphone .headline__media .hm__image {
	background-attachment: unset;
	
    background-position: center !important;
    background-size: cover !important;
}
.p_iphone .fullImage__media .fullImage__image {
	background-attachment: unset;
	
    background-position: center !important;
    background-size: cover !important;
}

.mainContent--kontakt .contactInfo__group {
	margin-bottom: 1.5em;
}

@media (min-width: 768px) {
	
	.mainContent--kontakt .contactInfo__group {
		display: flex; 
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		margin-bottom: 2em;
	}
	
	.mainContent--kontakt .contactInfo {
		width: 33%;
		padding-right: 1em;
	}
}

.catFilterBtn {
	display: none;
}



.filterClose {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 1.5em;
	height: 1.5em;
}

.filterClose .iconBlock {
	width: 100%;
}

@media (max-width: 767px) {
	
	.catFilterBtn {
		text-align: center;
		display: block;
	}
	
	.catFilter {
		position: fixed;
		bottom: -100vh;
		left: 0;
		width: 100%;
		max-height: 80vh;
		background-color: #fff;
		padding: 2em 1em;
		z-index: 110;
		
		transition: bottom 1s;
	}
	
	.catFilter.active {
		bottom: 0;
		overflow: auto;
		box-shadow: 0 0 3px rgba(0,0,0,0.5);
	}
	
	.catFilter .b {
		border: 2px solid var(--color__pink);
	}
	.catFilter .b.b--fullPink {
		border: 2px solid var(--color__pink);
	}
}

@media (min-width: 768px) {
	
	.filterClose {
		display: none;
	}
}


.casovnicaSlider {
	position: relative;
	left: -1.5em;
	width: calc(100% + 3em);
}

.casovnicaSlider:after {
	content: '';
	display: block;
	position: absolute;
	top: 1.6rem;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color__pink);
}

.cs__content {
	position: relative;
	padding: 1rem 1.5em;
}

.cs__title {
	position: relative;
	margin-bottom: 0.8rem;
    margin-top: 3rem;
    font-weight: 800;
	
	font-family: 'Red Hat Text', Arial, Helvetica, sans-serif;
}

.cs__title span {
	font-size: 0.8em;
}

.cs__title:after {
	content: '';
	display: block;
	position: absolute;
	top: -3.5rem;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: var(--color__pink);
}

.casovnicaSlider .slick-dots {
	margin-top: 2em;
}

.casovnicaSlider .slick-track {
	padding-left: 0;
}


@media (min-width: 991px) {
	
    .casovnicaSlider {
		left: -3em;
		width: calc(100% + 6em);
    }
	
	.cs__content {
		padding: 1rem 2em;
	}
}

@media (min-width: 1140px) {
	
    .casovnicaSlider {
		left: -5em;
		width: calc(100% + 10em);
    }
	
	.cs__content {
		padding: 1rem 3em;
	}
	
	.casovnicaSlider .slick-track {
		padding-left: 20vw;
	}
	
	.casovnicaSlider .slick-slide:first-child {
        padding-right: 4em;
    }
}

@media (min-width: 768px) {
	
	.ws--filterContent {
		padding-bottom: 0 !important;
	}
}