/* SVG SYMBOL */
.svg-symb {
	overflow: hidden;
}
.svg-symb > svg {
	transform-origin: left top;
	stroke: var(--svg-stroke);
	transition: stroke var(--transition-duration) var(--transition-timing) 0s;
}
.svg-arrow-v-n {
	width: calc(var(--svg-arrow-v-n-width) * var(--svg-arrow-v-n-scale));
	height: calc(var(--svg-arrow-v-n-height) * var(--svg-arrow-v-n-scale));
}
.svg-arrow-v-n > svg {
	width: var(--svg-arrow-v-n-width);
	height: var(--svg-arrow-v-n-height);
	transform: scale(var(--svg-arrow-v-n-scale));
}
.svg-arrow-h-n {
	width: calc(var(--svg-arrow-h-n-width) * var(--svg-arrow-h-n-scale));
	height: calc(var(--svg-arrow-h-n-height) * var(--svg-arrow-h-n-scale));
}
.svg-arrow-h-n > svg {
	width: var(--svg-arrow-h-n-width);
	height: var(--svg-arrow-h-n-height);
	transform: scale(var(--svg-arrow-h-n-scale));
}
.svg-arrow-v-w {
	width: calc(var(--svg-arrow-v-w-width) * var(--svg-arrow-v-w-scale));
	height: calc(var(--svg-arrow-v-w-height) * var(--svg-arrow-v-w-scale));
}
.svg-arrow-v-w > svg {
	width: var(--svg-arrow-v-w-width);
	height: var(--svg-arrow-v-w-height);
	transform: scale(var(--svg-arrow-v-w-scale));
}
.svg-arrow-h-w {
	width: calc(var(--svg-arrow-h-w-width) * var(--svg-arrow-h-w-scale));
	height: calc(var(--svg-arrow-h-w-height) * var(--svg-arrow-h-w-scale));
}
.svg-arrow-h-w > svg {
	width: var(--svg-arrow-h-w-width);
	height: var(--svg-arrow-h-w-height);
	transform: scale(var(--svg-arrow-h-w-scale));
}
.svg-okey {
	width: calc(var(--svg-okey-width) * var(--svg-okey-scale));
	height: calc(var(--svg-okey-height) * var(--svg-okey-scale));
}
.svg-okey > svg {
	width: var(--svg-okey-width);
	height: var(--svg-okey-height);
	transform: scale(var(--svg-okey-scale));
}
.svg-close {
	width: calc(var(--svg-close-width) * var(--svg-close-scale));
	height: calc(var(--svg-close-height) * var(--svg-close-scale));
}
.svg-close > svg {
	width: var(--svg-close-width);
	height: var(--svg-close-height);
	transform: scale(var(--svg-close-scale));
}
/* END SVG SYMBOL */



/* BUTTONS */
.button {
	display: inline-grid;
	grid-template: var(--button-height) / auto;
	grid-auto-flow: column;
	place-items: center center;
	column-gap: 20px;
	text-decoration: none;
	line-height: 0;
	white-space: nowrap;
	transition: all var(--transition-duration) var(--transition-timing) 0s;
	background-color: var(--button-background);
	color: var(--button-color);
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight);
	text-transform: var(--button-text-transform);
	letter-spacing: var(--button-font-spacing);
	padding: 0 var(--button-padding) 0 var(--button-padding);
}
.button:hover {
	background-color: var(--button-background-color-hover);
	color: var(--button-color-hover);
	box-shadow: var(--button-box-shadow-hover);
}
.button > span {
	display: block;
	margin-bottom: 1px;
	font-family: var(--font-family);
}
.button > div.arr-l, .button > div.arr-r {
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
.button > div.arr-l {
	transform: rotate(180deg);
}
.button:hover > div.arr-l {
	transform: rotate(180deg) translateX(10px);
}
.button:hover > div.arr-r {
	transform: translateX(10px);
}
.button > div > svg {
	stroke: var(--button-color);
}
.button:hover > div > svg {
	stroke: var(--button-color-hover);
}
.button .button-img img {
	width: calc(var(--arrow-stand-size) / var(--arrow-stand-img-ratio));
	filter: invert(100%);
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
.button:hover .button-img.img-r img {
	transform: translateX(10px);
}
.button:hover .button-img.img-l img {
	transform: translateX(-10px);
}
/* END BUTTONS */



/* ARROWS */
.arrow-stand {
	display: grid;
	grid-template: var(--arrow-stand-size) / var(--arrow-stand-size);
	place-items: center center;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s;
	border-radius: 100%;
}
.arrow-stand.active {
	background-color: var(--arrow-stand-background);
}
.arrow-stand.inactive {
	background-color: var(--arrow-stand-background-inactive);
}
.arrow-stand.active:hover {
	background-color: var(--arrow-stand-background-hover);
}
.arrow-stand.active:active {
	transform: scale(0.75);
}
.arrow-stand img {
	width: calc(var(--arrow-stand-size) / var(--arrow-stand-img-ratio));
	transition: filter var(--transition-duration) var(--transition-timing) 0s;
	filter: invert(100%);
}
.arrow-stand.active:hover img {
	filter: invert(100%);
}
/* END ARROWS */



/* PHOTO RATIO */
.photo-ratio {
	display: block;
	position: relative;
	overflow: hidden;
}
.photo-ratio::before {
	display: block;
	content: "";
	padding-top: var(--aspect-ratio);
}
.photo-ratio > img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	object-fit: cover;
	object-position: center center;
}
/* END PHOTO RATIO */

/* PHOTO FIT */
.photo-fit > img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
/* END PHOTO FIT */

/* GRID PHOTO TEXT */
.grid-photo-text {
	display: grid;
}
.grid-photo-text > .photo {
	line-height: 0;
	margin: var(--grid-photo-text-margin);
}
.grid-photo-text > .text > *:last-child {
	margin-bottom: 0;
}
@media (min-width: 992px){
.grid-photo-text {
	grid-template: 1fr / calc(50% - (var(--grid-photo-text-gap) / 2)) calc(50% - (var(--grid-photo-text-gap) / 2));
	column-gap: var(--grid-photo-text-gap);
}
.grid-photo-text > .photo {
	place-self: stretch stretch;
}
.grid-photo-text > .text {
	place-self: center stretch;
	text-align: left;
}
}
@media (max-width: 991px){
.grid-photo-text {
	grid-template: auto auto / 1fr;
	row-gap: var(--grid-photo-text-gap);
}
.grid-photo-text > .photo {
	grid-area: 2 / 1 / 3 / 2;
	place-self: start stretch;
}
.grid-photo-text > .text {
	grid-area: 1 / 1 / 2 / 2;
	place-self: start stretch;
	text-align: center;
}
.grid-photo-text > .text ul {
	text-align: center;
	list-style-position: inside !important;
}
}
/* END GRID PHOTO TEXT */



/* LINK SPECIAL */
.link-special {
	display: inline-grid;
	grid-template: 16px / auto;
	grid-auto-flow: column;
	place-items: center center;
	column-gap: 20px;
	text-decoration: none;
	line-height: 0;
	white-space: nowrap;
	transition: all var(--transition-duration) var(--transition-timing) 0s;
	color: var(--link-special-color);
	font-size: var(--link-special-font-size);
	font-weight: var(--link-special-font-weight);
	text-transform: var(--link-special-text-transform);
	letter-spacing: 1px;
}
.link-special:hover {
	color: var(--link-special-color-hover);
}
.link-special > span {
	display: block;
}
.link-special > div {
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
.link-special > div.arr-l {
	transform: rotate(180deg);
}
.link-special:hover > div.arr-l {
	transform: rotate(180deg) translateX(10px);
}
.link-special:hover > div.arr-r {
	transform: translateX(10px);
}
.link-special > div > svg {
	stroke: var(--link-special-color);
}
.link-special:hover > div > svg {
	stroke: var(--link-special-color-hover);
}
.link-special > img {
	max-width: 25px;
}
/* END LINK-SPECIAL */



/* SOCIAL */
.menu-social {
	display: grid;
	grid-template: auto / repeat(var(--social-count), var(--social-width));
	column-gap: var(--social-gap);
}
.menu-social > * {
	place-self: center center;
	display: block;
	line-height: 0;
}
.menu-social a > img {
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
.menu-social a:hover > img {
	transform: scale(1.1);
}
/* END SOCIAL */


/*FORM CONTACT*/
.form-contact .grid-form-main {
	display: grid;
	grid-template: auto / 1fr 1fr;
	place-items: start stretch;
	gap: 12px;
}
.form-contact .grid-form-main > div, .form-contact .grid-form-add {
	border-top: var(--form-contact-border);
}
.form-contact form input[type="text"], .form-contact form textarea {
	font-size: var(--footer-p-font-size);
	font-family: inherit;
	font-weight: var(--footer-p-font-weight);
	line-height: 130%;
	color: var(--form-contact-color);
	width: 100%;
	margin: 0;
	background-color: var(--form-background);
}
.form-contact form input[type="text"] {
	padding: 13px 10px 13px 10px;
}
.form-contact form textarea {
	height: var(--form-contact-textarea-height);
	overflow: auto;
	resize: none;
	padding: 6px 10px 6px 10px;
}
.form-contact form > div > div {
position: relative;
}
.form-contact .grid-form-main label {
	position: absolute;
	display: block;
	left: 10px;
	top: 13px;
	font-size: var(--footer-p-font-size);
	font-weight: var(--footer-p-font-weight);
	line-height: 130%;
	color: var(--form-contact-label-empty-color);
	transition: all var(--transition-duration) var(--transition-timing) 0s;
	cursor: pointer;
}
.form-contact form input[type="text"]:not([value=""]) + label, .form-contact form input[type="text"]:focus + label, .form-contact form textarea:not([value=""]) + label, .form-contact form textarea:focus + label {
	text-transform: uppercase;
	font-size: 11px;
	color: var(--form-contact-label-color);
	background-color: var(--form-contact-label-background);
	cursor: default;
}
.form-contact form input[type="text"]:not([value=""]) + label, .form-contact form input[type="text"]:focus + label {
	top: -13px;
}
.form-contact form textarea:not([value=""]) + label, .form-contact form textarea:focus + label {
	top: -13px;
}
.form-contact .grid-form-add {
	padding-top: 10px;
	display: grid;
	grid-template: auto / 25px auto;
	place-items: start start;
}
.form-contact .grid-form-add label {
	display: block;
	text-align: justify;
	cursor: pointer;
	color: var(--form-contact-label-add-color);
}
@media (min-width: 992px){
.form-contact .grid-form-main > *:first-child, .form-contact .grid-form-main > *:last-child {
	grid-column: 1 / 3;
}
}
@media (max-width: 991px){
.form-contact .grid-form-main > * {
	grid-column: 1 / 3;
}
}
/*END FORM CONTACT*/


/* SLIDER */
section.slider {
	position: relative;
}
section.slider .slider-container {
position: relative;
display: grid;
place-items: stretch stretch;
grid-auto-flow: column;
grid-auto-columns: var(--slider-ele-width);
column-gap: var(--slider-gap);
}
section.slider .slider-ele {
position: relative;
}
section.slider .slider-ele .text {
	display: block;
}
section.slider .slider-arrows > div.active {
	cursor: pointer;
}
section.slider .slider-arrows > div.inactive {
	cursor: default;
}
section.slider .shifting {
	transition: transform var(--shifting-transition-duration) cubic-bezier(0.1, 0.5, 0.5, 0.1) 0s;
}
section.slider .slider-center {
	justify-content: center;
}
section.slider .slider-center > *[id*="clone"] {
	display: none;
}
section.slider .slider-arrows.hidden, section.slider .dots.hidden {
	display: none !important;
}
section.slider .dots {
	display: grid;
	grid-auto-flow: column;
	column-gap: calc(var(--slider-dot-size) * 1.25);
}
section.slider .dots > div {
	width: var(--slider-dot-size);
	height: var(--slider-dot-size);
	background-color: var(--slider-dot-color);
	border-radius: 100%;
	cursor: pointer;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s, transform var(--transition-duration) var(--transition-timing) 0s;
}
section.slider .dots > div:active {
	transform: scale(0.75);
}
section.slider .dots > div:hover {
	background-color: var(--slider-dot-hover-color);
}
section.slider .dots > div.current {
	cursor: default;
	background-color: var(--slider-dot-active-color);
	transform: scale(1.5);
}
section.slider .dots > div.current:hover {
	background-color: var(--slider-dot-active-color);
}
/* END SLIDER */



/* FADE */
section.fade .fade-container {
	display: grid;
	grid-template: 1fr / 1fr;
	place-items: stretch stretch;
	position: relative;
}
section.fade .fade-ele {
	display: grid;
	grid-area: 1 / 1 / 2 / 2;
	z-index: 1;
	opacity: 0;
	transform: scale(0);
}
section.fade .fade-ele.subVisible {
	z-index: 2;
	opacity: 0;
	transform: scale(1);
}
section.fade .fade-ele.visible {
	z-index: 3;
	opacity: 1;
	transform: scale(1);
}
section.fade .fade-ele.subDrag {
	z-index: 2;
	opacity: 1;
	transform: scale(1);
}
section.fade .fade-arrows > div.active {
	cursor: pointer;
}
section.fade .fade-arrows > div.inactive {
	cursor: default;
}
section.fade .shifting {
	transition: opacity var(--fade-transition-duration) var(--transition-timing) 0s;
}
section.fade .shifting-drag {
	transition: opacity 0.3s var(--transition-timing) 0s;
}
/* END FADE */


/* SLIDES */
section.slides {
	background-color: var(--color-2);
	padding-top: var(--head-height);
	position: relative;
	overflow: hidden;
}
section.slides .slides-ele {
	display: grid;
	grid-template: 1fr / minmax(var(--min-width), 1fr);
	place-items: var(--slides-align-v) var(--slides-align-h);
	height: calc(100svh - var(--head-height) - var(--head-abs-top));
	min-height: var(--slides-min-height);
	min-width: var(--min-width);
	overflow: hidden;
	background-image: var(--url);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: var(--slides-background-position);
	padding: 0 var(--cont-margin) 0 var(--cont-margin);
}
section.slides .video {
	position: absolute;
	top: 0px;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translateX(-50%);
}
section.slides .slides-text {
	margin: var(--slides-text-margin);
	padding: var(--slides-text-padding);
	background-color: var(--slides-text-background);
	text-align: var(--slides-text-align);
}
section.slides .slides-text > *:last-child {
	margin-bottom: 0 !important;
}
section.slides .slides-text .title {
	margin: var(--title-margin);
	font-size: var(--title-font-size);
	font-weight: var(--title-font-weight);
	color: var(--title-color);
	line-height: 105%;
	filter: var(--title-filter);
	text-transform: var(--title-text-transform);
	cursor: default;
}
section.slides .slides-text .text {
	margin: var(--text-margin);
	font-size: var(--text-font-size);
	font-weight: var(--text-font-weight);
	color: var(--text-color);
	line-height: 150%;
	filter: var(--text-filter);
	text-transform: var(--text-text-transform);
	cursor: default;
}
section.slides .slides-text .text > p {
	margin-bottom: var(--text-p-margin);
}
section.slides .slides-text .text > *:last-child {
	margin-bottom: 0;
}
section.slides .slides-text .button {
	margin: var(--button-margin);
	font-size: calc(var(--button-font-size) + 2px);
	grid-template: calc(var(--button-padding) + 30px) / auto;
}
section.slides .dots {
	z-index: 4;
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	column-gap: calc(var(--slides-dot-size) * 1.25);
	top: calc(var(--head-height) + var(--slides-dot-position));
	left: calc((var(--slides-width) / 2) - (var(--slides-dots-width) / 2));
}
section.slides .dots > div {
	width: var(--slides-dot-size);
	height: var(--slides-dot-size);
	background-color: var(--slides-dot-color);
	border-radius: 100%;
	cursor: pointer;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s, transform var(--transition-duration) var(--transition-timing) 0s;
}
section.slides .dots > div:active {
	transform: scale(0.75);
}
section.slides .dots > div:hover {
	background-color: var(--slides-dot-hover-color);
}
section.slides .dots > div.current {
	cursor: default;
	background-color: var(--slides-dot-active-color);
	transform: scale(1.5);
}
section.slides .dots > div.current:hover {
	background-color: var(--slides-dot-active-color);
}

section.slides [class*="-arrows"] {
	position: absolute !important;
	z-index: 4;
	top: calc(var(--head-height) + ((var(--slides-height) / 2) - (var(--slides-arrow-size) / 2)));
}
section.slides [class*="-arrow-l"] {
	left: calc(0px - (var(--slides-arrow-size) / 2));
}
section.slides [class*="-arrow-r"] {
	right: calc(0px - (var(--slides-arrow-size) / 2));
}
section.slides [class*="-arrows"] > div {
	overflow: hidden;
	background-color: var(--slides-arrow-color);
	display: inline-grid;
	line-height: 0;
	border-radius: 100%;
	grid-template: var(--slides-arrow-size) / var(--slides-arrow-size);
	place-items: center center;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s;
	opacity: 0.75;
}
section.slides [class*="-arrows"] > div > img {
	width: calc(var(--slides-arrow-size) / 5);
	filter: invert(100%);
}
section.slides [class*="-arrow-l"] > div > img {
	margin-left: calc(var(--slides-arrow-size) / 2.25);
}
section.slides [class*="-arrow-r"] > div > img {
	margin-right: calc(var(--slides-arrow-size) / 2.25);
}
section.slides [class*="-arrows"] > div.active:active {
	transform: scale(0.75);
	opacity: 1;
	background-color: var(--slides-arrow-hover-color);
}
section.slides [class*="-arrows"] > div.active:hover {
	opacity: 1;
	background-color: var(--slides-arrow-hover-color);
}

section.slides .scroll {
	position: absolute;
	z-index: 4;
	bottom: var(--slides-scroll-position);
	left: calc((var(--slides-width) / 2) - (var(--arrow-stand-size) / 2));
	overflow: hidden;
}
section.slides .scroll > div {
	cursor: pointer;
	overflow: hidden;
	background-color: var(--slides-scroll-color);
	display: inline-grid;
	line-height: 0;
	border-radius: 100%;
	grid-template: var(--arrow-stand-size) / var(--arrow-stand-size);
	place-items: center center;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s;
}
section.slides .scroll > div:hover {
	background-color: var(--slides-scroll-hover-color);
}
section.slides .scroll > div:active {
	transform: scale(0.75);
}
section.slides .scroll > div > img {
	width: calc(var(--arrow-stand-size) / var(--arrow-stand-img-ratio));
	transition: filter var(--transition-duration) var(--transition-timing) 0s;
}
section.slides .scroll > div:hover > img {
	filter: invert(100%);
}
/* END SLIDES */



/* COOKIES */
.cookies {
	position: fixed;
	width: 100vw;
	min-width: var(--min-width);
	left: 0px;
	bottom: 0px;
	z-index: 10;
	background-color: var(--cook-background);
	color: var(--cook-font-color);
	padding: 20px 0 20px 0;
	line-height: 1.3em;
}
.cookies > div {
	display: grid;
}
.cookies > div > div:first-child {
	font-size: var(--cook-font-size);
}
.cookies a {
	color: var(--cook-link-color);
}
.cookies a:hover {
	color: var(--cook-link-color-hover);
}
.cookies .button {
	background-color: var(--cook-button-background);
	color: var(--cook-button-color);
}
.cookies .button:hover {
	background-color: var(--cook-button-background-hover);
	color: var(--cook-button-color-hover);
}
.cookies .button > div > svg {
	stroke: var(--cook-button-stroke);
}
.cookies .button:hover > div > svg {
	stroke: var(--cook-button-stroke-hover);
}
@media (min-width: 768px){
.cookies > div {
	grid-template: auto / auto auto;
	place-items: center start;
	column-gap: 20px;
}
.cookies > div > div:last-child {
	justify-self: end;
}
}
@media (max-width: 767px){
.cookies > div {
	grid-template: auto auto / 1fr;
	place-items: center center;
	row-gap: 20px;
	text-align: center;
}
}
/* END COOKIES */



/* GALLERY */
.gallery {
display: grid;
	justify-content: center;
	grid-template: auto / repeat(auto-fit, var(--grid-cell-width));
	place-items: start center;
	gap: var(--grid-gap);
	line-height: 0;
	transition: gap var(--transition-duration) var(--transition-timing) 0s;
}
.gallery > * {
display: grid;
	place-items: start stretch;
	grid-template: auto auto / var(--grid-cell-width);
	transition: grid-template var(--transition-duration) var(--transition-timing) 0s;
}
.gallery > * > div {
	overflow: hidden;
	position: relative;
	background-color: var(--color-7);
}
.gallery > * > div::before {
	overflow: hidden;
	display: block;
	content: "";
	padding-top: var(--aspect-ratio);
}
.gallery img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	object-fit: cover;
	object-position: center;
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
.gallery > * > span {
	display: block;
	line-height: 100%;
	text-align: center;
	padding: 20px 0 5px 0;
	font-size: var(--gallery-font-size);
	font-weight: var(--gallery-font-weight);
	color: var(--gallery-color);
	text-decoration: none;
}
.gallery > a:hover {
	text-decoration: none !important;
}
.gallery > a:hover span, .gall-zoom > *:hover span {
	color: var(--gallery-color-hover);
}
.gallery > a:hover img, .gall-zoom > *:hover img {
	transform: scale(1.1);
}
.gall-zoom {
	cursor: zoom-in;
}
/* END GALLERY */



/* ZOOM */
#zoom-layer {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	min-width: var(--min-width);
	background: var(--zoom-background);
	overflow: hidden;
	z-index: 50;
	line-height: 0;
	transform: scale(0);
	opacity: 0;
	transition: transform var(--transition-duration) var(--transition-timing) 0s, opacity var(--transition-duration) var(--transition-timing) 0s;
}
#zoom-layer .zoom-container {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 1;
	min-width: var(--min-width);
	grid-template: 100% / auto;
	place-items: stretch stretch;
	grid-auto-flow: column;
	gap: 0px;
	cursor: default;
}
#zoom-layer .zoom-container > div {
	display: grid;
	grid-template: 100% / var(--zoom-slide-width);
	place-items: center center;
}
#zoom-layer .zoom-container > div > img {
	max-width: 100%;
	max-height: 100%;
}
#zoom-layer .control {
	position: absolute;
	z-index: 2;
	display: grid;
	place-items: center center;
	background-color: var(--zoom-control-background);
	border-radius: 100%;
	cursor: pointer;
	transition: background-color var(--transition-duration) var(--transition-timing) 0s;
}
#zoom-layer .control:active {
	transform: scale(0.8);
}
#zoom-layer .control:hover {
	background-color: var(--zoom-control-background-hover);
}
#zoom-layer .control svg {
	stroke: var(--svg-stroke);
}
#zoom-layer .control:hover svg {
	stroke: var(--svg-stroke-hover);
}
#zoom-layer .zoom-close {
	right: var(--zoom-control-pos);
	top: var(--zoom-control-pos);
	grid-template: var(--zoom-close-size) / var(--zoom-close-size);
}
#zoom-layer .zoom-left {
	display: none;
	left: calc(0px - (var(--zoom-arrow-size) / 2));
	top: calc(50% - (var(--zoom-arrow-size) / 2));
	grid-template: var(--zoom-arrow-size) / var(--zoom-arrow-size);
}
#zoom-layer .zoom-left > div {
	transform: rotate(180deg);
	margin-left: calc(var(--zoom-arrow-size) * 0.4);
}
#zoom-layer .zoom-right {
	display: none;
	right: calc(0px - (var(--zoom-arrow-size) / 2));
	top: calc(50% - (var(--zoom-arrow-size) / 2));
	grid-template: var(--zoom-arrow-size) / var(--zoom-arrow-size);
}
#zoom-layer .zoom-right > div {
	margin-right: calc(var(--zoom-arrow-size) * 0.4);
}
#zoom-layer .zoom-counter {
	position: absolute;
	left: var(--zoom-control-pos);
	top: var(--zoom-control-pos);
	z-index: 2;
	display: grid;
	grid-template: var(--zoom-counter-size) / auto;
	place-items: center center;
	background-color: var(--zoom-control-background);
	color: var(--zoom-control-color);
	border-radius: 50px;
	font-size: var(--zoom-counter-font-size);
	font-weight: var(--zoom-counter-font-weight);
	padding: 0 calc(var(--zoom-counter-size) * 0.4) 0 calc(var(--zoom-counter-size) * 0.4);
	cursor: default;
}
#zoom-layer .shifting {
	transition: left var(--shifting-transition-duration) cubic-bezier(0.1, 0.5, 0.5, 0.1);
}
/* END ZOOM */


/* BLOG */
.blog .grid-blog {
	display: grid;
	place-items: start stretch;
}
.blog .element {
	margin-bottom: var(--space-big);
	border-bottom: 1px solid var(--color-4);
}
.blog .element:last-child {
	margin-bottom: 0;
}
.blog .data {
	color: var(--color-1);
}
.blog .grid-blog .photo {
	place-self: start stretch;
	position: relative;
}
.blog .grid-blog .photo::before {
	display: block;
	content: "";
	padding-top: var(--aspect-ratio);
}
.blog .grid-blog .photo > img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	object-fit: cover;
	object-position: center center;
}
@media (min-width: 1500px){
.blog .grid-blog {
	grid-template: auto / calc(50% - 40px) calc(50% - 40px);
	column-gap: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.blog .grid-blog {
	grid-template: auto / calc(50% - 25px) calc(50% - 25px);
	column-gap: 50px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog .grid-blog {
	grid-template: auto / calc(50% - 15px) calc(50% - 15px);
	column-gap: 30px;
}
}
@media (max-width: 991px){
.blog .grid-blog {
	grid-template: auto / 1fr;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog .grid-blog {
	row-gap: 40px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.blog .grid-blog {
	row-gap: 30px;
}
}
@media (max-width: 575px){
.blog .grid-blog {
	row-gap: 30px;
}
}
@media (min-width: 992px){
.blog .element {
	padding-bottom: var(--space-low);
}
.blog .element:nth-child(odd) .grid-blog > *:first-child {
	grid-area: 1 / 2 / 2 / 3;
}
.blog .element:nth-child(odd) .grid-blog > *:last-child {
	grid-area: 1 / 1 / 2 / 2;
}
}
@media (max-width: 991px){
.blog .element {
	padding-bottom: var(--space-mid);
}
.blog .grid-blog > *:first-child {
	grid-area: 2 / 1 / 3 / 2;
}
.blog .grid-blog > *:last-child {
	grid-area: 1 / 1 / 2 / 2;
}
.blog .data, .blog .text {
	text-align: center;
}
}

.blog .blog-navi {
display: grid;
grid-template-columns: 50% 50%;
place-items: start start;
}

.blog .blog-navi > *:last-child {
justify-self: end;
}

@media (max-width: 575px){
.blog .blog-navi .button {
	letter-spacing: 0px;
}
}

/* END BLOG */