<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ==================================== V.12.05.2017 ==================================== */
* {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust: none;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: var(--body-background);
}

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

ul, ol {
	list-style-type: none;
}

b, strong {
	font-weight: 600;
}

.clear {
	clear:both;
}

.hide_d {
	display : none;
}

.flex {
	display: flex;
}
/* ====================================
				 HEADER
 ==================================== */
body &gt; header {
	background: var(--header-background);
	display: flex;
	flex-wrap: wrap-reverse;
}

body &gt; header &gt; div {
	flex: 0 0 100%;
	margin: 0 auto;
	padding: var(--header-padding);
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body &gt; header &gt; div &gt; nav {
	flex: 1;
}

body &gt; header &gt; div &gt; nav#logo &gt; ul &gt; li &gt; a &gt; img {
	max-width: var(--header-logo-width);
}

body &gt; header &gt; div &gt; nav &gt; ul, nav.cart &gt; ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0 12px;
	margin: 0;
	box-sizing: border-box;
}

body &gt; header nav ul, body &gt; header nav ul li {
	margin: 0;
	padding: 0;
	background: none;
}

body &gt; header nav ul li {
	padding: 8px 0;
}

body &gt; header &gt; div &gt; nav &gt; ul li a, nav.cart &gt; ol li a {
	display: block;
	text-decoration: none;
	transition: var(--transition-default);
	padding: 0;
}

body &gt; header &gt; div &gt; nav#logo, body &gt; header &gt; div.secondary &gt; nav:nth-of-type(2) {
	flex: 0 1 auto;
}

body &gt; header &gt; div &gt; nav ul li.cart {
	position: relative;
	width: var(--header-cart-width);
	height: var(--header-cart-height);
	background: transparent none no-repeat center;
	background-image: var(--header-cart-icon);
	border-bottom: none;
}

body &gt; header &gt; div.main &gt; nav ul li.cart a {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background: var(--header-cart-background);
	color: var(--header-cart-color);
	line-height: 20px;
	margin: -8px 0 0 11px;
}

body &gt; header &gt; div.main &gt; nav ul li.cart a span {
	display: block;
	text-align: center;
	font-size: var(--font-size-small);
}

body &gt; header &gt; div.main &gt; nav ul li.cart a:hover, body &gt; header &gt; div.secondary &gt; nav ul li.cart a:hover {
	background: var(--header-cart-background-hover);
	color: var(--header-cart-color-hover);
	border-bottom: 2px solid transparent;
}

/** ------ NAV MAIN ---- **/
body &gt; header &gt; div.main {
	background: var(--nav-main-background);
}

body &gt; header &gt; div.main &gt; nav + nav {
	margin: 0 0 0 25px;
}


body &gt; header &gt; div.main &gt; nav ul li a, nav.cart &gt; ol li a {
	color: var(--nav-main-color);
	text-transform: uppercase;
	font-weight: 600;
	font-size: var(--font-size-regular);
	border-bottom: transparent solid 2px;
}

body &gt; header &gt; div.main &gt; nav &gt; ul &gt; li &gt; a:hover, body &gt; header &gt; div.main &gt; nav &gt; ul &gt; li &gt; a.selected, nav.cart &gt; ol &gt; li &gt; a:hover, nav.cart &gt; ol &gt; li &gt; a.selected {
	color: var(--nav-main-color-hover);
	border-bottom: 2px solid var(--nav-main-color-hover);
}

body &gt; header &gt; div.main &gt; nav#logo &gt; ul &gt; li &gt; a:hover {
	border-bottom: 2px solid transparent;
}


/** ------ NAV SECONDARY ---- **/
body &gt; header &gt; div.secondary {
	background: var(--nav-secondary-background);
}

body &gt; header &gt; div.secondary &gt; nav ul li a {
	color: var(--nav-secondary-color);
	font-size: var(--font-size-regular);
	font-weight: 400;
	text-transform: none;
	opacity: 0.5;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li:hover &gt; a, body &gt; header &gt; div.secondary &gt; nav ul li a.selected {
	color: var(--nav-secondary-color);
	opacity: 1;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.site a {
	display: inline-block;
	padding: 0 12px;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.site:hover &gt; a {
	opacity: 0.5;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.site:hover &gt; a:hover {
	opacity: 1;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.site a + a {
	border-left: 1px solid var(--nav-site-border-color);
}

body &gt; header &gt; div.secondary &gt; nav:nth-of-type(2) ul {
	align-items: center;
}

/** ------ NAV CONTACT ---- **/
body &gt; header &gt; div.contact {
	background: var(--nav-contact-background);
	color: var(--nav-contact-color);
	font-size: var(--font-size-small);
}

body &gt; header &gt; div.contact &gt; nav ul li {
	opacity: 0.8;
	text-align: center;
	cursor: default;
}

body &gt; header &gt; div.contact &gt; nav ul li:hover {
	opacity: 0.8;
}

body &gt; header &gt; div.contact &gt; nav ul li a {
	display: inline-block;
	color: var(--nav-contact-color);
	font-weight: 400;
	text-transform: none;
}

body &gt; header &gt; div.contact &gt; nav ul li a:hover {
	text-decoration: underline;
}

/**	----- DROPDOWN ---- **/
body &gt; header &gt; div &gt; nav &gt; ul &gt; li.dropdown &gt; div {
	display: none;
	position: absolute;
	z-index: 200;
	background: transparent;
	box-sizing: border-box;
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px;
}

body &gt; header &gt; div &gt; nav &gt; ul &gt; li.dropdown:hover &gt; div {
	display: block;
}

body &gt; header &gt; div.main &gt; nav &gt; ul &gt; li.dropdown &gt; div {
	background: var(--nav-main-dropdown-background);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

body &gt; header &gt; div &gt; nav &gt; ul &gt; li.dropdown &gt; div &gt; ul {
	margin: 8px 0 0 -8px;
	padding: 4px 12px;
}

body &gt; header &gt; div.main &gt; nav &gt; ul &gt; li.dropdown &gt; div &gt; ul &gt; li &gt; a:hover, body &gt; header &gt; div.main &gt; nav &gt; ul &gt; li.dropdown &gt; div &gt; ul &gt; li &gt; a.selected {
	color: var(--nav-main-color-hover);
	text-decoration: underline;
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.dropdown &gt; div ul {
	background: var(--nav-secondary-dropdown-background);
}

body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.dropdown &gt; div &gt; ul &gt; li &gt; a:hover, body &gt; header &gt; div.secondary &gt; nav &gt; ul &gt; li.dropdown &gt; div &gt; ul &gt; li &gt; a.selected {
	opacity: 1;
}

/** ---- NAV MOBILE ---- **/
body &gt; header &gt; div &gt; nav#mobile {
	flex: 0 0 100%;
}

body &gt; header &gt; div &gt; nav#mobile ul li {
	flex: 0 0 100%;
	border-bottom: 1px dotted var(--black);
	padding: 12px 0;
}

body &gt; header &gt; div &gt; nav#mobile ul.site li {
	display: flex;
	justify-content: center;
}

body &gt; header &gt; div &gt; nav#mobile ul li a {
	font-weight: 300;
	text-align: center;
	padding: 0 12px;
}

body &gt; header &gt; div &gt; nav#mobile ul li a:hover, body &gt; header &gt; div &gt; nav#mobile ul li a.selected {
	font-weight: 700;
	border-bottom: 2px solid transparent;
	color: var(--black-dark);
}

body &gt; header &gt; div &gt; nav#mobile, body &gt; header &gt; div &gt; nav ul.toggle-mobile {
	display: none;
	justify-content: flex-end;
}

body &gt; header &gt; div &gt; nav#mobile, body &gt; header &gt; div &gt; nav ul.toggle-mobile ul li button {
	margin: 0;
}

/* ============================================================================================= */

/* ==================================== BANNER ==================================== */
#superslides {
	width: var(--banner-width-full);
	height: var(--banner-height-full);
	margin: 0 auto;
	overflow: hidden;
}

	#superslides.slim {
	    width: 100%;
	    height: var(--banner-slim-height);
		box-sizing: border-box;
	    padding: 0;
	}

#superslides #slides {
	position: relative;
	margin: 0;
}

#superslides #slides ul.slides-container {
	/**display: none;**/
	opacity: 0;
	transition: opacity 500ms ease-in;
}

#superslides #slides ul.slides-container li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#superslides #slides ul.slides-container li {
	padding: 0;
	margin: 0;
	position: relative;
	background: none;
}

#superslides #slides .scrollable {
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	height: 100%;
}

#superslides #slides .scrollable:after {
	content: "";
	display: table;
	clear: both;
}

#superslides #slides .slides-navigation {
	position: absolute;
	z-index: 3;
	top: calc(50% - 13px);
	width: 100%;
}

#superslides #slides  .slides-navigation a {
	position: absolute;
	display: block;
	width: var(--banner-navigation-arrow-width);
	height: var(--banner-navigation-arrow-height);
	padding: 0;
}

#superslides #slides .slides-navigation a.prev {
	left: var(--banner-navigation-arrow-offset);
	background: var(--banner-navigation-arrow-background-prev);
}

#superslides #slides .slides-navigation a.next {
	right: var(--banner-navigation-arrow-offset);
	background: var(--banner-navigation-arrow-background-next);
}

#superslides #slides .slides-pagination {
	display: var(--banner-pagination-display);
	position: absolute;
	z-index: 3;
	bottom: 0;
	text-align: center;
	width: 100%;
}

#superslides #slides .slides-pagination a {
	border: 2px solid var(--banner-pagination-button-color);
	text-indent: 9999px;
	border-radius: 100%;
	width: var(--banner-pagination-button-radius);
	height: var(--banner-pagination-button-radius);
	margin: 2px;
	overflow: hidden;
	display: inline-block;
}

#superslides #slides  .slides-pagination a.current {
	background: var(--banner-pagination-button-color);
}

#superslides #slides .slides-container li video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('polina.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}

/* ==================================== caption ==================================== */
@keyframes animatedarrow {
	0% { background-position: center bottom 22px; }
	50% { background-position: center bottom 30px; }
	100% { background-position: center bottom 22px; }
}

#superslides #slides .caption, #superslides #slides .caption &gt; a {
	display: flex;
	height: 100%;
	width: 100%;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background: #00000090;
}

#superslides #slides .caption {
	/*background: transparent url(../images/arrow-big-white-down.png) no-repeat;*/
	/*animation: animatedarrow 1s ease infinite;*/
}

#superslides #slides .caption &gt; div, #superslides #slides .caption &gt; a &gt; div {
	display: flex;
	flex-wrap: wrap;
}

#superslides #slides .caption &gt; div &gt; div, #superslides #slides .caption &gt; a &gt; div &gt; div {
	flex: 1 1 100%;
	text-align: center;
	margin: 0 0 12px 0;
}

#superslides #slides .caption div h1, #superslides #slides .caption div p {
	margin: 0 auto;
	display: inline-block;
}

#superslides #slides .caption div h1 {
	font-size: var(--banner-caption-font-size-h1);
	font-weight: var(--banner-caption-font-weight-h1);
	line-height: var(--banner-caption-line-height-h1);
	color: var(--banner-caption-font-color-h1);
	padding: var(--banner-caption-padding-h1);
	background: var(--banner-caption-background-h1);
}

#superslides #slides .caption div h1 span {
	color: var(--green);
}

#superslides #slides .caption div p {
	font-size: var(--banner-caption-font-size-p);
	font-weight: var(--banner-caption-font-weight-p);
	line-height: var(--banner-caption-line-height-p);
	color: var(--banner-caption-font-color-p);
	padding: var(--banner-caption-padding-p);
	background: var(--banner-caption-background-p);
}

#superslides #slides .caption.mobile {
	display: none;
}


#superslides #slides .caption a.button {
	padding: 12px 24px;
	background: transparent;
	border: 1px solid #FEFEFE;
	font-weight: bold;
	font-size: 16px;
}

#superslides #slides .caption a.button:hover {
	background: var(--green);
	border-color: var(--green);
}

/* ==================================== flex-gallery ==================================== */
ul li div.wrapper {
	overflow:hidden;
	aspect-ratio: var(--image-aspect-ratio);
}

ul.flex-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: var(--flex-gallery-item-offset);
	margin: 0;
}

ul.flex-gallery.overview {
	justify-content: flex-start;
}

ul.flex-gallery &gt; li {
	display: block;
	flex: 0 0 var(--flex-gallery-item-with);
	background: none;
	padding: 0;
	margin: 0;
	position: relative;
}

ul.flex-gallery.overview &gt; li {
	flex: 0 0 var(--flex-gallery-item-with);
}

ul.flex-gallery &gt; li:before {
	content: none;
}

ul.flex-gallery &gt; li a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

ul.flex-gallery &gt; li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition-default);
	opacity: var(--flex-gallery-item-opacity);
	transform: scale(var(--flex-gallery-item-scale));
}

ul.flex-gallery &gt; li a:hover img {
	opacity: var(--flex-gallery-item-opacity-hover);
	transform: scale(var(--flex-gallery-item-scale-hover));
}

ul.flex-gallery &gt; li a span.label {
	position: absolute;
	top: 0;
	left: 0;
	padding: var(--flex-gallery-label-padding);
	background: var(--flex-gallery-label-background);
	color: var(--flex-gallery-label-color);
	z-index: 10;
}

ul.flex-gallery &gt; li a span.label:empty {
	display: none;
}

ul.flex-gallery.overview li a img {
	opacity: var(--flex-gallery-category-item-opacity);
	transform: scale(var(--flex-gallery-category-item-scale));
}

ul.flex-gallery.overview li a:hover img {
	opacity: var(--flex-gallery-category-item-opacity-hover);
	transform: scale(var(--flex-gallery-category-item-scale-hover));
}

ul.flex-gallery.overview li a h2 {
	background: var(--flex-gallery-category-item-background);
	text-align: center;
	color: var(--flex-gallery-category-item-color);
	box-sizing: border-box;
	padding: var(--flex-gallery-category-item-padding);
	margin: 0;
	transition: var(--transition-default);
}

ul.flex-gallery.overview li a:hover h2 {
	background: var(--flex-gallery-category-item-background-hover);
	color: var(--flex-gallery-category-item-color-hover);
}

ul.flex-gallery.overview li a p {
	text-align: center;
	font-weight: 700;
}

ul.flex-gallery.overview li a p span {
	font-size: var(--font-size-small);
	color: var(--black);
	font-weight: 300;
	text-decoration: line-through;
}

ul.flex-gallery.zoom {
	gap: 5px;
}

ul.flex-gallery.zoom li {
	flex: 1;
}

ul.flex-gallery.zoom li:first-of-type {
	flex: 0 0 100%;
}

ul.flex-gallery.zoom.left, ul.flex-gallery.zoom.right {
	max-width: calc(30% - 2em);
	box-sizing: border-box;
}

ul.flex-gallery.zoom.left {
	float: left;
	padding: 0 2em 2em 0;
}

ul.flex-gallery.zoom.right {
	float: right;
	padding: 0 0 2em 2em;
}
/* ==================================== flex-overview ==================================== */
.flex-overview &gt; div {
	display: flex;
	gap: 1em;
}

.flex-overview &gt; div + div {
	margin: 2em 0 0 0;
}

.flex-overview &gt; div &gt; img, .flex-overview &gt; div &gt; a {
	flex: 1;
}
.flex-overview &gt; div &gt; div {
	flex: 4;
}

.flex-overview &gt; div &gt; div &gt; h2, .flex-overview &gt; div &gt; div &gt; h2 a {
	margin: 0;
}

.flex-overview &gt; div &gt; div &gt; p {
	margin: 1em 0;
}

/* ==================================== nav_core ==================================== */
ul#core {
	background: var(--core-background);
	box-sizing: border-box;
	padding: var(--core-padding);
}

ul#core li {
	flex: calc(1 / var(--core-items)) 0 var(--core-item-with);
}

ul#core li a {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px
}

ul#core li a h2 {
	background: var(--core-item-background);
	text-align: center;
	color: var(--core-item-color);
	box-sizing: border-box;
	padding: var(--core-item-padding);
	margin: 0;
	transition: var(--transition-default);
}

ul#core li a:hover h2 {
	background: var(--core-item-background-hover);
	color: var(--core-item-color-hover);
}

ul#core li a img {
	opacity: var(--core-item-opacity);
	transform: scale(var(--core-item-scale));
}

ul#core li a:hover img {
	opacity: var(--core-item-opacity-hover);
	transform: scale(var(--core-item-scale-hover));
}

/* ==================================== generals ==================================== */
body &gt; section {
	display: flex;
	box-sizing: border-box;
	padding: 20px var(--padding-sides);
	flex-wrap: wrap;
}

body &gt; section.reversed {
	flex-direction: row-reverse;
}

body &gt; section &gt; main {
	flex: 4;
}

body &gt; section &gt; aside {
	flex: 0 1 20%;
	margin: 0 0 0 var(--sidebar-offset);
}

body &gt; section.reversed &gt; aside {
	margin: 0 var(--sidebar-offset) 0 0;
}

body &gt; section &gt; main article &gt; a.lightbox:first-of-type {
	float: left;
	box-sizing: border-box;
	padding: 0 2em 2em 0;
	max-width: calc(30% - 2em);
}

body &gt; section &gt; main article.right &gt; a.lightbox:first-of-type {
	float: right;
	padding: 0 0 2em 2em;
}

body &gt; section &gt; main article &gt; a.lightbox:first-of-type &gt; .wrapper {
	overflow: hidden;
}

body &gt; section &gt; main article &gt; a.lightbox:first-of-type &gt; .wrapper img {
	opacity: var(--flex-gallery-item-opacity);
	transform: scale(var(--flex-gallery-item-scale));
	transition: var(--transition-default);
}

body &gt; section &gt; main article &gt; a.lightbox:first-of-type:hover &gt; .wrapper img {
	opacity: var(--flex-gallery-item-opacity-hover);
	transform: scale(var(--flex-gallery-item-scale-hover));
}


body &gt; section &gt; main &gt; article &gt; article {
	margin: var(--article-offset) 0 0 0;
	clear: both;
}

ul.cart_errors li {
	background : none;
	padding :0;
}

/** Lists **/
body &gt; section &gt; main article ul, body &gt; section &gt; main article ol {
	margin: var(--list-margin);
}

body &gt; section &gt; main article ul &gt; li, body &gt; section &gt; main article ol &gt; li, nav.cart &gt; ol &gt; li {
	margin: var(--list-item-margin);
	display: flex;
	align-items: center;
}

body &gt; section &gt; main article ul &gt; li:before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 100%;
	margin: 0 5px 0 0;
	background: var(--list-item-bullet-background);
}

body &gt; section &gt; main article ol, nav.cart &gt; ol {
    counter-reset: numList;
}

body &gt; section &gt; main article ol &gt; li:before, nav.cart &gt; ol &gt; li:before {
    counter-increment: numList;
    content: counter(numList);
	text-align: center;
	font-weight: 600;
	width: 24px;
	height: 24px;
	line-height: 22px;
	display: block;
	border-radius: 100%;
	margin: 0 10px 0 0;
	background: var(--list-item-bullet-background);
	color: var(--list-item-bullet-color);
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	margin-bottom: 25px;
}

td {
	vertical-align: top;
	border: #c8c8c8 solid 1px;
	padding: 8px 12px;
}

p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 22px;
	text-align: justify;
}

hr {
	border: dotted #7b7b7b;
	border-width: 1px 0 0;
	clear: both;
	margin: 30px auto 30px auto;
	height: 0;
}

h1.share {
	display: flex;
	align-items: center;
}

h1.share span {
	flex: 1;
}

h1.share span:last-of-type {
	flex: 0 0 20px;
}

h1.share span a.a2a_dd {
	background: transparent url(../images/icon-share.png) no-repeat right 50%;
	padding: 0 17px 0 0;
	margin: 0;
}


time {
	font-size: var(--time-font-size);
	color: var(---time-color);
}

#videobanner {
	width: 100%;
	height: 50vh;
	position: relative;
	overflow: hidden;
}

	#videobanner video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		height: auto;
		width: auto;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
		transition: 1s opacity;
	}

	#videobanner button.controller {
		background: none;
		height: 50px;
		width: 35px;
		padding: 0;
		border-style: solid;
		border-width: 25px 0px 25px 35px;
		border-color: transparent transparent transparent white;
		position: absolute;
		bottom: 50px;
		left: 50px;
		border-radius: 2px;
		z-index: 9001;
	}

	#videobanner button.controller.playing {
		border-style: double;
		border-width: 0px 0 0px 35px;
	}

	#videobanner:hover button.controller, #videobanner:hover button.controller.playing {
		border-color: transparent transparent transparent #363636;
	}

/* ==================================== nav_crumb ==================================== */
div.crumbs {
	display: flex;
	gap: 1em;
	background: var(--crumbs-background);
	box-sizing: border-box;
	padding: var(--crumbs-padding);
	margin: 0;
	color: var(--crumbs-color);
	font-size: var(--crumbs-font-size);

}

div.crumbs ul {
	display: flex;
	gap: 0.5em;
	align-items: center;
}

div.crumbs ul li {
	display: flex;
	align-items: center;
}

	div.crumbs ul li:after {
		content: '&gt;';
		display: block;
		margin: 0 0 0 0.5em;
		font-size: var(--font-size-extra-small);
		font-weight: 700;
	}

	div.crumbs ul li:last-of-type:after {
		content: none;
	}

	div.crumbs ul li a {
		color: var(--crumbs-color-link);
		text-decoration: none;
	}


	div.crumbs ul li a:hover {
		color: var(--crumbs-color-link-hover);
	}

	div.crumbs ul li:last-child a {
		background: none;
	}

/* ==================================== cart ==================================== */
nav.cart {
	flex: 0 0 100%;
	margin: 2em 0 0 0!important;
	background: var(--blue);
	padding: 1em 1em;
	border-radius: 3px;
}

nav.cart &gt; ol {
	gap: 2em;
}

nav.cart &gt; ol &gt; li {
	margin: 0;
}

nav.cart &gt; ol &gt; li &gt; a {
	color: var(--white);
}

nav.cart &gt; ol &gt; li &gt; a:hover, nav.cart &gt; ol &gt; li &gt; a.selected {
	color: var(--white);
	border-color: var(--white);
}

/* ==================================== NAV SIDEBAR ==================================== */
aside .nav_sidebar {
	margin: var(--nav-sidebar-margin);
}

aside .nav_sidebar li {
	margin: var(--nav-sidebar-item-margin);
	border-bottom: 1px solid var(--gray-light);
}

aside .nav_sidebar li:last-of-type {
	border: 0;
}

aside .nav_sidebar li a {
	display: inline-block;
	color: var(--nav-sidebar-color);
	font-size: var(--nav-sidebar-font-size);
	font-weight: var(--nav-sidebar-font-weight);
	padding: var(--nav-sidebar-padding);
	text-decoration: none;
	text-transform: uppercase;
}

aside .nav_sidebar li a:hover, aside .nav_sidebar li a.selected {
	color: var(--nav-sidebar-color-hover);
}

/* ==================================== widgets ==================================== */
main .widget {
	margin-top: 40px;
	padding: 2em;
	box-sizing: border-box;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	background: transparent;
	color: var(--white);
	clear: both;
}

main .widget a {
	color: var(--white);
	font-weight: 400;
}

main .widget p:last-of-type {
	margin: 0
}

aside .widget {
	background: transparent;
	display: block;
	border: #ededed solid 2px;
	overflow: hidden;
	padding: 10% 7% 8% 7%;
	margin: 4% 0 35px 0;
}

aside .widget a.button, aside .widget button {
	margin: 10px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.widget.social li {
	background: transparent none no-repeat left center / 24px 24px;
	padding-left: 30px;
}

.widget.social li + li {
	margin: 1em 0 0 0;
}

.widget.social li a {
	text-decoration: none;
}

.widget.social li a:hover {
	text-decoration: underline;
}

.widget.social li.facebook {
	background-image: url(../images/icon-facebook.png);
}

.widget.social li.twitter {
	background-image: url(../images/icon-twitter.png);
}

.widget.social li.googleplus {
	background-image: url(../images/icon-googleplus.png);
}

.widget.social li.linkedin {
	background-image: url(../images/icon-linkedin.png);
}

.widget.social li.instagram {
	background-image: url(../images/icon-instagram.png);
}

.widget.social li.pinterest {
	background-image: url(../images/icon-pinterest.png);
}
/* ==================================== cols ==================================== */
.colspacer {
	width: 6%;
	float: left;
	overflow: hidden;
	display: block;
}

	.colspacer:before {
		content: "\00a0 ";
	}

.col25 {
	width: 20.50%;
	float: left;
}

.col33 {
	width: 29.33%;
	float: left;
}

.col50 {
	width: 47%;
	float: left;
}

.col66 {
	width: 64.66%;
	float: left;
}

.col75 {
	width: 70.50%;
	float : left;
}

.col33 img, .col50 img, .col66 img, .col25 img, .col75 img {
	width: 100%;
}


/* ==================================== form ==================================== */
form.flex {
	display: flex;
	flex-wrap: wrap;
}

form.flex &gt; div {
	display: flex;
	flex: 0 0 100%;
	gap: 1em;
}

form.flex &gt; div + div {
	margin: 1em 0 0 0;
}

form.flex &gt; div &gt; div {
	flex: 1;
}

form.flex &gt; div &gt; div &gt; input[type="text"], form.flex &gt; div &gt; div &gt; input[type="password"], form.flex &gt; div &gt; div &gt; input[type="pasword"], form.flex &gt; div &gt; div &gt; select {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

form.flex fieldset {
	flex: 0 0 100%;
}

form.flex fieldset.login &gt; div {
	display: flex;
	flex: 0 0 100%;
	gap: 1em;
}

form.flex fieldset.login &gt; div &gt; div {
	flex: 1;
}

/* ==================================== filter ==================================== */
.filter {
	margin: -10px 0 10px 0;
	padding: 0 0 15px 0;
	font-size: 12px;
	color: #382d24;
}
	.filter a {
		display: inline-block;
		text-decoration: none;
		font-size: 12px;
		margin: 4px 4px;
		padding: 0 6px;
		color: #382d24;
		background: #eaeaea;
	}
	.filter a.selected {
		background: #b0a8a8;
		color: white;
	}

.sidebar .filter {
	margin: 0 0 10px;
}

.sidebar .filter hr {
	margin: 20px 0 0;
}

.sidebar .filter:last-of-type hr {
	display: none;
}
/* ==================================== paging ==================================== */
#paging {
	text-align: center;
	clear: both;
	margin-top: 30px;
}

#paging a {
	color: #4a4949;
	padding: 6px 12px 6px 12px;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	display: inline-block;
	margin: 1%;
	border: #bbb9bc solid 1px;
	transition: all 0.2s ease-in-out;
}

#paging a:hover {
	border: #0088df solid 1px;
}

#paging span {
	font-weight: bold;
	margin: 1%;
}

/* ==================================== faq_overview ==================================== */



#faq_overview {
	margin-top: 25px;
}

#faq_overview h2 a {
	color: #525252;
	padding-left: 15px;
	text-decoration: none;
	background: transparent url(../images/arrow-close.png) no-repeat 0 6px;
}

#faq_overview div {
	padding: 0 0 5px 15px;
}

#faq_overview hr {
	margin: 14px 0 14px;
}

/* ==================================== print ==================================== */
@media print {
	body, p, h1, h2, h3, h4, h5, h6, #container, #content {
		background: white;
		color: black;
	}

	#body &gt; footer, #body &gt; header, #sidebar, div.crumbs {
		display: none;
	}
}
/* ==================================== Debug ==================================== */
div.dump {
	color : #F3F3F3;
	font-family: Verdana, sans-serif;
	background : #131313;
	border : 1px #D4D4D4 solid;
	border-radius : 2px;
	min-height : 75px;
	max-height : 350px;
	width : 650px;
	margin : 15px auto;
	overflow-y : auto;
	padding : 15px;
}

div.dump h1 {
	font-size: 12px;
	line-height: 1;
	margin: 0 0 5px;
}

div.dump pre {
	padding: 0 0 5px;
	border-bottom: 1px dotted #F2F2F2;
}
div.dump pre:last-child {
	border: 0;
}

div.dump pre:empty {
	background: #dd5a5a4d;
}
div.dump pre:empty:before {
	content : 'NULL / False';
	padding-left: 10px;
}

.alert-box {
    color: #555;
    border-radius: 2px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 36px;
    margin: 10px;
	z-index: 100;
	position: relative;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
	margin-right : 5px;
}

.alert-box a.close {
	position: absolute;
	top: 0px;
	right: 10px;
	background: none !important;
	height: auto !important;
	display: block !important;
	color: #020202;
	text-decoration: none;
}

.alert-box h5 {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

div.error {
    background: #ffecec url(../cp/images/error.png) no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

div.success {
    background: #e9ffd9 url(../cp/images/success.png) no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

div.warning {
    background: #fff8c4 url(../cp/images/warning.png) no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

div.notice {
    background: #e3f7fc url(../cp/images/notice.png) no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}

.ckeditor_wrapper .message {
	display: none;
}

div.popup_wrapper {
	position: relative;
}

span.popup {
	position: absolute;
	display: inline;
	top: 35px;
	z-index: 10;
	padding: 10px 10px 5px 10px;
	background: #f4f4f4;
	border-radius: 2px;
	box-shadow: 0 2px 7px #131313;
}

.imageBox img {
	max-width: 135px;
	float: left;
}
.imageBoxInfo {
	padding-top: 35px;
}

.hide_d {
	display: none;
}

button.controller:disabled, button.controller:disabled:hover {
	background: #EBEBEB;
	color: #d4d4d4!important;
	cursor: not-allowed;
}

form.constraint button.controller:disabled {
	visibility: hidden;
}

table.prices {
	width: 100%;
}

table.prices, table.prices tr td {
	border: 0;
}

table.prices tr td {
	padding: 4px 0;
}

table.prices tr td:nth-of-type(2n) {
	text-align: right;
}

form .facilities ul li {
	background: none;
}

.room button.controller {
	display: block;
	margin: 25px auto 0;
}

.translate {
	position: fixed;
	bottom: 0;
	background: #020202;
	color: #F2F2F2;
	padding: 15px;
	z-index: 9999;
}


.red {
	color: #cf2228;
}

.green {
	color: #36cc22;
}
.orange {
	color: #ce5c23;
}

/* ==================================== form ==================================== */



form {
	/**margin: 25px 0 50px 0;**/
}

input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select {
	background: var(--input-background);
	box-sizing: border-box;
	font-weight: var(--input-font-weight);
	font-size: var(--input-font-size);
	font-family: var(--input-font-family);
	color: var(--input-color);
	border: 1px solid var(--white);
	border-radius: var(--input-border-radius);
	padding: var(--input-padding);
	outline: none;
	margin: var(--input-margin);
	width: var(--input-width);
	display: block;
}


input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input[type="file"]:focus {
	color: #444;
}

textarea {
	min-height: 20vh;
	resize: vertical;
	width: calc(100% - 12px);
}

label {
	display: block;
}

select {
	width: 100%;
	padding: 7px 5px 7px 5px;
}

select.small {
	width: 100px;
}

#form_errors {
	margin-bottom: 15px;
	color: var(--error-color);
}

	input.error, textarea.error, select.error {
		border: 1px solid var(--error-color)!important;
	}

	label.error {
		color: var(--error-color)!important;
	}

	.error_input {
		border: 1px solid var(--error-color)!important;
	}

	.error_label {
		color: var(--error-color)!important;
	}

form .required {
	font-size: 10px;
}

fieldset:disabled input, fieldset:disabled label {
	cursor: not-allowed;
	opacity: 0.6;
}

div.checkbox, div.radio {
	display:flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

form.flex &gt; div.checkbox, form.flex &gt; div.radio {
	gap: 0;
}

div.checkbox input[type="checkbox"], div.radio input[type="radio"] {
	margin: 6px 0 0 0;
}

div.checkbox &gt; div.checkbox, div.radio &gt; div.radio {
	flex: 0 0 100%;
	flex-wrap: nowrap;
}

div.checkbox &gt; div.checkbox + div.checkbox {
	margin: 5px 0 0 0;
}

div.checkbox input, div.radio input {
	margin: 0;
}

div.checkbox input + label, div.radio input + label {
	margin: 0 0 0 5px;
}

/** =============== ARROW ================	**/
i.arrow {
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	position: absolute;
	top : calc(50% - 3px);
	left : 10px;
}

i.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

i.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

i.arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
	top : 10px;
}

i.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	left :  14px;
	top : calc(50% - 3px);
}
/** =============== /ARROW ================	**/


/** =============== FOOTER ================	**/
body &gt; footer {
	background: var(--footer-background);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

body &gt; footer &gt; div {
	flex: 0 0 100%;
	box-sizing: border-box;
	padding: 30px var(--padding-sides);
}

body &gt; footer &gt; div.newsletter, body &gt; footer &gt; div.credits {
	flex: 0 0 100%;
}

body &gt; footer &gt; div.newsletter {
	background: var(--footer-newsletter-background);
}

body &gt; footer &gt; div.newsletter.flex {
	display: flex;
	flex-wrap: wrap;
}

body &gt; footer &gt; div.newsletter.flex &gt; div {
	flex: 1;
}

body &gt; footer &gt; div.newsletter &gt; div &gt; span.heading2, body &gt; footer &gt; div.newsletter &gt; div &gt; p {
	color: var(--footer-newsletter-color);
	text-align: center;
}

body &gt; footer &gt; div.newsletter &gt; form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	max-width: 650px;
	margin: 0 auto;
}

body &gt; footer &gt; div.newsletter.flex &gt; form {
	flex: 1;
	padding: 0 0 0 5%;
	border-left: 3px solid var(--footer-newsletter-color);
	max-width: none;
}

body &gt; footer &gt; div.newsletter &gt; form &gt; div {
	flex: 1 1 calc(50% - 20px);
}

body &gt; footer &gt; div.newsletter &gt; form &gt; div + div {
	margin: 0 0 0 20px;
}

body &gt; footer &gt; div.newsletter &gt; form &gt; div.checkboxes {
	margin: 10px 0;
}

body &gt; footer &gt; div.newsletter &gt; form &gt; div.checkboxes &gt; div.checkbox &gt; label {
	color: var(--footer-newsletter-color);
}

body &gt; footer &gt; div.newsletter &gt; form &gt; div input[type="text"] {
	width: 100%;
	margin: 0;
}

body &gt; footer &gt; div.newsletter &gt; form &gt; button {
	flex: 0 0 100%;
	margin: 10px 0 0 0;
}

body &gt; footer &gt; div.newsletter &gt; form &gt; button, body &gt; footer &gt; div.newsletter &gt; form &gt; div input {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

body &gt; footer &gt; div.wrapper {
	display: flex;
	justify-content: space-between;
}

body &gt; footer &gt; div.wrapper &gt; div {
	flex: 0 0 30%;
}

body &gt; footer &gt; div.wrapper &gt; div.text {
	color: var(--white);
}

body &gt; footer &gt; div.wrapper &gt; div.text img {
	display: block;
	margin: 0 auto 10px;
}


body &gt; footer &gt; div.wrapper &gt; div.address {
	background: var(--footer-address-background);
}

body &gt; footer &gt; div.wrapper &gt; div.address, body &gt; footer &gt; div.wrapper &gt; div.address a, body &gt; footer &gt; div.wrapper &gt; div.address, body &gt; footer &gt; div.wrapper &gt; div.address span.heading2, body &gt; footer &gt; div.wrapper &gt; div.menu span.heading2 {
	color: var(--footer-address-color);
}

body &gt; footer &gt; div.wrapper &gt; div.address ul + ul {
	margin: 20px 0 0 0;
}

body &gt; footer &gt; div.wrapper &gt; div.address ul li:empty {
	height: 1.5em;
}

body &gt; footer &gt; div.wrapper &gt; div.address a {
	font-weight: 600;
	text-decoration: none;
	color: var(--footer-address-a-color);
}

body &gt; footer &gt; div.wrapper &gt; div.address a:hover {
	text-decoration: underline;
}

body &gt; footer &gt; div.wrapper &gt; div.menu {
	background: var(--footer-menu-background);
}

body &gt; footer &gt; div.wrapper &gt; div.menu &gt; nav &gt; ul {
	display: flex;
	flex-direction: column;
	max-height: 250px;
	flex-wrap: wrap;
}

body &gt; footer &gt; div.wrapper &gt; div.menu &gt; nav &gt; ul &gt; li &gt; a {
	color: var(--footer-menu-color);
	text-decoration: none;
}

body &gt; footer &gt; div.wrapper &gt; div.menu &gt; nav &gt; ul &gt; li &gt; a:hover {
	text-decoration: underline;
}

body &gt; footer &gt; div.wrapper &gt; div.menu &gt; nav &gt; ul &gt; li &gt; a.selected, body &gt; footer &gt; div.wrapper &gt; div.menu &gt; nav &gt; ul &gt; li &gt; a.selected:hover {
	text-decoration: none;
	color: var(--green-on-black);
	font-weight: 600;
}


body &gt; footer &gt; div.credits {
	background: var(--footer-credits-background);
	box-sizing: border-box;
	padding: var(--footer-credits-padding);
	display: flex;
	justify-content: space-between;
}

body &gt; footer &gt; div.credits, body &gt; footer &gt; div.credits a {
	color: var(--footer-credits-color);
	font-size: var(--footer-credits-font-size);
	text-decoration: none;
}

body &gt; footer &gt; div.credits a:hover {
	color: var(--footer-credits-color-hover);
	text-decoration: underline;
}

/** =============== /FOOTER ================	**/


/** =============== EDITOR ================	**/
*[data-table][data-key][data-value] {
	display: inline;
}

*[data-table][data-key][data-value].ckeditor {
	display: block;
}

section[contenteditable=true], span[contenteditable=true] {
	/*padding: 2px;*/
	border: 1px dotted #959595;
	cursor: pointer;
	z-index: 1000;
        box-sizing: border-box;
}

section[contenteditable=true]:hover, span[contenteditable=true]:hover {
       border: 1px dotted #ff0000;
}

.content p &gt; section[contenteditable=true] {
	display: block;
}

ul li &gt; section[contenteditable=true] {
	position: relative;
	z-index: 9999;
}
/** =============== /EDITOR ===============	**/


/** =============== REGISTRATION ===============	**/
section[data-person] {
	clear: left;
	border-top : 1px solid #EDEDED;
	margin: 0 0 20px;
	padding: 20px 0 0;
	overflow:hidden;
	display: none;
}

section[data-person]:nth-of-type(1) {
	border: 0;
	display: block;
}
/** =============== /REGISTRATION ===============	**/



/** =============== MENUCARD ===============	**/
.menucard.flex {
	flex-wrap: wrap;
	gap: 5px;
}

.menucard.flex &gt; hr {
	flex: 0 0 100%;
	margin: 0 auto;
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--red);
	box-shadow: none;
}

.menucard.flex &gt; div.item {
	flex: 1 0 100%;
	padding: 5px 0;
}

.menucard.flex &gt; div.item &gt; div.text &gt; div.title h3 {
	margin: 0;
	padding: 0;
}

.menucard.flex &gt; div.item &gt; div.text &gt; div.description {
	flex: 1 0 45%;
}

div.description &gt; p {
	margin: 0;
	font-style: italic;
	text-align: left;
}

div.description &gt; p b, div.description &gt; p strong {
	font-style: normal;
	font-weight: 600;
}


.menucard.flex &gt; div.item &gt; div.price {
	text-align: right;
}

.menucard.flex &gt; div.item &gt; div.price {
	flex: 0 1 125px;
}
/** =============== /MENUCARD ===============	**/
#popup {
	background: white;
	margin: 0 auto;
	border: 1px solid #000000;
	padding: 25px;
	max-width: 90%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.home_block {
	overflow: hidden;
}

/* ==================================== Nivo Lightbox ==================================== */
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: #666;
	background: rgba(0,0,0,0.6);
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
	background: url(../images/loading.gif) no-repeat 50% 50%;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
	opacity: 1;
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
	background-image: url(../images/prev.png);
	border-radius: 0 3px 3px 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
	background-image: url(../images/next.png);
	border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(../images/close.png) no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
	opacity: 1;
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
	bottom: -7%;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 2px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
		background-image: url(../images/loading-2x.gif);
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev {
		background-image: url(../images/prev-2x.png);
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next {
		background-image: url(../images/next-2x.png);
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close {
		background-image: url(../images/close-2x.png);
		background-size: 16px 16px;
	}

}

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}

.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}

.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}

.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}

.nivo-lightbox-nav {
	display: none;
}

.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}

.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}

.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image {
	text-align: center;
}

.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

.nivo-lightbox-image:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}

.nivo-lightbox-inline, .nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}

.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}

.nivo-lightbox-theme-default .nivo-lightbox-popup {
	background: none;
	box-shadow: none;
}

#cookie_message {
	display: flex;
	background: var(--cookies-background);
	position: fixed;
	bottom: 0;
	box-sizing: border-box;
	border-top: var(--cookies-border);
	opacity: var(--cookies-opacity);
	z-index: 9999;
	padding: var(--cookies-padding);
	cursor: default;
	transition: var(--transition-default);
	gap: 2em;
	align-items: center;
}

#cookie_message:hover {
	opacity: var(--cookies-opacity-hover);
}

#cookie_message &gt; p {
	flex: 4;
}

#cookie_message &gt; div {
	flex: 1;
}

#cookie_message &gt; div button {
	display: block;
	margin: 0;
	width: 100%;
}

#cookie_message &gt; div button + button {
	margin: 5px 0 0 0;
}

span.message {
  font-size: x-small;
}

.home_block {
	clear: both;
}</pre></body></html>