/*!
Theme Name: Jazak
Theme URI: https://www.popwebdesign.net/index_eng.html
Author: PopArt Studio
Author URI: https://www.popwebdesign.net/index_eng.html
Description: Custom WordPress theme. The theme is based on _s (underscores) framework and includes a wide variety of functionalities that can serve for your content management without having to have programming skills.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Jazak
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Jazak is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

html {
	-webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
	color: #222
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
	-moz-osx-font-smoothing: grayscale
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none
}

a {
	text-decoration: none
}

a:focus,
a:hover,
a:active {
	outline: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

blockquote {
	margin: 0
}

dfn {
	font-style: italic
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q::before,
q::after {
	content: '';
	content: none
}

small {
	font-size: 85%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

nav ul,
nav ol,
ul,
li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

label {
	cursor: pointer
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible
}

button[disabled],
input[disabled] {
	cursor: default
}

input,
textarea {
	-webkit-box-shadow: none
}

input[type='checkbox'],
input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px
}

input[type='search'] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

input:invalid,
textarea:invalid {
	background-color: #f0dddd
}

input,
textarea,
select {
	outline: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	vertical-align: top
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0
}

@font-face {
	font-family: 'Cream';
	src: url("assets/fonts/Cream-Regular.woff2") format("woff2"), url("assets/fonts/Cream-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

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

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

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

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

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

@font-face {
	font-family: 'Cream';
	src: url("assets/fonts/Cream-Heavy.woff2") format("woff2"), url("assets/fonts/Cream-Heavy.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Cream';
	src: url("assets/fonts/Cream-HeavyItalic.woff2") format("woff2"), url("assets/fonts/Cream-HeavyItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

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

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

@font-face {
	font-family: 'Cream';
	src: url("assets/fonts/Cream-Black.woff2") format("woff2"), url("assets/fonts/Cream-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Cream';
	src: url("assets/fonts/Cream-BlackItalic.woff2") format("woff2"), url("assets/fonts/Cream-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Black.woff2") format("woff2"), url("assets/fonts/Gilroy-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

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

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-BlackItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

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

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Extrabold.woff2") format("woff2"), url("assets/fonts/Gilroy-Extrabold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-ExtraboldItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-ExtraboldItalic.woff") format("woff");
	font-weight: 800;
	font-style: italic;
	font-display: swap
}

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

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Heavy.woff2") format("woff2"), url("assets/fonts/Gilroy-Heavy.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-HeavyItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-HeavyItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

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

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

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

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Regular.woff2") format("woff2"), url("assets/fonts/Gilroy-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-RegularItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-RegularItalic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-Semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-SemiboldItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-SemiboldItalic.woff") format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-UltraLight.woff2") format("woff2"), url("assets/fonts/Gilroy-UltraLight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-Thin.woff2") format("woff2"), url("assets/fonts/Gilroy-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-ThinItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-ThinItalic.woff") format("woff");
	font-weight: 100;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Gilroy';
	src: url("assets/fonts/Gilroy-UltraLightItalic.woff2") format("woff2"), url("assets/fonts/Gilroy-UltraLightItalic.woff") format("woff");
	font-weight: 200;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Harabara Mais Demo';
	src: url("assets/fonts/HarabaraMaisBold-HarabaraMaisBold.woff2") format("woff2"), url("assets/fonts/HarabaraMaisBold-HarabaraMaisBold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

.cream-16-normal {
	font-size: 0.9375vw;
	letter-spacing: 0px;
	line-height: 175%;
	color: #dde7cf;
	font-family: 'Gilroy'
}

@media screen and (max-width: 1500px) {
	.cream-16-normal {
		font-size: 18px
	}
}

.qanelas-28-bold {
	font-family: 'Gilroy';
	font-size: 1.458333333vw;
	letter-spacing: 1px;
	color: #2995d3;
	font-weight: bold;
	text-transform: uppercase
}

@media screen and (max-width: 1500px) {
	.qanelas-28-bold {
		font-size: 24px
	}
}

@media screen and (max-width: 767px) {
	.qanelas-28-bold {
		font-size: 24px
	}
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-content::after,
.site-footer::after {
	content: '';
	display: table;
	clear: both
}

.fleft {
	float: left
}

.fright {
	float: right
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.centered {
	text-align: center
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important
}

.screen-reader-text:focus {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	display: block;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

#content[tabindex='-1']:focus {
	outline: 0
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

@media print {
	body {
		background: #fff;
		color: #000;
		margin: 0;
		padding: 0;
		text-align: left
	}

	a:link,
	a:visited {
		background: #fff;
		color: #000;
		text-decoration: underline
	}

	a:not([href="javascript:;"])::after {
		content: " [" attr(href) "] "
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		background: none;
		color: #000
	}

	.temp {
		display: none
	}
}

html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	width: 100%
}

.main {
	overflow-x: hidden
}

body {
	overflow: hidden;
	width: 100%;
	height: 100%
}

html {
	overflow: hidden;
	box-sizing: border-box
}

*,
*::before,
*::after {
	box-sizing: inherit
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.35
}

@media screen and (min-width: 1921px) {

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 0.9375vw
	}
}

blockquote {
	margin: 0 25px
}

.smooth-scroll {
	position: relative;
	will-change: transform;
	overflow-y: hidden !important;
	overflow-x: hidden;
	width: 100vw
}

pre {
	background: #ccc;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em
}

/*! locomotive-scroll v4.0.6 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
	overflow: hidden
}

html.has-scroll-dragging {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.has-scroll-smooth body {
	overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}

[data-scroll-direction='horizontal'] [data-scroll-container] {
	white-space: nowrap;
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}

[data-scroll-direction='horizontal'] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}

.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100%;
	transform-origin: center right;
	transition: transform 0.3s, opacity 0.3s;
	opacity: 0
}

@media screen and (max-width: 767px) {
	.c-scrollbar {
		display: none
	}
}

.c-scrollbar:hover {
	transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
	opacity: 1
}

[data-scroll-direction='horizontal'] .c-scrollbar {
	width: 100%;
	height: 10px;
	top: auto;
	bottom: 0;
	transform: scaleY(1)
}

[data-scroll-direction='horizontal'] .c-scrollbar:hover {
	transform: scaleY(1.3)
}

.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: black;
	opacity: 0.5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
	cursor: grabbing
}

[data-scroll-direction='horizontal'] .c-scrollbar_thumb {
	right: auto;
	bottom: 0
}

#moove_gdpr_cookie_info_bar {
	border-top: 0 !important
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	width: 100%
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
	display: flex;
	justify-content: space-between
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p {
	color: #0082ca !important
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p a {
	color: #0082ca !important
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	background-color: #0082ca !important;
	border-radius: 0 !important;
	border: 1px solid #0082ca !important;
	transition: 0.3s
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
	background: #fff !important;
	color: #0082ca !important
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
	color: #fff !important;
	opacity: 1 !important;
	box-shadow: none !important
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover {
	background: #fff !important;
	color: #0082ca !important
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
		font-size: 0.7291666667vw !important
	}
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	font-weight: normal !important;
	font-style: normal !important
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
		font-size: 0.7291666667vw !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
		padding: 0.4166666667vw 1.5625vw !important;
		margin: 0.15625vw 0.2083333333vw !important
	}
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
	color: #fff !important;
	opacity: 1 !important;
	box-shadow: none !important;
	background: #0082ca !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover {
	background: #fff !important;
	color: #0082ca !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,
.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
	color: #fff !important;
	opacity: 1 !important;
	box-shadow: none !important;
	background: #0082ca !important;
	border-radius: 0 !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover {
	background: #fff !important;
	color: #0082ca !important
}

#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider,
#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider,
#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider,
#moove_gdpr_cookie_modal .switch input:checked+.slider {
	background: #0082ca !important
}

#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after,
#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after,
#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after,
#moove_gdpr_cookie_modal .switch input:checked+.slider:after {
	color: #0082ca !important
}

@media screen and (max-width: 767px) {

	#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after,
	#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after,
	#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after,
	#moove_gdpr_cookie_modal .switch input:checked+.slider:after {
		top: -2px !important
	}
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,
#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g {
	color: #0082ca !important
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {
	color: #000 !important
}

.gdpr-nav-tab-title {
	font-family: 'Gilroy', sans-serif !important
}

.tab-title {
	font-family: 'Gilroy', sans-serif !important
}

.mgbutton {
	font-family: 'Gilroy' !important;
	border: 1px solid #0082ca !important
}

@media screen and (min-width: 1500px) {
	.mgbutton {
		padding: 15px 25px !important
	}
}

@media screen and (min-width: 1921px) {
	.mgbutton {
		font-size: 0.7291666667vw !important;
		padding: 0.78125vw 1.302083333vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-modal-left-content {
		padding: 2.083333333vw 3.125vw !important
	}
}

@media screen and (min-width: 1921px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		max-width: 60.9375vw !important;
		min-height: 31.25vw !important
	}
}

@media screen and (min-width: 1921px) {
	.tab-title {
		font-size: 1.458333333vw !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content button,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
		font-size: 0.8333333333vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-modal-right-content {
		padding: 2.083333333vw 3.125vw !important
	}
}

@media screen and (min-width: 1921px) {
	.gdpr_lightbox-container .moovegdpr-arrow-close {
		width: 3.125vw !important;
		height: 3.125vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-modal-close {
		top: -1.5625vw !important;
		right: -1.5625vw !important;
		font-size: 2.5vw !important;
		width: 3.125vw !important;
		height: 3.125vw !important
	}
}

@media screen and (min-width: 1921px) {
	.gdpr-nav-tab-title {
		font-size: 0.7291666667vw !important
	}
}

@media screen and (min-width: 1921px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
		height: 6.770833333vw !important
	}
}

@media screen and (min-width: 1921px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before {
		bottom: 6.770833333vw !important
	}
}

@media screen and (min-width: 1921px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li {
		margin-bottom: 0.78125vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-tab-nav {
		padding: 0.6770833333vw 1.041666667vw !important
	}
}

@media screen and (min-width: 767px) {

	#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:before,
	#moove_gdpr_cookie_modal .cookie-switch .slider:before,
	#moove_gdpr_cookie_modal .switch .cookie-slider:before,
	#moove_gdpr_cookie_modal .switch .slider:before {
		height: 24px !important;
		width: 24px !important;
		left: 2px !important;
		bottom: 2px !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:before,
	#moove_gdpr_cookie_modal .cookie-switch .slider:before,
	#moove_gdpr_cookie_modal .switch .cookie-slider:before,
	#moove_gdpr_cookie_modal .switch .slider:before {
		height: 1.302083333vw !important;
		width: 1.302083333vw !important;
		left: 0.05208333333vw !important;
		bottom: 0.05208333333vw !important;
		border: 0.05208333333vw solid #f2f2f2 !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_modal .cookie-switch,
	#moove_gdpr_cookie_modal .switch {
		width: 2.604166667vw !important;
		height: 1.5625vw !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after,
	#moove_gdpr_cookie_modal .cookie-switch .slider:after,
	#moove_gdpr_cookie_modal .switch .cookie-slider:after,
	#moove_gdpr_cookie_modal .switch .slider:after {
		left: 3.125vw !important;
		font-size: 0.8333333333vw !important;
		line-height: 1.5625vw !important
	}
}

@media screen and (min-width: 1921px) {

	#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:before,
	#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:before,
	#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:before,
	#moove_gdpr_cookie_modal .switch input:checked+.slider:before {
		transform: translate(1.04167vw) !important
	}
}

@media screen and (min-width: 1921px) {
	.gdpr-svg-icon svg {
		width: 1.25vw !important;
		height: 1.5625vw !important
	}
}

@media screen and (min-width: 1921px) {
	.gdpr-svg-icon {
		margin-right: 0.260416666vw !important;
		width: 1.25vw !important;
		height: 1.5625vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-info-bar-container {
		padding: 0.5208333333vw 2.083333333vw !important
	}
}

@media screen and (min-width: 1921px) {
	.moove-gdpr-company-logo-holder img {
		width: 6.5625vw !important;
		height: 2.552083333vw !important
	}
}

.footer__form-bottom-checkbox .wpcf7-form-control-wrap {
	position: static !important
}

@media screen and (max-width: 500px) {
	.wpcf7-response-output {
		font-size: 12px
	}
}

@media screen and (max-width: 400px) {
	.wpcf7-response-output {
		font-size: 11px
	}
}

.gdpr-nav-tab-title {
	font-family: 'Gylroy', sans-serif !important;
	font-weight: bold !important
}

.tab-title {
	font-family: 'Gylroy', sans-serif !important;
	font-weight: bold !important
}

.moove-gdpr-tab-main-content h3 {
	font-family: 'Gylroy', sans-serif !important;
	font-weight: bold !important;
	font-size: 28px !important
}

.moove-gdpr-tab-main-content p {
	font-family: 'Gylroy', sans-serif !important
}

.mgbutton {
	font-family: 'Gylroy', sans-serif !important
}

@media screen and (max-width: 400px) {
	.gdpr_lightbox-container .moove-gdpr-button-holder {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important
	}

	.gdpr_lightbox-container .moove-gdpr-button-holder button {
		margin: 1px 0 !important
	}
}

img {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.sea {
	overflow: hidden
}

.sea__img {
	position: absolute;
	top: 0;
	right: 0;
	width: 125vw;
	height: 80.52083333vw
}

@media screen and (max-width: 1550px) {
	.sea__img {
		width: 140vw;
		height: 90.16vw;
		min-height: 132vh
	}
}

@media screen and (max-width: 767px) {
	.sea__img {
		position: relative;
		height: auto;
		width: 100vw;
		min-height: 372vw
	}
}

.cloud-one__img {
	position: absolute;
	left: -51.04166667vw;
	top: 21.09375vw;
	width: 95.20833333vw;
	height: 56.25vw;
	mix-blend-mode: luminosity;
	transition: 1s opacity
}

@media screen and (max-width: 767px) {
	.cloud-one__img {
		top: -30px
	}
}

.cloud-two__img {
	position: absolute;
	left: 11.45833333vw;
	top: -11.97916667vw;
	width: 25.15625vw;
	height: 27.34375vw;
	mix-blend-mode: luminosity;
	transition: 1s opacity
}

@media screen and (max-width: 767px) {
	.cloud-two__img {
		display: none
	}
}

.cloud-three__img {
	position: absolute;
	right: -59.375vw;
	top: -8.333333333vw;
	width: 95.20833333vw;
	height: 56.25vw;
	mix-blend-mode: luminosity;
	transition: 1s opacity
}

@media screen and (max-width: 767px) {
	.cloud-three__img {
		top: 50vh;
		right: 0;
		width: 51.45833333vw;
		height: 72.70833333vw;
		transform-origin: right
	}
}

.cloud-four__img {
	position: absolute;
	left: 14.58333333vw;
	top: 96.35416667vw;
	width: 25.15625vw;
	height: 27.34375vw;
	mix-blend-mode: luminosity
}

@media screen and (max-width: 767px) {
	.cloud-four__img {
		top: 132vh
	}
}

.sea__text {
	position: absolute;
	left: 44.791666667vw;
	top: 13.02083333vw;
	z-index: 5;
	color: #fff;
	font-family: 'Gilroy';
	transition: 0.7s transform, 0.6s opacity, 0.5s visibility;
	will-change: top
}

@media screen and (max-width: 767px) {
	.sea__text {
		left: 13.0378096vw;
		top: 50.64537158vw;
		position: fixed
	}
}

.sea__text--one {
	transition: 0.7s transform, 0.3s opacity
}

.sea__text-one {
	/* text-transform: uppercase; */
	/* font-size: 3.125vw; */
	font-size: 4vw;
	letter-spacing: -0.05208333333vw;
	font-weight: 800;
	transition: 0.7s;
	will-change: font-size
}

@media screen and (max-width: 767px) {
	.sea__text-one {
		font-size: 4.954367666vw
	}
}

.sea__text-two {
	transition: 0.7s;
	padding: 0.5208333333vw 0;
	will-change: font-size;
	font-size: 2.3vw;
	font-weight: 700;
	line-height: 120%
}

@media screen and (max-width: 767px) {
	.sea__text-two {
		font-size: 3.5vw;
		padding: 1.5208333333vw 0
	}
}

.sea__text-three {
	font-size: 0.7291666667vw;
	letter-spacing: 0.1041666667vw;
	line-height: 157%;
	font-weight: bold;
	transition: 0.7s;
	padding: 0.5208333333vw 0;
	will-change: font-size
}

@media screen and (max-width: 767px) {
	.sea__text-three {
		font-size: 4.954367666vw;
		opacity: 0;
		transition: 0.3s;
		transform: translateY(20px);
		padding: 0;
		position: relative;
		top: -1.953586498vw
	}
}

.sea__text-four {
	font-size: 0.7291666667vw;
	letter-spacing: 0.1041666667vw;
	line-height: 157%;
	font-weight: bold;
	transition: 0.7s;
	padding: 0.5208333333vw 0;
	will-change: font-size
}

@media screen and (max-width: 767px) {
	.sea__text-four {
		font-size: 4.954367666vw;
		opacity: 0;
		transition: 0.3s;
		transform: translateY(20px);
		padding: 0
	}
}

.sea__text-break {
	position: relative;
	padding-left: 5.208333333vw
}

.sea__text-dot {
	width: 0.8333333333vw;
	height: 0.8333333333vw;
	border-radius: 50%;
	background-color: #fff
}

@media screen and (max-width: 767px) {
	.sea__text-dot {
		width: 10px;
		height: 10px
	}
}

.sea__text-line {
	width: 0.1041666667vw;
	min-width: 1px;
	background-color: #fff;
	margin-left: 0.3645833333vw;
	transition: 0.5s
}

@media screen and (max-width: 767px) {
	.sea__text-line {
		margin-left: 5px
	}
}

.sea__text-break--one .sea__text-line {
	height: 55vh
}

@media screen and (max-width: 1550px) {
	.sea__text-break--one .sea__text-line {
		height: 65vh
	}
}

@media screen and (max-width: 767px) {
	.sea__text-break--one .sea__text-line {
		height: 65vh
	}
}

.sea__text-break--two .sea__text-line {
	height: 75vh
}

.sea__text-break--three .sea__text-line {
	height: 75vh
}

@media screen and (min-width: 768px) {
	.show-second {
		transform: translateY(-37.20833vw)
	}
}

@media screen and (max-width: 767px) {
	.show-second {
		transform: translateY(-125.20833vw)
	}
}

@media screen and (min-width: 768px) {
	.show-third {
		top: -10.208333333vw
	}
}

@media screen and (min-width: 768px) {
	.show-third .sea__text-two {
		padding: 0
	}
}

@media screen and (min-width: 768px) {
	.show-third .sea__text-three {
		padding: 0
	}
}

@media screen and (max-width: 767px) {
	.show-third .sea__text-three {
		opacity: 1;
		transform: translateY(0)
	}
}

@media screen and (min-width: 768px) {
	.show-third .sea__text-break--one .sea__text-line {
		height: 10vh
	}
}

@media screen and (min-width: 768px) {
	.show-third .sea__text-break--two .sea__text-line {
		height: 35vh
	}
}

@media screen and (min-width: 768px) {
	.show-fourth {
		top: -15.208333333vw
	}
}

@media screen and (max-width: 767px) {
	.show-fourth .sea__text-one {
		opacity: 0;
		transform: translateY(-20px)
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-two {
		padding: 0
	}
}

@media screen and (max-width: 767px) {
	.show-fourth .sea__text-two {
		opacity: 0;
		transform: translateY(-20px)
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-three {
		padding: 0
	}
}

@media screen and (max-width: 767px) {
	.show-fourth .sea__text-three {
		opacity: 0;
		transform: translateY(-20px)
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-four {
		padding: 0
	}
}

@media screen and (max-width: 767px) {
	.show-fourth .sea__text-four {
		opacity: 1;
		transform: translateY(0)
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-break--one .sea__text-line {
		height: 10vh
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-break--two .sea__text-line {
		height: 10vh
	}
}

@media screen and (min-width: 768px) {
	.show-fourth .sea__text-break--three .sea__text-line {
		height: 35vh
	}
}

.sea__mobile-bullets {
	position: fixed;
	left: 5vw;
	top: 47.64537158vw;
	width: 5px;
	height: 54vw;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.sea__mobile-bullets::after {
	position: absolute;
	left: 4px;
	top: 0;
	width: 1px;
	height: 100%;
	content: '';
	background: #fff
}

@media screen and (min-width: 768px) {
	.sea__mobile-bullets {
		display: none
	}
}

.sea__mobile-dot {
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 50%
}

.sea__text-rocks {
	opacity: 0;
	visibility: hidden;
	z-index: 7
}

.sea__text-rocks.active {
	opacity: 1;
	visibility: visible
}

.sea__text-bushes {
	opacity: 0;
	visibility: hidden;
	z-index: 7
}

.sea__text-bushes.active {
	opacity: 1;
	visibility: visible
}

.rock__img-box-zero {
	position: absolute;
	left: calc(50vw - 0.1041666667vw);
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 24;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-zero {
		position: fixed;
		top: -10vh;
		left: 0;
		transform: translate(0, 0)
	}
}

.rock__img-zero {
	transform: translate3d(0, 0, 0) scale(3);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

@media screen and (max-width: 767px) {
	.rock__img-zero {
		min-height: 120vh
	}
}

.rock__img-box-one {
	position: absolute;
	left: calc(50vw - 0.1041666667vw);
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 23;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-one {
		position: fixed;
		top: -10vh;
		left: 0;
		transform: translate(0, 0)
	}
}

.rock__img-one {
	transform: scale(3);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

@media screen and (max-width: 767px) {
	.rock__img-one {
		transform: translate3d(0, 0, 0) scale(4);
		min-height: 120vh
	}
}

.rock__img-box-two {
	position: absolute;
	left: calc(50vw - 0.1041666667vw);
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 21;
	display: none;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-two {
		left: calc(50vw - 2.2041666667vw)
	}
}

@media screen and (max-width: 767px) {
	.rock__img-box-two {
		position: fixed;
		top: -10vh;
		left: -1vw;
		transform: translate(0, 0)
	}
}

.rock__img-two {
	transform: scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

@media screen and (max-width: 767px) {
	.rock__img-two {
		transform: translate3d(0, 0, 0) scale(3);
		min-height: 120vh
	}
}

.rock__img-box-three {
	position: absolute;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 20;
	visibility: hidden;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-three {
		position: fixed;
		top: -10vh;
		left: 0;
		transform: translate(0, 0)
	}
}

.rock__img-three {
	transform: scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

@media screen and (max-width: 767px) {
	.rock__img-three {
		transform: translate3d(0, 0, 0) scale(4);
		min-height: 120vh
	}
}

.rock__img-box-four {
	position: absolute;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 19;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-four {
		display: none
	}
}

.rock__img-four {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-five {
	position: absolute;
	left: 50vw;
	top: 47vh;
	transform: translate(-50%, -50%);
	z-index: 18;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-five {
		display: none
	}
}

.rock__img-five {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-six {
	position: absolute;
	left: 53vw;
	top: 46vh;
	transform: translate(-50%, -50%);
	z-index: 17;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-six {
		display: none
	}
}

.rock__img-six {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-seven {
	position: absolute;
	left: 51vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 16;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-seven {
		display: none
	}
}

.rock__img-seven {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-eight {
	position: absolute;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 15;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-eight {
		display: none
	}
}

.rock__img-eight {
	transform: scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: translate3d(0, 0, 0) 110vh
}

.rock__img-box-nine {
	position: absolute;
	left: 50vw;
	top: 49vh;
	transform: translate(-50%, -50%);
	z-index: 14;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-nine {
		display: none
	}
}

.rock__img-nine {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-ten {
	position: absolute;
	left: 50vw;
	top: 49vh;
	transform: translate(-50%, -50%);
	z-index: 13;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-ten {
		display: none
	}
}

.rock__img-ten {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-elewen {
	position: absolute;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 12;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-elewen {
		display: none
	}
}

.rock__img-elewen {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-twelve {
	position: absolute;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 11;
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-twelve {
		display: none
	}
}

.rock__img-twelve {
	transform: translate3d(0, 0, 0) scale(2);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 110vh
}

.rock__img-box-thirteen {
	position: absolute;
	left: 51vw;
	top: 52vh;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-thirteen {
		left: 52vw;
		min-height: 120vh
	}
}

@media screen and (max-width: 767px) {
	.rock__img-box-thirteen {
		position: fixed;
		top: -10vh;
		left: 0;
		transform: translate(0, 0)
	}
}

.rock__img-thirteen {
	transform: translateX(4.63542vw);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 120vh
}

@media screen and (max-width: 767px) {
	.rock__img-thirteen {
		transform: translateX(9.63542vw)
	}
}

.rock__img-box-fourteen {
	position: absolute;
	left: 51vw;
	top: 52vh;
	transform: translate(-50%, -50%);
	z-index: 9;
	display: none;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.rock__img-box-fourteen {
		left: 52vw;
		min-height: 120vh
	}
}

@media screen and (max-width: 767px) {
	.rock__img-box-fourteen {
		position: fixed;
		top: -10vh;
		left: -2px;
		transform: translate(0, 0)
	}
}

.rock__img-fourteen {
	transform: translateX(-4.63542vw);
	width: 104.5833333vw;
	height: 58.85416667vw;
	min-height: 120vh
}

@media screen and (max-width: 767px) {
	.rock__img-fourteen {
		transform: translateX(-7.63542vw)
	}
}

.rock-triggers {
	position: absolute;
	top: 120.41666667vw;
	z-index: 100
}

@media screen and (max-width: 767px) {
	.rock-triggers {
		top: 100.41666667vw
	}
}

.sea-trigger {
	position: absolute;
	top: 0.5208333333vw;
	left: 0;
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 200
}

.sea-text__trigge-two {
	height: 0.3645833333vw;
	width: 5.208333333vw;
	margin-bottom: 41.66666667vw
}

@media screen and (max-width: 767px) {
	.sea-text__trigge-two {
		margin-bottom: 30.66666667vw
	}
}

.sea-text__trigge-three {
	height: 0.3645833333vw;
	width: 5.208333333vw;
	margin-bottom: 41.66666667vw
}

@media screen and (max-width: 767px) {
	.sea-text__trigge-three {
		margin-bottom: 30.66666667vw
	}
}

.sea-text__trigge-four {
	height: 0.3645833333vw;
	width: 5.208333333vw;
	margin-bottom: 41.66666667vw
}

@media screen and (max-width: 767px) {
	.sea-text__trigge-four {
		margin-bottom: 30.66666667vw
	}
}

.sea-text__triggers {
	top: 41.66666667vw;
	position: absolute
}

@media screen and (max-width: 767px) {
	.sea-text__triggers {
		top: 30vw
	}
}

.rock-trigger-zero {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-zero {
		margin-bottom: 10.41666667vw
	}
}

.rock-trigger-one {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-one {
		margin-bottom: 10.41666667vw
	}
}

.rock-trigger-two {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-two {
		margin-bottom: 10.41666667vw
	}
}

.rock-trigger-three {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-three {
		margin-bottom: 10.41666667vw
	}
}

.rock-trigger-four {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-four {
		margin-bottom: 0
	}
}

.rock-trigger-five {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-five {
		margin-bottom: 0
	}
}

.rock-trigger-six {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-six {
		margin-bottom: 0
	}
}

.rock-trigger-seven {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-seven {
		margin-bottom: 0
	}
}

.rock-trigger-eight {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-eight {
		margin-bottom: 0
	}
}

.rock-trigger-nine {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-nine {
		margin-bottom: 0
	}
}

.rock-trigger-ten {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-ten {
		margin-bottom: 0
	}
}

.rock-trigger-elewen {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-elewen {
		margin-bottom: 0
	}
}

.rock-trigger-twelve {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-twelve {
		margin-bottom: 0
	}
}

.rock-trigger-therteen {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-therteen {
		margin-bottom: 10.41666667vw
	}
}

.rock-trigger-fourteen {
	width: 5.208333333vw;
	margin-bottom: 7.41666667vw;
	height: 0.3645833333vw
}

@media screen and (max-width: 767px) {
	.rock-trigger-fourteen {
		margin-bottom: 10.41666667vw
	}
}

.sky-trigger {
	width: 5.208333333vw;
	margin-bottom: 7.8125vw;
	height: 0.3645833333vw
}

.clouds-trigger {
	width: 5.208333333vw;
	margin-bottom: 41.66666667vw;
	height: 0.3645833333vw
}

.rock-text-trigger-one {
	width: 5.208333333vw;
	margin-bottom: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.rock-text-trigger-two {
	width: 5.208333333vw;
	height: 0.3645833333vw;
	margin-bottom: 25.875vw;
	z-index: 200
}

.rock-text-trigger-three {
	width: 5.208333333vw;
	margin-bottom: 46.875vw;
	height: 0.3645833333vw;
	z-index: 200
}

.rock-sound-one {
	width: 5.208333333vw;
	margin-bottom: 13.02083333vw;
	height: 0.3645833333vw;
	z-index: 200
}

.rock-sound-two {
	width: 5.208333333vw;
	margin-bottom: 18.02083333vw;
	height: 0.3645833333vw;
	z-index: 200
}

.rock-sound-three {
	width: 5.208333333vw;
	margin-bottom: 13.02083333vw;
	height: 0.3645833333vw;
	z-index: 200
}

.sky__img {
	position: absolute;
	bottom: 0;
	transform: translateY(0);
	width: 100.46875vw;
	height: 83.90625vw
}

@media screen and (max-width: 767px) {
	.sky__img {
		width: 100vw;
		height: 120vh
	}
}

.sky__box {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	pointer-events: none
}

.clouds__img {
	mix-blend-mode: screen;
	transform: translate(-100%, -58.17708vw);
	position: absolute;
	top: 0;
	left: 0;
	width: 166.0416667vw;
	height: 63.17708333vw
}

@media screen and (max-width: 767px) {
	.clouds__img {
		display: none
	}
}

.clouds__box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6
}

.sound-control__off {
	opacity: 1;
	width: 100%;
	height: 100%
}

.sound-control__on {
	opacity: 0;
	width: 100%;
	height: 100%
}

.sound-control {
	position: fixed;
	top: 2.34375vw;
	left: calc(50% + 23.09374667vw);
	transform: translateX(250%);
	z-index: 95;
	cursor: pointer;
	transition: 0.3s;
	opacity: 0.5;
	width: 50px;
	height: 50px
}

.sound-control svg {
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (min-width: 1921px) {
	.sound-control {
		width: 2.604166667vw;
		height: 2.604166667vw
	}
}

.sound-control.active {
	opacity: 1
}

.sound-control.active .sound-control__off {
	opacity: 0
}

.sound-control.active .sound-control__on {
	opacity: 1
}

@media screen and (min-width: 768px) {
	.sound-control:hover {
		opacity: 1
	}
}

@media screen and (max-width: 1500px) {
	.sound-control {
		/* left: calc(50% + 22.09374667vw) */
		left: calc(60% + 22.09374667vw)
	}
}

@media screen and (max-width: 1300px) {
	.sound-control {
		left: 85vw;
		transform: translateX(15px)
	}
}

@media screen and (max-width: 1000px) {
	.sound-control {
		left: 95vw;
		transform: translateX(-210%)
	}
}

@media screen and (max-width: 767px) {
	.sound-control {
		width: 45px;
		height: 45px;
		left: auto;
		right: 5vw;
		transform: translateX(-150%)
	}
}

@media screen and (max-width: 480px) {
	.sound-control {
		width: 40px;
		height: 40px;
		top: 14px
	}
}

.bushes {
	position: relative;
	z-index: 40;
	top: -24.04166667vw;
	height: 0
}

.bushes.hide {
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.bushes {
		top: 0;
		margin-top: 100vw;
		height: auto
	}
}

@keyframes shadowAnimation {
	0% {
		transform: scale(0)
	}

	10% {
		transform: scale(0)
	}

	30% {
		transform: scale(0.8)
	}

	50% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}

.vitaminska__shadow {
	width: 8.489583333vw;
	height: 1.458333333vw;
	position: absolute;
	bottom: -0.6333333333vw;
	left: calc(50% - 4.05447916665vw);
	z-index: -1;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__shadow {
		width: 21.25162973vw;
		height: auto;
		bottom: 17.9333333333vw;
		left: calc(50% - 11.05447916665vw)
	}
}

.active .vitaminska__shadow {
	opacity: 1;
	animation: 1.2s shadowAnimation
}

.bushes__box {
	height: 100vh
}

.bushes__trigger {
	position: absolute;
	top: 4.166666667vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.bushes__text-trigger-one {
	position: absolute;
	top: 4.166666667vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.bushes__text-trigger-two {
	position: absolute;
	top: 35.41666667vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.bushes__text-trigger-three {
	position: absolute;
	top: 66.66666667vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.bushes__text-trigger-four {
	position: absolute;
	top: 97.91666667vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.tree__trigger {
	position: absolute;
	top: 77.08333333vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.tree__trigger {
		top: 130.2083333vw
	}
}

.fern__trigger {
	position: absolute;
	top: 77.08333333vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.left-bush__trigger {
	position: absolute;
	top: 138.2083333vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.left-bush__trigger {
		top: 198.2083333vw
	}
}

.right-bush__trigger {
	position: absolute;
	top: 85.14583333vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.right-bush__trigger {
		top: 140.2083333vw
	}
}

.left-bush__trigger-reverse {
	position: absolute;
	top: 179.2vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.left-bush__trigger-reverse {
		top: 235.2vw
	}
}

.forest-sound-trigger-one {
	position: absolute;
	top: 119.2vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

.forest-sound-trigger-two {
	position: absolute;
	top: 159.2vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.forest-sound-trigger-two {
		top: 209vw
	}
}

.forest-sound-trigger-three {
	position: absolute;
	top: 189.2vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.forest-sound-trigger-three {
		top: 259vw
	}
}

.forest-sound-trigger-four {
	position: absolute;
	top: 199.2vw;
	width: 7.8125vw;
	height: 0.3645833333vw;
	z-index: 200
}

@media screen and (max-width: 767px) {
	.forest-sound-trigger-four {
		top: 279vw
	}
}

.bushes__img {
	position: relative;
	top: -18.75vw;
	z-index: 6;
	min-width: 100vw;
	min-height: 156vh
}

@media screen and (max-width: 1500px) {
	.bushes__img {
		top: -25vw
	}
}

@media screen and (max-width: 767px) {
	.bushes__img {
		top: -38.75vw;
		min-width: 100vw;
		width: 59.45414847vw;
		min-height: 140vh;
		height: auto
	}
}

.jungle__img {
	position: absolute;
	right: 0;
	opacity: 0;
	bottom: 0;
	pointer-events: none;
	width: 145vw;
	height: 77.34375vw;
	min-height: 100vh
}

@media screen and (max-width: 767px) {
	.jungle__img {
		width: auto;
		height: 100vh;
		width: 100vw;
		position: fixed;
		opacity: 0
	}
}

.tree__img {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-100%);
	z-index: 3;
	width: 39.53125vw;
	height: 56.61458333vw;
	min-height: 100vh
}

@media screen and (max-width: 767px) {
	.tree__img {
		display: none
	}
}

.fern__img {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-100%, 0);
	z-index: 5;
	width: 94.375vw;
	height: 36.97916667vw
}

@media screen and (max-width: 767px) {
	.fern__img {
		display: none
	}
}

.left-bush__box {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0);
	z-index: 2;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.left-bush__box {
		position: fixed
	}
}

.left-bush__img {
	width: 64.16666667vw;
	height: 53.17708333vw;
	min-height: 100vh
}

@media screen and (max-width: 767px) {
	.left-bush__img {
		width: 111.0821382vw;
		height: 133.1160365vw
	}
}

.right-bush__img {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0);
	z-index: 1;
	width: 124.84375vw;
	height: 52.39583333vw;
	min-height: 100vh
}

@media screen and (max-width: 767px) {
	.right-bush__img {
		position: fixed;
		width: 297.9166667vw;
		height: 132.7249022vw
	}
}

.sea__img-box {
	width: 100vw
}

@media screen and (max-width: 767px) {
	.sea__img-box {
		overflow: hidden
	}
}

.rocks {
	position: relative;
	z-index: 6;
	top: 0;
	left: 0
}

@media screen and (max-width: 767px) {
	.rocks.active {
		position: fixed
	}

	.rocks.active .rock__img-box-zero {
		position: absolute
	}

	.rocks.active .rock__img-box-one {
		position: absolute
	}

	.rocks.active .rock__img-box-two {
		position: absolute
	}

	.rocks.active .rock__img-box-three {
		position: absolute
	}

	.rocks.active .rock__img-box-thirteen {
		position: absolute
	}

	.rocks.active .rock__img-box-fourteen {
		position: absolute
	}
}

.content {
	position: relative;
	min-width: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: repeat-y;
	margin-top: 155.052083333vw;
	z-index: 1
}

@media screen and (max-width: 767px) {
	.content {
		overflow: hidden;
		margin-top: 0
	}
}

.banner {
	display: flex;
	position: relative;
	justify-content: center
}

.banner-bush__box {
	position: absolute;
	bottom: -10.41666667vw;
	left: 50%;
	transform: translate(-50%, -4.6875vw);
	z-index: 7
}

@media screen and (max-width: 767px) {
	.banner-bush__box {
		transform: translate(-50%, 0);
		bottom: -40vw
	}
}

.banner-waterfall {
	width: 3.229166667vw;
	bottom: 7.447916667vw;
	position: absolute;
	transform: translateX(4px);
	z-index: 4
}

@media screen and (max-width: 767px) {
	.banner-waterfall {
		/*width: 9.229166667vw;*/
		/*bottom: 23.20730117vw;*/
		/*transform: translateX(-7px);*/
		 width: 6.229166667vw;
        bottom: 12.20730117vw;
        transform: translateX(0);
	}
}

@keyframes shake {
	0% {
		transform: rotate(0)
	}

	10% {
		transform: rotate(-10deg)
	}

	30% {
		transform: rotate(7deg)
	}

	45% {
		transform: rotate(-3deg)
	}

	60% {
		transform: rotate(1deg)
	}

	70% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(0)
	}
}

@keyframes shake2 {
	0% {
		transform: rotate(0)
	}

	10% {
		transform: rotate(-10deg)
	}

	30% {
		transform: rotate(7deg)
	}

	45% {
		transform: rotate(-3deg)
	}

	60% {
		transform: rotate(1deg)
	}

	70% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(0)
	}
}

.banner-branch-right__img {
	position: absolute;
	bottom: 8.333333333vw;
	z-index: 2;
	right: 0;
	transform-origin: 24% 76%;
	width: 6.770833333vw;
	height: 5.46875vw
}

@media screen and (max-width: 767px) {
	.banner-branch-right__img {
		top: 10vw;
		right: 0;
		width: 16vw;
		height: auto
	}
}

.banner-branch-left__img {
	position: absolute;
	bottom: 11.97916667vw;
	z-index: 2;
	left: 7.8125vw;
	transform-origin: 25% 100%;
	width: 6.145833333vw;
	height: 7.03125vw
}

@media screen and (max-width: 767px) {
	.banner-branch-left__img {
		top: 5vw;
		left: 0;
		width: 16vw;
		height: auto
	}
}

.banner-tree-right__img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 40.9375vw;
	height: 46.66666667vw
}

@media screen and (max-width: 767px) {
	.banner-tree-right__img {
		width: 31.02998696vw;
		height: 69.23076923vw;
		top: 50vh;
		transform: translateY(-25%);
		z-index: 3
	}
}

.banner-tree-left__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 42.08333333vw;
	height: 45.98958333vw
}

@media screen and (max-width: 767px) {
	.banner-tree-left__img {
		width: 23.33767927vw;
		height: 76.79269883vw;
		top: 50vh;
		transform: translateY(-55%)
	}
}

.about-text {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.about-text--two {
	margin-top: -8.333333333vw
}

@media screen and (max-width: 767px) {
	.about-text--two {
		z-index: 15
	}
}

.about-text__inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 50vw;
	width: 100%;
	z-index: 21
}

@media screen and (max-width: 1500px) {
	.about-text__inner {
		max-width: 59vw
	}
}

@media screen and (max-width: 1400px) {
	.about-text__inner {
		max-width: 62vw
	}
}

@media screen and (max-width: 1300px) {
	.about-text__inner {
		max-width: 66vw
	}
}

@media screen and (max-width: 1200px) {
	.about-text__inner {
		max-width: 70vw
	}
}

@media screen and (max-width: 1100px) {
	.about-text__inner {
		max-width: 76vw
	}
}

@media screen and (max-width: 1000px) {
	.about-text__inner {
		max-width: 82vw
	}
}

@media screen and (max-width: 900px) {
	.about-text__inner {
		max-width: 86vw
	}
}

@media screen and (max-width: 800px) {
	.about-text__inner {
		max-width: 92vw
	}
}

@media screen and (max-width: 767px) {
	.about-text__inner {
		top: 23%;
		max-width: 75vw;
		flex-direction: column;
		align-items: center;
		transform: translate(-50%, 0);
		z-index: 21
	}
}

@media screen and (max-width: 400px) {
	.about-text__inner {
		max-width: 262px;
		top: 17%
	}
}

@media screen and (max-width: 350px) {
	.about-text__inner {
		max-width: 90vw
	}
}

.about-text__left {
	color: #2995d3
}

@media screen and (max-width: 767px) {
	.about-text__left {
		display: flex;
		width: 100%;
		justify-content: flex-start;
		margin-bottom: 40px;
		max-width: 420px
	}
}

.about-text__heading {
	will-change: transform, opacity;
	opacity: 0;
	transform: translateY(1.5625vw);
	transition: 0.3s
}

.about-text__heading.active {
	opacity: 1;
	transform: translateY(0)
}

@media screen and (max-width: 767px) {
	.about-text__heading {
		opacity: 1;
		transform: translateY(0)
	}
}

.banner-logo__img {
	position: absolute;
	top: 17.96875vw;
	left: calc(50% + 0.46875vw);
	transform: translate(-50%, 1.04167vw);
	z-index: 4;
	opacity: 0;
	width: 6.5625vw;
	height: 2.552083333vw
}

.banner-logo__img.active {
	opacity: 1;
	transform: translate(-50%);
	transition: 0.3s;
	transition-delay: 0.1s
}

@media screen and (max-width: 767px) {
	.banner-logo__img {
		top: 59.96875vw;
		transform: translate(-50%, 1.04167vw);
		width: 21.5625vw;
		height: auto;
		opacity: 1;
		transform: translate(-50%);
		transition: 0.3s
	}
}

.simbol__img {
	position: absolute;
	top: 12.08333333vw;
	left: calc(50% + 0.4166666667vw);
	transform: translate(-50%, 1.04167vw);
	z-index: 4;
	opacity: 0;
	width: 5.416666667vw;
	height: 5.46875vw
}

.simbol__img.active {
	opacity: 1;
	transform: translate(-50%);
	transition: 0.3s
}

@media screen and (max-width: 767px) {
	.simbol__img {
		height: auto;
		top: 39.08333333vw;
		width: 18.416667vw;
		opacity: 1;
		transform: translate(-50%);
		transition: 0.3s
	}
}

.hamburger__top {
	transition: 0.2s;
	transform-origin: 60% 40%
}

.hamburger__bottom {
	transition: 0.2s;
	transform-origin: 40% 40%
}

.hamburger__middle {
	transition: 0.2s;
	transform-origin: 50% 50%
}

.hamburger__circle {
	transition: 0.2s
}

.hamburger {
	position: fixed;
	top: 2.34375vw;
	/* left: 50%; */
	left: 60%;
	z-index: 65;
	height: 2.604166667vw;
	transform: translateX(26.39583vw);
	transition: 1s opacity;
	cursor: pointer;
	width: 50px;
	height: 50px
}

.hamburger svg {
	transition: 0.3s
}

@media screen and (min-width: 1921px) {
	.hamburger svg {
		width: 2.604166667vw;
		height: 2.604166667vw
	}
}

@media screen and (max-width: 767px) {
	.hamburger svg {
		width: 45px;
		height: 45px
	}
}

@media screen and (max-width: 480px) {
	.hamburger svg {
		width: 40px;
		height: 40px
	}
}

.hamburger:hover .hamburger__top {
	transform: translateY(-0.10417vw)
}

.hamburger:hover .hamburger__bottom {
	transform: translateY(0.10417vw)
}

.hamburger.active svg {
	transform: rotate(180deg)
}

.hamburger.active .hamburger__top {
	transform: rotate(-45deg) translate(16%, 1%) scale(0.6);
	stroke: #0078b9
}

.hamburger.active .hamburger__middle {
	transform: rotate(45deg);
	stroke: #0078b9
}

.hamburger.active .hamburger__bottom {
	transform: rotate(-45deg) translate(-30%, 0) scale(0.6);
	stroke: #0078b9
}

.hamburger.active .hamburger__circle {
	stroke: #0078b9
}

@media screen and (max-width: 1300px) {
	.hamburger {
		left: 85vw;
		transform: translateX(-100%)
	}
}

@media screen and (max-width: 1000px) {
	.hamburger {
		left: 95vw;
		transform: translateX(-100%)
	}
}

@media screen and (max-width: 767px) {
	.hamburger {
		left: auto;
		right: 5vw;
		transform: translate(0)
	}
}

@media screen and (max-width: 480px) {
	.hamburger {
		top: 14px
	}
}

.controls {
	position: absolute;
	top: calc(100vh - 16.66666667vw);
	right: 21.35416667vw;
	z-index: 6;
	display: flex;
	flex-direction: column
}

.controlls-music {
	margin-bottom: 0.5208333333vw;
	opacity: 0.5
}

.content__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("assets/images/overlay.png");
	background-size: contain;
	background-repeat: repeat-y;
	z-index: 15;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.content__overlay {
		background-image: url("assets/images/overlay-mobile.png")
	}
}

.banner__hero {
	position: relative;
	z-index: 1
}

.banner-hero__img-back {
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
	transform: translate(-50%);
	width: 14.16666667vw;
	height: 29.84375vw
}

@media screen and (max-width: 767px) {
	.banner-hero__img-back {
		display: none
	}
}

.banner-hero__img-front {
	width: 61.82291667vw;
	height: 45.52083333vw
}

@media screen and (max-width: 767px) {
	.banner-hero__img-front {
		width: 100vw;
		/*height: 142.8943937vw;*/
		height: 80.8943937vw;
	}
}

.banner-hero__img-front-box {
	position: relative;
	z-index: 2
}

.loader__svg {
	transform: scale(0.7)
}

@media screen and (max-width: 767px) {
	.loader__svg {
		transform: scale(0.3)
	}
}

.banner-hero__img-front-water {
	width: 19.73958333vw;
	height: 5.416666667vw;
	bottom: 1.9vw;
	left: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-size: cover
}

@media screen and (max-width: 767px) {
	.banner-hero__img-front-water {
		display: none
	}
}

.water-svg {
	position: absolute
}

.banner-hero__img-clouds {
	position: absolute;
	z-index: 1;
	top: 15.625vw;
	left: 50%;
	transform: translate(-120%);
	width: 17.86458333vw;
	height: 8.697916667vw
}

.banner-hero__img-clouds-two {
	position: absolute;
	z-index: 1;
	top: 7.8125vw;
	left: 50%;
	transform: translate(-40%);
	width: 17.86458333vw;
	height: 8.697916667vw
}

.banner-bush__img {
	width: 43.54166667vw;
	height: 18.85416667vw
}

@media screen and (max-width: 767px) {
	.banner-bush__img {
		width: 100vw;
		height: 64.27640156vw
	}
}

.banner-hero__clouds {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100vh;
	width: 18.22916667vw;
	overflow: hidden
}

@media screen and (max-width: 767px) {
	.banner-hero__clouds {
		display: none
	}
}

.banner__leafs {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 8;
	width: 52.08333333vw;
	bottom: 5.208333333vw;
	height: 20.83333333vw;
	pointer-events: none
}

.banner__butterfly {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 42%);
	display: none;
	width: 31.5625vw;
	height: 26.14583333vw
}

@media screen and (max-width: 767px) {
	.banner__butterfly {
		transform: translate(-54%, 34%);
		width: 86.83181226vw;
		height: 65.44980443vw
	}
}

@keyframes leaf {
	0% {
		opacity: 0;
		transform: translateY(-4.16667vw)
	}

	50% {
		opacity: 1;
		transform: translateY(1.04167vw) rotate(-45deg)
	}

	100% {
		opacity: 0;
		transform: translateY(6.25vw)
	}
}

@keyframes leaf2 {
	0% {
		opacity: 0;
		transform: translateY(-3.64583vw)
	}

	50% {
		opacity: 1;
		transform: translateY(1.04167vw) rotate(75deg)
	}

	100% {
		opacity: 0;
		transform: translateY(8.85417vw)
	}
}

@keyframes leaf3 {
	0% {
		opacity: 0;
		transform: translateY(-3.125vw) rotate(-25deg)
	}

	50% {
		opacity: 1;
		transform: translateY(1.5625vw) rotate(-15deg)
	}

	100% {
		opacity: 0;
		transform: translateY(6.25vw)
	}
}

@keyframes leaf4 {
	0% {
		opacity: 0;
		transform: translateY(-2.60417vw) rotate(85deg)
	}

	50% {
		opacity: 1;
		transform: translateY(1.5625vw) rotate(45deg)
	}

	100% {
		opacity: 0;
		transform: translateY(5.72917vw)
	}
}

@keyframes leaf5 {
	0% {
		opacity: 0;
		transform: translateY(-2.60417vw) rotate(-45deg)
	}

	50% {
		opacity: 1;
		transform: translateY(1.5625vw)
	}

	100% {
		opacity: 0;
		transform: translateY(5.72917vw) rotate(-45deg)
	}
}

@keyframes leaf6 {
	0% {
		opacity: 0;
		transform: translateY(-3.125vw) rotate(90deg)
	}

	50% {
		opacity: 1;
		transform: translateY(1.5625vw)
	}

	100% {
		opacity: 0;
		transform: translateY(6.25vw) rotate(90deg)
	}
}

@keyframes leaf7 {
	0% {
		opacity: 0;
		transform: translateY(-3.64583vw) rotate(80deg)
	}

	50% {
		opacity: 1;
		transform: translateY(1.5625vw)
	}

	100% {
		opacity: 0;
		transform: translateY(6.77083vw) rotate(-80deg)
	}
}

.banner__leafs-one {
	position: absolute;
	bottom: 4.166666667vw;
	right: 4.6875vw;
	opacity: 0
}

.banner__leafs-one.active {
	animation: 1.2s leaf linear forwards;
	animation-delay: 0.15s
}

.banner__leafs-two {
	position: absolute;
	bottom: 7.8125vw;
	left: 4.6875vw;
	opacity: 0
}

.banner__leafs-two.active {
	animation: 1.2s leaf2 linear forwards
}

.banner__leafs-three {
	position: absolute;
	top: 4.6875vw;
	left: 6.770833333vw;
	opacity: 0
}

.banner__leafs-three.active {
	animation: 1.2s leaf3 linear forwards;
	animation-delay: 0.15s
}

.banner__leafs-four {
	position: absolute;
	top: 6.770833333vw;
	right: 7.8125vw;
	opacity: 0
}

.banner__leafs-four.active {
	animation: 1.2s leaf4 linear forwards;
	animation-delay: 0.25s
}

.banner__leafs-five {
	position: absolute;
	top: 11.45833333vw;
	right: 11.97916667vw;
	opacity: 0
}

.banner__leafs-five.active {
	animation: 1.2s leaf2 linear forwards;
	animation-delay: 0.15s
}

.banner__leafs-six {
	position: absolute;
	bottom: 4.166666667vw;
	left: 37%;
	opacity: 0
}

.banner__leafs-six.active {
	animation: 1.2s leaf linear forwards;
	animation-delay: 0.2s
}

.banner__leafs-seven {
	position: absolute;
	bottom: 3.125vw;
	right: 28%;
	opacity: 0
}

.banner__leafs-seven.active {
	animation: 1.2s leaf3 linear forwards;
	animation-delay: 0.3s
}

.banner__leafs-eight {
	position: absolute;
	bottom: 7.8125vw;
	right: 42%;
	opacity: 0
}

.banner__leafs-eight.active {
	animation: 1.2s leaf3 linear forwards
}

.banner__leafs-nine {
	position: absolute;
	bottom: 1.041666667vw;
	right: 43%;
	opacity: 0
}

.banner__leafs-nine.active {
	animation: 1.2s leaf linear forwards;
	animation-delay: 0.25s
}

.banner__leafs-ten {
	position: absolute;
	top: 9.895833333vw;
	right: 3.125vw;
	opacity: 0
}

.banner__leafs-ten.active {
	animation: 1.2s leaf2 linear forwards;
	animation-delay: 0.2s
}

.banner__leafs-elewen {
	position: absolute;
	top: 10.15625vw;
	left: 45%;
	opacity: 0
}

.banner__leafs-elewen.active {
	animation: 1.2s leaf4 linear forwards;
	animation-delay: 0.25s
}

.banner__leafs-twelve {
	position: absolute;
	top: 3.645833333vw;
	right: 0;
	transform: rotate(-45deg);
	opacity: 0
}

.banner__leafs-twelve.active {
	animation: 1.2s leaf5 linear forwards
}

.banner__leafs-thirteen {
	position: absolute;
	bottom: 8.333333333vw;
	left: 14.0625vw;
	transform: rotate(90deg);
	opacity: 0
}

.banner__leafs-thirteen.active {
	animation: 1.2s leaf6 linear forwards;
	animation-delay: 0.15s
}

.banner__leafs-fourteen {
	position: absolute;
	top: 3.645833333vw;
	left: 3.125vw;
	transform: rotate(140deg);
	opacity: 0
}

.banner__leafs-fourteen.active {
	animation: 1.2s leaf7 linear forwards
}

.branch-two__trigger {
	position: absolute;
	top: 50.52083333vw;
	left: 0;
	height: 0.3645833333vw;
	z-index: 100;
	width: 7.8125vw
}

.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 55;
	width: 100%;
	color: white;
	padding: 2.604166667vw 0 1.041666667vw;
	pointer-events: none
}

.menu.active {
	pointer-events: all
}

.menu .menu__bg {
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #001343;
	transform: scaleY(0);
	transform-origin: top
}

@media screen and (max-width: 767px) {
	.menu {
		padding: 15px 0 10px
	}
}

.menu__logo {
	opacity: 0;
	transform: translateY(1.04167vw)
}

@media screen and (min-width: 1921px) {
	.menu__logo {
		width: 4.84375vw;
		height: 1.979166667vw
	}
}

@media screen and (max-width: 767px) {
	.menu__logo {
		width: 74.4px;
		height: 30.4px
	}
}

.menu__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.604166667vw
}

@media screen and (max-width: 1120px) {
	.menu__top {
		margin-top: 15px;
		margin-bottom: 7px;
		justify-content: center
	}
}

.menu__top-fix {
	width: 2.604166667vw
}

@media screen and (max-width: 820px) {
	.menu__nav {
		transform: translateX(-25px)
	}
}

@media screen and (max-width: 767px) {
	.menu__nav {
		transform: translateX(0)
	}
}

.menu__nav-list {
	display: flex
}

@media screen and (max-width: 1120px) {
	.menu__nav-list {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
}

.menu__inner {
	/* max-width: 58vw; */
	max-width: 70vw;
	margin: 0 auto
}

@media screen and (max-width: 1300px) {
	.menu__inner {
		max-width: 70vw
	}
}

@media screen and (max-width: 1120px) {
	.menu__inner {
		max-width: 90vw;
		max-width: 90vw;
		position: relative;
		display: flex;
		flex-direction: column-reverse
	}
}

.menu__nav-item {
	display: inline-block;
	margin: 0 0.78125vw;
	font-size: 0.8333333333vw;
	letter-spacing: 0.05208333333vw;
	font-family: 'Gilroy', sans-serif;
	opacity: 0;
	transform: translateY(1.04167vw);
	cursor: pointer
}

.menu__nav-item a {
	color: #ffffff;
	transition: 0.3s color
}

.menu__nav-item:hover a {
	color: #0078b9
}

@media screen and (max-width: 1500px) {
	.menu__nav-item {
		font-size: 14px
	}
}

@media screen and (max-width: 580px) {
	.menu__nav-item {
		margin-bottom: 5px
	}
}

.menu__icons {
	display: flex;
	justify-content: flex-end
}

@media screen and (max-width: 1120px) {
	.menu__icons {
		justify-content: center;
		padding-top: 6px
	}
}

@media screen and (max-width: 1120px) {
	.menu__top-logo-link {
		position: absolute;
		left: 0;
		top: 4px
	}
}

.menu__icons-link {
	display: inline-block;
	margin-left: 0.5208333333vw;
	opacity: 0;
	transform: translateY(1.04167vw)
}

@media screen and (min-width: 1921px) {
	.menu__icons-link svg {
		width: 1.875vw;
		height: 1.875vw
	}
}

@media screen and (max-width: 767px) {
	.menu__icons-link svg {
		width: 25px;
		height: 25px
	}
}

.menu__icons-link path {
	transition: 0.3s
}

.menu__icons-link:hover path {
	fill: #fff
}

.content-fix {
	position: relative
}

@media screen and (max-width: 767px) {
	.content-fix {
		opacity: 0;
		overflow: hidden;
		margin-top: 25vw
	}
}

.content-triggers {
	position: absolute;
	top: 86.25vw;
	left: 0
}

.about-heading-trigger {
	position: absolute;
	top: 25.66666667vw;
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20
}

@media screen and (max-width: 767px) {
	.about-heading-trigger {
		top: 150vw
	}
}

.about2-heading-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 100.33333333vw
}

@media screen and (max-width: 767px) {
	.about2-heading-trigger {
		top: 400vw
	}
}

.watterfal-trigger-one {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 120.33333333vw
}

@media screen and (max-width: 767px) {
	.watterfal-trigger-one {
		top: 500vw
	}
}

.about3-heading-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 208.5vw
}

@media screen and (max-width: 767px) {
	.about3-heading-trigger {
		top: 650vw
	}
}

.about4-heading-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 278.5vw
}

@media screen and (max-width: 767px) {
	.about4-heading-trigger {
		top: 700vw
	}
}

.imuno-flasa-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 228.5vw
}

@media screen and (max-width: 767px) {
	.imuno-flasa-trigger {
		top: 720vw
	}
}

@media screen and (max-width: 450px) {
	.imuno-flasa-trigger {
		top: 830vw
	}
}

@media screen and (max-width: 420px) {
	.imuno-flasa-trigger {
		top: 850vw
	}
}

@media screen and (max-width: 400px) {
	.imuno-flasa-trigger {
		top: 890vw
	}
}

@media screen and (max-width: 380px) {
	.imuno-flasa-trigger {
		top: 900vw
	}
}

@media screen and (max-width: 360px) {
	.imuno-flasa-trigger {
		top: 940vw
	}
}

@media screen and (max-width: 340px) {
	.imuno-flasa-trigger {
		top: 950vw
	}
}

.imuno-flasa-target {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 248.5vw
}

@media screen and (max-width: 767px) {
	.imuno-flasa-target {
		top: 780vw
	}
}

@media screen and (max-width: 450px) {
	.imuno-flasa-target {
		top: 880vw
	}
}

@media screen and (max-width: 420px) {
	.imuno-flasa-target {
		top: 900vw
	}
}

@media screen and (max-width: 400px) {
	.imuno-flasa-target {
		top: 970vw
	}
}

@media screen and (max-width: 380px) {
	.imuno-flasa-target {
		top: 980vw
	}
}

@media screen and (max-width: 360px) {
	.imuno-flasa-target {
		top: 980vw
	}
}

@media screen and (max-width: 340px) {
	.imuno-flasa-target {
		top: 980vw
	}
}

.about-branch-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 41.66666667vw
}

@media screen and (max-width: 767px) {
	.about-branch-trigger {
		top: 250vw
	}
}

.fruska-gora-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 32.0625vw
}

@media screen and (max-width: 767px) {
	.fruska-gora-trigger {
		top: 140vw
	}
}

.negazirana-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 70.52083333vw
}

@media screen and (max-width: 767px) {
	.negazirana-trigger {
		top: 248vw
	}
}

@media screen and (max-width: 600px) {
	.negazirana-trigger {
		top: calc(248vw + 50px)
	}
}

@media screen and (max-width: 500px) {
	.negazirana-trigger {
		top: calc(248vw + 100px)
	}
}

@media screen and (max-width: 450px) {
	.negazirana-trigger {
		top: calc(248vw + 150px)
	}
}

@media screen and (max-width: 420px) {
	.negazirana-trigger {
		top: calc(248vw + 200px)
	}
}

@media screen and (max-width: 400px) {
	.negazirana-trigger {
		top: calc(248vw + 220px)
	}
}

@media screen and (max-width: 380px) {
	.negazirana-trigger {
		top: calc(248vw + 250px)
	}
}

@media screen and (max-width: 340px) {
	.negazirana-trigger {
		top: calc(248vw + 350px)
	}
}

.vitaminska-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 180.8958333vw
}

@media screen and (max-width: 767px) {
	.vitaminska-trigger {
		top: 490vw
	}
}

@media screen and (max-width: 610px) {
	.vitaminska-trigger {
		top: 510vw
	}
}

@media screen and (max-width: 550px) {
	.vitaminska-trigger {
		top: 530vw
	}
}

@media screen and (max-width: 450px) {
	.vitaminska-trigger {
		top: 610vw
	}
}

@media screen and (max-width: 410px) {
	.vitaminska-trigger {
		top: 620vw
	}
}

@media screen and (max-width: 400px) {
	.vitaminska-trigger {
		top: 650vw
	}
}

@media screen and (max-width: 380px) {
	.vitaminska-trigger {
		top: 670vw
	}
}

@media screen and (max-width: 350px) {
	.vitaminska-trigger {
		top: 680vw
	}
}

@media screen and (max-width: 340px) {
	.vitaminska-trigger {
		top: 700vw
	}
}

.vitaminska-trigger-mobile {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 40%;
	left: 0
}

.contact-trigger {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: 252.6041667vw
}

@media screen and (max-width: 767px) {
	.contact-trigger {
		top: -50px
	}
}

.skip-target {
	width: 10.41666667vw;
	height: 0.3645833333vw;
	z-index: 20;
	position: absolute;
	top: -8vw
}

@media screen and (max-width: 420px) {
	.skip-target {
		top: 36vw
	}
}

@media screen and (max-width: 360px) {
	.skip-target {
		top: 36vw
	}
}

.word {
	display: inline-block
}

.about-text__right {
	color: #dde7cf;
	max-width: 24.47916667vw
}

.about-text__right p {
	margin-bottom: 1.302083333vw;
	opacity: 0;
	transform: translateY(1.5625vw);
	transition: 0.5s;
	will-change: transform, opacity
}

@media screen and (max-width: 767px) {
	.about-text__right p {
		opacity: 1;
		transform: translateY(0)
	}
}

.about-text__right.active p {
	opacity: 1;
	transform: translateY(0)
}

.about-text__right.active p:nth-child(2) {
	transition-delay: 0.1s
}

.about-text__right.active p:nth-child(3) {
	transition-delay: 0.2s
}

.about-text__right.active p:nth-child(4) {
	transition-delay: 0.3s
}

.about-text__right.active p:nth-child(5) {
	transition-delay: 0.4s
}

@media screen and (max-width: 1500px) {
	.about-text__right {
		max-width: 27.47916667vw
	}
}

@media screen and (max-width: 1400px) {
	.about-text__right {
		max-width: 30.47916667vw
	}
}

@media screen and (max-width: 1300px) {
	.about-text__right {
		max-width: 33.47916667vw
	}
}

@media screen and (max-width: 1200px) {
	.about-text__right {
		max-width: 37.47916667vw
	}
}

@media screen and (max-width: 1100px) {
	.about-text__right {
		max-width: 40.47916667vw
	}
}

@media screen and (max-width: 1000px) {
	.about-text__right {
		max-width: 43.47916667vw
	}
}

@media screen and (max-width: 900px) {
	.about-text__right {
		max-width: 47.47916667vw
	}
}

@media screen and (max-width: 800px) {
	.about-text__right {
		max-width: 50.47916667vw
	}
}

@media screen and (max-width: 767px) {
	.about-text__right {
		max-width: 420px;
		opacity: 1;
		transform: translateY(0)
	}
}

.about-text__leafs {
	position: absolute;
	width: 31.25vw;
	height: 20.83333333vw;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3
}

@media screen and (max-width: 767px) {
	.about-text__leafs {
		display: none
	}
}

.about-text--three .about-text__leafs {
	top: 30%;
	z-index: 14
}

@media screen and (max-width: 767px) {
	.about-text--three .about-text__inner {
		position: static;
		transform: none !important
	}
}

.about-text--four .about-text__leafs {
	top: 30%
}

.about-text--four .about-text__inner {
	margin-bottom: 100px
}

.about-text__leafs-one {
	position: absolute;
	top: 3.645833333vw;
	left: 0.5208333333vw;
	opacity: 0;
	display: none;
	animation: 1.2s leaf linear forwards;
	animation-delay: 0.3s
}

.about-text__leafs-two {
	position: absolute;
	top: 0;
	left: 0.5208333333vw;
	opacity: 0;
	display: none;
	animation: 1.2s leaf3 linear forwards
}

.about-text__leafs-three {
	position: absolute;
	top: 9.375vw;
	left: 4.6875vw;
	opacity: 0;
	display: none;
	animation: 1.2s leaf2 linear forwards;
	animation-delay: 0.4s
}

.about-text__leafs-four {
	position: absolute;
	top: 12.23958333vw;
	right: 0.5208333333vw;
	opacity: 0;
	display: none;
	animation: 1.2s leaf4 linear forwards;
	animation-delay: 0.6s
}

.about-text__leafs-five {
	position: absolute;
	bottom: 2.083333333vw;
	right: 42%;
	opacity: 0;
	display: none;
	animation: 1.2s leaf5 linear forwards
}

.about-text__leafs-six {
	position: absolute;
	top: 4.6875vw;
	left: 41%;
	display: none;
	opacity: 0;
	animation: 1.2s leaf6 linear forwards;
	animation-delay: 0.25s
}

.about-text__leafs-seven {
	position: absolute;
	top: -2.083333333vw;
	left: 3.645833333vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf7 linear forwards;
	animation-delay: 0.3s
}

.about-text__leafs-eight {
	position: absolute;
	top: 4.6875vw;
	left: 3.645833333vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf linear forwards
}

.about-text__leafs.active img {
	display: block
}

.hotspot {
	position: absolute
}

.hotspot--about {
	bottom: -0.2604166667vw;
	left: 7.8125vw
}

@media screen and (max-width: 767px) {
	.hotspot--about {
		left: auto;
		right: 30vw;
		bottom: -18.25293351vw
	}
}

@media screen and (max-width: 600px) {
	.hotspot--about {
		bottom: -25vw;
		right: 5vw
	}
}

@media screen and (max-width: 480px) {
	.hotspot--about {
		right: 5vw;
		bottom: -140px
	}
}

@media screen and (max-width: 400px) {
	.hotspot--about {
		right: 20px
	}
}

@media screen and (max-width: 360px) {
	.hotspot--about {
		right: 30px
	}
}

@media screen and (max-width: 600px) {
	.about-text--one {
		margin-bottom: 50px
	}
}

@media screen and (max-width: 500px) {
	.about-text--one {
		margin-bottom: 100px
	}
}

@media screen and (max-width: 450px) {
	.about-text--one {
		margin-bottom: 150px
	}
}

@media screen and (max-width: 420px) {
	.about-text--one {
		margin-bottom: 200px
	}
}

@media screen and (max-width: 400px) {
	.about-text--one {
		margin-bottom: 250px
	}
}

@media screen and (max-width: 380px) {
	.about-text--one {
		margin-bottom: 300px
	}
}

@media screen and (max-width: 340px) {
	.about-text--one {
		margin-bottom: 350px
	}
}

@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(0)
	}

	40% {
		opacity: 1;
		transform: scale(0)
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: scale(1)
	}
}

@keyframes pulse2 {
	0% {
		opacity: 1;
		transform: scale(0)
	}

	40% {
		opacity: 1;
		transform: scale(0)
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: scale(1.2)
	}
}

@keyframes pulseIE {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	70% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes pulse2IE {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	70% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

.hotspot__indicator {
	width: 0.9375vw;
	height: 0.9375vw;
	min-width: 5px;
	min-height: 5px;
	cursor: pointer
}

.hotspot__indicator .hotspot__indicator-small {
	animation: 2.5s pulse2 0.2s infinite;
	transform-origin: center center
}

.hotspot__indicator .hotspot__indicator-big {
	animation: 2.5s pulse infinite;
	transform-origin: center center
}

@media screen and (min-width: 1921px) {
	.hotspot__indicator svg {
		width: 2.447916667vw;
		height: 2.447916667vw
	}
}

.ie .hotspot__indicator-small {
	animation: 2.5s pulse2IE infinite
}

.ie .hotspot__indicator-big {
	animation: 2.5s pulseIE 0.2s infinite
}

.hotspot__indicator-close {
	opacity: 0;
	transition: 0.3s
}

.hotspot__content {
	z-index: -1;
	font-size: 0.7291666667vw;
	letter-spacing: 0;
	line-height: 0.9375vw;
	color: #dde7cf;
	font-weight: 500;
	font-family: 'Gilroy', sans-serif;
	width: 16.5625vw;
	position: absolute;
	bottom: -0.3125vw;
	right: -4.427083333vw;
	opacity: 0;
	transition: 0.3s;
	transform: translateY(0.52083vw);
	will-change: transform;
	padding: 1.5625vw;
	visibility: hidden
}

.hotspot__content::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background-color: #050804;
	mix-blend-mode: multiply;
	z-index: -1;
	opacity: 0.7;
	border-radius: 1.041666667vw
}

@media screen and (max-width: 1500px) {
	.hotspot__content {
		width: 300px;
		font-size: 14px;
		line-height: 17px;
		padding: 20px 25px;
		bottom: -8px;
		right: -45px
	}
}

@media screen and (max-width: 767px) {
	.hotspot__content {
		width: 300px;
		font-size: 14px;
		line-height: 17px;
		padding: 20px 25px;
		bottom: -16px;
		right: -45px
	}
}

@media screen and (max-width: 380px) {
	.hotspot__content {
		width: 285px;
		font-size: 12px;
		line-height: 14px
	}
}

.hotspot {
	z-index: 31
}

.hotspot.active .hotspot__indicator-close {
	opacity: 1
}

.hotspot.active .hotspot__content {
	opacity: 1;
	transform: translate(0);
	visibility: visible
}

.hotspot.active .hotspot__indicator-small {
	opacity: 0 !important
}

.hotspot.active .hotspot__indicator-big {
	opacity: 0 !important
}

.about-text__img {
	z-index: -1;
	transform: translateY(1.5625vw);
	position: relative;
	width: 70.57291667vw;
	height: 47.29166667vw
}

@media screen and (max-width: 767px) {
	.about-text__img {
		width: 100vw;
		height: 133.3767927vw;
		transform: translateY(-6vw)
	}
}

.negazirana {
	position: relative;
	margin-top: 1.041666667vw
}

.negazirana__rock {
	position: absolute;
	top: 0;
	left: calc(50% - 1vw);
	transform: translate(-50%);
	z-index: 1;
	width: 39.58333333vw;
	height: 28.22916667vw
}

@media screen and (max-width: 767px) {
	.negazirana__rock {
		width: 100vw;
		height: 71.05606258vw
	}
}

.negazirana__waterfall {
	position: absolute;
	top: 2.604166667vw;
	left: calc(50% + 0.041666667vw);
	transform: translate(-50%);
	z-index: 1;
	width: 20.3125vw;
	height: 27.86458333vw
}

@media screen and (max-width: 767px) {
	.negazirana__waterfall {
		top: 4.604166667vw;
		width: 46.15384615vw;
		height: 57.23598435vw
	}
}

.negazirana__waterfall-mobile {
	display: none
}

@media screen and (max-width: 767px) {
	.negazirana__waterfall-mobile {
		top: 4.604166667vw;
		width: 67.15384615vw;
		z-index: 1;
		left: calc(50% + 1.041666667vw);
		transform: translate(-50%);
		position: absolute
	}
}

.negazirana__bush-bottom {
	position: absolute;
	bottom: 0;
	left: calc(50% + 0.9375vw);
	transform: translate(-50%);
	z-index: 7;
	pointer-events: none;
	width: 45.88541667vw;
	height: 20.83333333vw
}

@media screen and (max-width: 767px) {
	.negazirana__bush-bottom {
		width: 100vw;
		height: auto;
		bottom: -13vw
	}
}

.negazirana__bush-right {
	position: absolute;
	right: 10.41666667vw;
	top: 0;
	z-index: 1;
	width: 41.25vw;
	height: 23.48958333vw
}

@media screen and (max-width: 767px) {
	.negazirana__bush-right {
		width: 100vw;
		height: auto;
		right: -38vw
	}
}

.negazirana__bush-left {
	position: absolute;
	left: 10.41666667vw;
	top: -8.854166667vw;
	z-index: 1;
	width: 56.97916667vw;
	height: 49.58333333vw
}

@media screen and (max-width: 767px) {
	.negazirana__bush-left {
		top: -27.854167vw;
		left: 0;
		width: 47vw;
		height: auto
	}
}

.negazirana__slider {
	height: 37.5vw;
	max-width: 52.08333333vw;
	margin: 0 auto;
	z-index: 6;
	position: relative
}

@media screen and (max-width: 767px) {
	.negazirana__slider {
		height: 85.5vw;
		max-width: 65.08333333vw
	}
}

.negazirana__branch {
	position: absolute;
	bottom: 9.895833333vw;
	right: 28.125vw;
	z-index: 3;
	width: 5.78125vw;
	height: 10.26041667vw
}

.negazirana__slider-left,
.vitaminska__slider-left {
	position: absolute;
	left: 0;
	top: 25%;
	color: #fff;
	cursor: pointer
}

.negazirana__slider-left svg,
.vitaminska__slider-left svg {
	transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75)
}

@media screen and (min-width: 1921px) {

	.negazirana__slider-left svg,
	.vitaminska__slider-left svg {
		width: 1.614583333vw;
		height: 2.864583333vw
	}
}

@media screen and (max-width: 767px) {

	.negazirana__slider-left svg,
	.vitaminska__slider-left svg {
		width: 4.041720991vw;
		height: 7.170795306vw
	}
}

@media screen and (min-width: 767px) {

	.negazirana__slider-left:hover svg,
	.vitaminska__slider-left:hover svg {
		transform: scale(1.1, 1.2)
	}
}

@media screen and (min-width: 767px) {

	.negazirana__slider-left:active svg,
	.vitaminska__slider-left:active svg {
		transform: scale(0.9, 0.8)
	}
}

.negazirana__slider-right,
.vitaminska__slider-right {
	position: absolute;
	right: 0;
	top: 25%;
	color: #fff;
	cursor: pointer
}

.negazirana__slider-right svg,
.vitaminska__slider-right svg {
	transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75)
}

@media screen and (min-width: 1921px) {

	.negazirana__slider-right svg,
	.vitaminska__slider-right svg {
		width: 1.614583333vw;
		height: 2.864583333vw
	}
}

@media screen and (max-width: 767px) {

	.negazirana__slider-right svg,
	.vitaminska__slider-right svg {
		width: 4.041720991vw;
		height: 7.170795306vw
	}
}

@media screen and (min-width: 767px) {

	.negazirana__slider-right:hover svg,
	.vitaminska__slider-right:hover svg {
		transform: scale(1.1, 1.2)
	}
}

@media screen and (min-width: 767px) {

	.negazirana__slider-right:active svg,
	.vitaminska__slider-right:active svg {
		transform: scale(0.9, 0.8)
	}
}

.negazirana__slider-slide {
	position: absolute;
	bottom: 10.92083333vw;
	left: 50.5208333333%;
	transform: translateX(-50%);
	/* width: 17.125vw; */
    width: 45vw;
	display: flex;
	justify-content: center;
	height: 39vw
}

@media screen and (max-width: 767px) {
	.negazirana__slider-slide {
		bottom: 18.92083333vw;
		width: 39.1642764vw;
		height: 92vw
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(0.5)
	}
}

@keyframes jumpUp {
	0% {
		transform: scale(1, 1) translateY(100%)
	}

	10% {
		transform: scale(1, 1) translateY(100%)
	}

	30% {
		transform: scale(1, 1) translateY(-3.20833vw)
	}

	50% {
		transform: scale(1, 1) translateY(0)
	}

	57% {
		transform: scale(1, 1) translateY(0)
	}

	64% {
		transform: scale(1, 1) translateY(0)
	}

	100% {
		transform: scale(1, 1) translateY(0)
	}
}

@keyframes jumpUp2 {
	0% {
		transform: scale(1, 1) translateY(190%)
	}

	10% {
		transform: scale(1, 1) translateY(100%)
	}

	30% {
		transform: scale(1, 1) translateY(-3.20833vw)
	}

	50% {
		transform: scale(1, 1) translateY(0)
	}

	57% {
		transform: scale(1, 1) translateY(0)
	}

	64% {
		transform: scale(1, 1) translateY(0)
	}

	100% {
		transform: scale(1, 1) translateY(0)
	}
}

.negazirana__bottle {
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	/* width: 16.125vw; */
    width: 50vw;
	will-change: transform;
}

@media screen and (max-width: 767px) {
	.negazirana__bottle {
		width: 22.1642764vw;
		height: auto
	}
}

.mala .negazirana__bottle {
	width: 7.725vw
}

@media screen and (max-width: 767px) {
	.mala .negazirana__bottle {
		width: 18.1642764vw;
		height: auto
	}
}

.srednja .negazirana__bottle {
	/* width: 8.725vw; */
    width: 50vw;
}

@media screen and (max-width: 767px) {
	.srednja .negazirana__bottle {
		width: 20.1642764vw;
		height: auto
	}
}

.velika .negazirana__bottle {
	/* width: 16.725vw; */
    width: 100%;
}

@media screen and (max-width: 767px) {
	.velika .negazirana__bottle {
		/*width: 39.1642764vw;*/
		width: 60vw;
		height: auto
	}
}

.active .negazirana__bottle {
	animation: 1.2s jumpUp forwards
}

.negazirana__slider-leafs {
	position: absolute;
	left: 50%;
	bottom: 13.02083333vw;
	transform: translate(-50%);
	width: 26.04166667vw;
	height: 15.625vw;
	z-index: 9;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.negazirana__slider-leafs {
		display: none
	}
}

@keyframes leafUp {
	0% {
		opacity: 1;
		transform: translate(-4.16667vw, 12.8125vw)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUp2 {
	0% {
		opacity: 1;
		transform: translate(-2.60417vw, 7.8125vw)
	}

	20% {
		opacity: 1;
		transform: translate(-2.60417vw, 7.8125vw)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUp3 {
	0% {
		opacity: 1;
		transform: translate(2.60417vw, 7.8125vw)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUp4 {
	0% {
		opacity: 1;
		transform: translate(0, 7.8125vw)
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUp5 {
	0% {
		opacity: 1;
		transform: translate(4.16667vw, 7.8125vw)
	}

	20% {
		opacity: 1;
		transform: translate(4.16667vw, 7.8125vw)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

.negazirana__slider-leaf-one {
	position: absolute;
	right: 3.125vw;
	top: 4.166666667vw;
	opacity: 0
}

.negazirana__slider-leaf-two {
	position: absolute;
	right: 7.291666667vw;
	bottom: 5.208333333vw;
	opacity: 0
}

.negazirana__slider-leaf-three {
	position: absolute;
	left: 7.291666667vw;
	bottom: 6.25vw;
	opacity: 0
}

.negazirana__slider-leaf-four {
	position: absolute;
	right: 4.6875vw;
	bottom: 6.25vw;
	opacity: 0
}

.negazirana__slider-leaf-five {
	position: absolute;
	right: 10.41666667vw;
	bottom: 3.645833333vw;
	opacity: 0
}

.negazirana__slider-leaf-six {
	position: absolute;
	left: 5.208333333vw;
	top: 5.208333333vw;
	opacity: 0
}

.negazirana__slider-leaf-seven {
	position: absolute;
	left: 11.45833333vw;
	bottom: 4.6875vw;
	opacity: 0
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-one {
	animation: 1.2s leafUp
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-two {
	animation: 1.2s leafUp2
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-three {
	animation: 1.2s leafUp3
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-four {
	animation: 1.2s leafUp2
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-five {
	animation: 1.2s leafUp4
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-six {
	animation: 1.2s leafUp5
}

.negazirana__slider-leafs.active .negazirana__slider-leaf-seven {
	animation: 1.2s leafUp4
}

.about-text__branch {
	position: absolute;
	z-index: 3;
	bottom: 3.645833333vw;
	transform-origin: 15% 70%;
	left: 33%;
	width: 13.85416667vw;
	height: 11.19791667vw
}

.about-text__branch.active {
	animation: 1.8s shake2
}

@media screen and (max-width: 767px) {
	.about-text__branch {
		width: 32.85416667vw;
		height: auto;
		left: 15vw;
		bottom: 18vw
	}
}

@media screen and (max-width: 600px) {
	.about-text__branch {
		bottom: 5vw
	}
}

@media screen and (max-width: 480px) {
	.about-text__branch {
		width: 40.85416667vw;
		left: 5vw;
		bottom: -5vw
	}
}

@media screen and (max-width: 450px) {
	.about-text__branch {
		bottom: -90px
	}
}

@media screen and (max-width: 400px) {
	.about-text__branch {
		bottom: -150px
	}
}

@media screen and (max-width: 380px) {
	.about-text__branch {
		bottom: -200px
	}
}

@media screen and (max-width: 340px) {
	.about-text__branch {
		bottom: -250px
	}
}

.hotspot--negazirana {
	position: absolute;
	left: 38.02083333vw;
	top: 6.25vw
}

.hotspot--negazirana .hotspot__indicator-small {
	animation-delay: 0.6s
}

.hotspot--negazirana .hotspot__indicator-big {
	animation-delay: 0.4s
}

@media screen and (max-width: 767px) {
	.hotspot--negazirana {
		left: 19.0208vw;
		top: 9.25vw
	}

	.hotspot--negazirana .hotspot__content {
		left: -10px
	}
}

.ie .hotspot--negazirana .hotspot__indicator-small {
	animation-delay: 0.4s
}

.ie .hotspot--negazirana .hotspot__indicator-big {
	animation-delay: 0.6s
}

.about2-text__img {
	position: relative;
	z-index: 2;
	width: 80.57291667vw;
	height: 30.83333333vw
}

@media screen and (max-width: 767px) {
	.about2-text__img {
		width: 100vw;
		height: 78.87874837vw
	}
}

.about2-text__img2 {
	margin-top: -26.5625vw;
	width: 98.38541667vw;
	height: 46.51041667vw
}

@media screen and (max-width: 767px) {
	.about2-text__img2 {
		width: 100vw;
		height: 119.2959583vw;
		margin-top: -80.5625vw
	}
}

@media screen and (max-width: 650px) {
	.about2-text__img2 {
		margin-top: -60vw
	}
}

@media screen and (max-width: 450px) {
	.about2-text__img2 {
		margin-top: -20vw
	}
}

@media screen and (max-width: 400px) {
	.about2-text__img2 {
		margin-top: 0
	}
}

.about2-text__leafs-one {
	position: absolute;
	right: 5.729166667vw;
	bottom: 0.5208333333vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf linear forwards
}

.about2-text__leafs-two {
	position: absolute;
	left: 6.770833333vw;
	top: -7.291666667vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf2 linear forwards
}

.about2-text__leafs-three {
	position: absolute;
	right: 3.645833333vw;
	bottom: 7.8125vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf3 linear forwards
}

.about2-text__leafs-four {
	position: absolute;
	right: 1.5625vw;
	bottom: 2.083333333vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf4 linear forwards
}

.about2-text__leafs-five {
	position: absolute;
	right: 4.6875vw;
	top: -3.645833333vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf5 linear forwards
}

.about2-text__leafs-six {
	position: absolute;
	left: 10.9375vw;
	top: -2.604166667vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf6 linear forwards
}

.about2-text__leafs-seven {
	position: absolute;
	left: 9.375vw;
	top: 1.041666667vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf7 linear forwards
}

.about2-text__leafs-eight {
	position: absolute;
	right: 11.97916667vw;
	bottom: 5.729166667vw;
	display: none;
	opacity: 0;
	animation: 1.2s leaf linear forwards
}

.stream {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: -23.95833333vw
}

@media screen and (max-width: 767px) {
	.stream {
		margin-top: -50vw
	}
}

@media screen and (max-width: 650px) {
	.stream {
		margin-top: -40vw
	}
}

@media screen and (max-width: 450px) {
	.stream {
		margin-top: -15vw
	}
}

.stream__img {
	width: 66.77083333vw;
	height: 65.67708333vw;
	position: relative;
	z-index: -1
}

@media screen and (max-width: 767px) {
	.stream__img {
		width: 100vw;
		height: auto
	}
}

.stream__branch {
	position: absolute;
	top: 10.41666667vw;
	left: 19.79166667vw;
	width: 62.34375vw;
	height: 35.67708333vw;
	z-index: -1
}

@media screen and (max-width: 767px) {
	.stream__branch {
		width: 100vw;
		height: auto;
		left: 0;
		top: 29vw
	}
}

@media screen and (max-width: 650px) {
	.stream__branch {
		top: 21vw
	}
}

@media screen and (max-width: 450px) {
	.stream__branch {
		top: -7vw
	}
}

.stream__fern-one {
	position: absolute;
	left: 7.291666667vw;
	bottom: 9.375vw;
	width: 30.98958333vw;
	height: 22.08333333vw
}

@media screen and (max-width: 767px) {
	.stream__fern-one {
		left: 0;
		width: 33.3767927vw;
		height: 48.37027379vw
	}
}

.stream__fern-two {
	position: absolute;
	left: 6.25vw;
	bottom: 7.8125vw;
	width: 23.07291667vw;
	height: 42.23958333vw
}

@media screen and (max-width: 767px) {
	.stream__fern-two {
		left: 0;
		width: 16.68839635vw;
		height: 98.43546284vw;
		bottom: -25vw
	}
}

.stream-water {
	position: absolute;
	left: 31.92708333vw;
	bottom: 1.770833333vw;
	width: 34.21875vw;
	height: 20.15625vw;
	background-size: contain
}

@media screen and (max-width: 767px) {
	.stream-water {
		display: none
	}
}

@media screen and (min-width: 767px) {
	.svgfilters .stream-water {
		filter: url("#turbulence2")
	}
}

@media screen and (min-width: 767px) {
	.svgfilters .banner-hero__img-front-water {
		filter: url("#turbulence")
	}
}

@media screen and (min-width: 767px) {
	.safari .stream-water {
		filter: none
	}
}

@media screen and (min-width: 767px) {
	.safari .banner-hero__img-front-water {
		filter: none
	}
}

.vitaminska {
	position: relative;
	z-index: 12
}

@media screen and (max-width: 767px) {
	.vitaminska {
		height: 120vw
	}
}

.vitaminska__bush-bottom {
	position: absolute;
	bottom: 3.208333333vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 7;
	width: 98.64583333vw;
	height: 32.29166667vw
}

@media screen and (max-width: 767px) {
	.vitaminska__bush-bottom {
		width: 100vw;
		height: auto
	}
}

.vitaminska__rock {
	position: absolute;
	top: 7.291666667vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	width: 26.25vw;
	height: 12.76041667vw
}

@media screen and (max-width: 767px) {
	.vitaminska__rock {
		width: 65.71056063vw;
		height: auto;
		top: 29.291666667vw
	}
}

.vitaminska__slider {
	height: 43.5vw;
	max-width: 52.08333333vw;
	margin: 0 auto;
	z-index: 5;
	position: relative;
	overflow: hidden;
	top: 0;
	/* transform: translateY(-19.41667vw); */
    transform: translateY(-19.41667vw);
}

.vitaminska__slider .vitaminska__slider-slide {
	overflow: visible
}

@media screen and (max-width: 767px) {
	.vitaminska__slider .vitaminska__slider-slide {
		padding-bottom: 19.55671447vw
	}
}

@media screen and (max-width: 767px) {
	.vitaminska__slider {
		max-width: 65.08333333vw;
		height: 111vw;
		transform: translateY(-52.41667vw)
	}
}

.vitaminska__slider-left {
	position: absolute;
	top: 30%;
	left: 0
}

@media screen and (max-width: 767px) {
	.vitaminska__slider-left {
		top: 40%
	}
}

.vitaminska__slider-right {
	position: absolute;
	top: 30%;
	right: 0
}

@media screen and (max-width: 767px) {
	.vitaminska__slider-right {
		top: 40%
	}
}

.vitaminska__bush-left {
	position: absolute;
	top: -7.8125vw;
	left: 18.22916667vw;
	z-index: 1;
	width: 40.67708333vw;
	height: 23.80208333vw
}

.vitaminska__bush-right {
	position: absolute;
	top: -3.125vw;
	right: 0;
	z-index: 1;
	width: 40.67708333vw;
	height: 23.80208333vw
}

.vitaminska__moss {
	position: absolute;
	top: 1.041666667vw;
	left: 50%;
	transform: translate(-50%);
	z-index: 3;
	width: 52.13541667vw;
	height: 15.78125vw
}

@media screen and (max-width: 767px) {
	.vitaminska__moss {
		width: 140vw;
		height: auto;
		top: 6vw
	}
}

.vitaminska__fern {
	position: absolute;
	top: -10.41666667vw;
	left: calc(50% - 1.5625vw);
	z-index: 2;
	transform: translate(-50%);
	width: 50.52083333vw;
	height: 22.55208333vw
}

@media screen and (max-width: 767px) {
	.vitaminska__fern {
		height: auto;
		top: -30.41666667vw;
		width: 140vw
	}
}

.vitaminska__slider-slide {
	position: absolute;
	/* top: -4.02083333vw; */
    top: -15.02083333vw;
	left: 50.5208333333%;
	transform: translateX(-50%);
	overflow: hidden;
	/* padding-top: 7.8125vw */
}

@media screen and (max-width: 767px) {
	.vitaminska__slider-slide {
		top: 6.02083333vw
	}
}

.vitaminska__slider-leafs {
	position: absolute
}

@media screen and (max-width: 767px) {
	.vitaminska__slider-leafs {
		/*display: none;*/
		display: block;
	}
}

.hotspot--vitaminska {
	top: 0.854166667vw;
	left: 35.9375vw
}

@media screen and (max-width: 767px) {
	.hotspot--vitaminska {
		top: 25vw;
		left: 8vw
	}

	.hotspot--vitaminska .hotspot__content {
		left: -10px
	}
}

.vitaminska__slider-leafs {
	position: absolute;
	bottom: 5.729166667vw;
	left: 50%;
	transform: translateX(-50%);
	width: 17.96875vw;
	height: 28.125vw;
	z-index: 2
}

.vitaminska__slider-leaf-one {
	position: absolute;
	top: 14.58333333vw;
	left: 6.25vw;
	opacity: 0
}

.vitaminska__slider-leaf-two {
	position: absolute;
	top: 14.58333333vw;
	right: 4.166666667vw;
	opacity: 0
}

.vitaminska__slider-leaf-three {
	position: absolute;
	top: 18.22916667vw;
	left: 6.770833333vw;
	opacity: 0
}

.vitaminska__slider-leaf-four {
	position: absolute;
	top: 2.604166667vw;
	right: 4.6875vw;
	opacity: 0
}

.vitaminska__slider-leaf-five {
	position: absolute;
	top: 20.83333333vw;
	left: 10.41666667vw;
	opacity: 0
}

.vitaminska__slider-leaf-six {
	position: absolute;
	top: 0;
	left: 4.6875vw;
	opacity: 0
}

.vitaminska__slider-leaf-seven {
	position: absolute;
	top: 10.41666667vw;
	left: 5.208333333vw;
	opacity: 0
}

@keyframes leafUpVitaminska {
	0% {
		opacity: 1;
		transform: translate(0, 12.5vw)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUpVitaminska2 {
	0% {
		opacity: 1;
		transform: translate(0, 12.5vw)
	}

	20% {
		opacity: 1;
		transform: translate(0, 12.5vw)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUpVitaminska3 {
	0% {
		opacity: 1;
		transform: translate(0, 7.8125vw)
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUpVitaminska4 {
	0% {
		opacity: 1;
		transform: translate(0, 23.4375vw)
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

@keyframes leafUpVitaminska5 {
	0% {
		opacity: 1;
		transform: translate(0, 26.04167vw)
	}

	30% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translate(0, 0)
	}
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-one {
	animation: 1.2s leafUpVitaminska
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-two {
	animation: 1.2s leafUpVitaminska2
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-three {
	animation: 1.2s leafUpVitaminska3
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-four {
	animation: 1.5s leafUpVitaminska4
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-five {
	animation: 1.2s leafUpVitaminska
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-six {
	animation: 1.5s leafUpVitaminska5
}

.vitaminska__slider-leafs.active .vitaminska__slider-leaf-seven {
	animation: 1.2s leafUpVitaminska4
}

.vitaminska__bottle {
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	/* width: 6.979166667vw; */
    width: 50vw;
	/* height: 24.47916667vw; */
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__bottle {
		width: 20.46936115vw;
		height: 71.57757497vw
	}
}

.active .vitaminska__bottle {
	animation: 1.2s jumpUp2 forwards
}

.hotspot--stream {
	top: 27.34375vw;
	left: 56.77083333vw;
	z-index: 31
}

.hotspot--stream .hotspot__indicator-small {
	animation-delay: 0.8s
}

.hotspot--stream .hotspot__indicator-big {
	animation-delay: 0.6s
}

@media screen and (max-width: 1500px) {
	.hotspot--stream {
		top: 33vw
	}
}

@media screen and (max-width: 767px) {
	.hotspot--stream {
		top: 61vw;
		left: 75vw
	}
}

@media screen and (max-width: 670px) {
	.hotspot--stream {
		top: 68vw
	}
}

@media screen and (max-width: 450px) {
	.hotspot--stream {
		top: 50vw
	}
}

@media screen and (max-width: 400px) {
	.hotspot--stream {
		top: 55vw
	}
}

@media screen and (max-width: 350px) {
	.hotspot--stream {
		top: 60vw
	}
}

.ie .hotspot--stream .hotspot__indicator-small {
	animation-delay: 0.6s
}

.ie .hotspot--stream .hotspot__indicator-big {
	animation-delay: 0.8s
}

.about3-text__img3 {
	position: absolute;
	top: 13.02083333vw;
	left: 33.85416667vw;
	width: 21.04166667vw;
	height: 30.10416667vw
}

.about-text--three {
	overflow: hidden;
	margin-top: -18.625vw
}

.about-text--three .about-text__inner {
	top: 0;
	z-index: 15;
	transform: translateX(-50%)
}

@media screen and (max-width: 767px) {
	.about-text--three .about-text__inner {
		top: 17.166666667vw
	}
}

@media screen and (max-width: 767px) {
	.about-text--three {
		margin-top: -61.625vw
	}
}

.about-text--four {
	margin-top: 0
}

.about3-text__img {
	width: 75.57291667vw;
	height: 51.29166667vw
}

@media screen and (max-width: 1500px) {
	.about3-text__img {
		margin-top: 150px
	}
}

@media screen and (max-width: 1400px) {
	.about3-text__img {
		margin-top: 200px
	}
}

@media screen and (max-width: 1300px) {
	.about3-text__img {
		margin-top: 250px
	}
}

@media screen and (max-width: 1200px) {
	.about3-text__img {
		margin-top: 300px
	}
}

@media screen and (max-width: 1100px) {
	.about3-text__img {
		margin-top: 350px
	}
}

@media screen and (max-width: 1000px) {
	.about3-text__img {
		margin-top: 400px
	}
}

@media screen and (max-width: 950px) {
	.about3-text__img {
		margin-top: 450px
	}
}

@media screen and (max-width: 900px) {
	.about3-text__img {
		margin-top: 500px
	}
}

@media screen and (max-width: 850px) {
	.about3-text__img {
		margin-top: 550px
	}
}

@media screen and (max-width: 767px) {
	.about3-text__img {
		width: 100vw;
		height: 118.904824vw;
		position: relative;
		z-index: 9;
		margin-top: 0
	}
}

.about3-text__img2 {
	position: absolute;
	bottom: -7.8125vw;
	left: 50%;
	transform: translateX(-50%);
	width: 70.57291667vw;
	height: 47.29166667vw
}

@media screen and (max-width: 767px) {
	.about3-text__img2 {
		width: 100vw;
		height: 118.904824vw
	}
}

.footer {
	max-width: 50vw;
	width: 100%;
	margin: 200px auto 0;
	z-index: 30;
	transform: translateY(-9.89583vw);
	height: 16.14583333vw;
	position: relative;
	transition: 0.5s
}

.footer.opened {
	transform: translateY(-3.89583vw)
}

.footer.opened .footer__list {
	padding-bottom: 50px
}

@media screen and (max-width: 767px) {
	.footer.opened .footer__list {
		padding-bottom: 15px
	}
}

@media screen and (max-width: 1550px) {
	.footer {
		height: 22vw
	}
}

@media screen and (max-width: 1500px) {
	.footer {
		max-width: 59vw
	}
}

@media screen and (max-width: 1400px) {
	.footer {
		max-width: 62vw
	}
}

@media screen and (max-width: 1300px) {
	.footer {
		max-width: 66vw
	}
}

@media screen and (max-width: 1200px) {
	.footer {
		max-width: 70vw
	}
}

@media screen and (max-width: 1100px) {
	.footer {
		max-width: 76vw
	}
}

@media screen and (max-width: 1000px) {
	.footer {
		max-width: 82vw
	}
}

@media screen and (max-width: 900px) {
	.footer {
		max-width: 86vw
	}
}

@media screen and (max-width: 800px) {
	.footer {
		max-width: 92vw
	}
}

@media screen and (max-width: 767px) {
	.footer {
		max-width: 90vw;
		z-index: 30;
		height: auto;
		margin-top: 0
	}
}

@media screen and (max-width: 420px) {
	.footer {
		margin-top: 50px
	}
}

@media screen and (max-width: 400px) {
	.footer {
		margin-top: 80px
	}
}

@media screen and (max-width: 380px) {
	.footer {
		margin-top: 120px
	}
}

@media screen and (max-width: 350px) {
	.footer {
		margin-top: 120px
	}
}

.footer__top {
	padding: 0 0.5208333333vw
}

.footer__list {
	display: flex;
	justify-content: space-between;
	padding-bottom: 6.770833333vw;
	transition: 0.5s
}

.footer__bottom {
	padding: 0.9375vw 0.5208333333vw 0
}

.footer__bottom-top {
	padding-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 0.1041666667vw solid #0078b9
}

@media screen and (max-width: 1920px) {
	.footer__bottom-top {
		border-bottom: 1px solid #0078b9
	}
}

@media screen and (max-width: 650px) {
	.footer__bottom-top {
		flex-direction: column;
		align-items: center
	}
}

.footer__bottom-list {
	display: flex
}

@media screen and (max-width: 480px) {
	.footer__bottom-list {
		flex-direction: column;
		align-items: center
	}
}

.footer__bottom-link {
	font-size: 0.83333vw;
	letter-spacing: 0.05208333333vw;
	color: #dde7cf;
	font-weight: bold;
	font-family: 'Gilroy', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	margin-left: 40px;
	transition: 0.3s
}

.footer__bottom-link:hover {
	color: #0078b9
}

@media screen and (max-width: 1500px) {
	.footer__bottom-link {
		font-size: 16px
	}
}

@media screen and (max-width: 650px) {
	.footer__bottom-link {
		margin: 0 10px
	}
}

@media screen and (max-width: 650px) {
	.footer__bottom-logo {
		margin-bottom: 15px
	}
}

.footer__bottom-bottom {
	color: #dde7cf;
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
	font-family: 'Gilroy';
	font-size: 0.625vw
}

@media screen and (max-width: 1920px) {
	.footer__bottom-bottom {
		font-size: 12px
	}
}

.footer__bottom-bottom a {
	color: #dde7cf;
	font-weight: bold;
	transition: 0.3s
}

.footer__bottom-bottom a:hover {
	color: #0078b9
}

@media screen and (max-width: 1000px) {
	.footer__bottom-bottom {
		flex-direction: column
	}
}

@media screen and (max-width: 1000px) {
	.footer__bottom-copy {
		margin-bottom: 5px
	}
}

.skip-intro {
	position: fixed;
	top: 2.5504166667vw;
	/* left: 8vw; */
	left: 12vw;
	transform: translateX(-50%);
	z-index: 45;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Gilroy';
	cursor: pointer;
	/* opacity: 0.5; */
	opacity: 1;
	transition: 0.3s;
	/* border-radius: 24px;
	border: 2px solid #fff; */
	font-size: 18px;
	/* spadding: 7px 18px */
}

.skip-intro.show {
	opacity: 1;
	color: #fff;
	background: transparent
}

.skip-intro:hover {
	/* background: #fff; */
	color: #0078b9;
	opacity: 1
}

.skip-intro.remove {
	/* opacity: 0;
	visibility: hidden */
	opacity: 1;
	visibility: visible;
}

@media screen and (min-width: 1921px) {
	.skip-intro {
		font-size: 0.8333333333vw;
		border: 0.10417vw solid #fff;
		padding: 0.4708333333vw 1.302083333vw
	}
}

@media screen and (max-width: 1350px) {
	.skip-intro {
		left: 5vw;
		transform: translate(0)
	}
}

@media screen and (max-width: 767px) {
	.skip-intro {
		left: 5vw;
		font-size: 14px;
		padding: 6px 12px;
		transform: translate(0);
		top: 3.2vw
	}
	.skip-intro>img {
	    width: 150px;
	}
}

@media screen and (max-width: 480px) {
	.skip-intro {
		top: 16px
	}
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 370;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.822916667vw;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	background: #0082ca;
	transition: 1s
}

.loader::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	/* background: #001343; */
	background-color: #ccc;
	z-index: -1
}

@keyframes wave {
	0% {
		x: -714
	}

	100% {
		x: 0
	}
}

.loader__wave {
	animation: wave 1.4s infinite linear;
	transition: 0.2s
}

.loading .loader {
	opacity: 1;
	visibility: visible
}

.loader__img {
	position: absolute;
	top: 0;
	right: 0;
	width: 125vw;
	height: 80.52083333vw;
	z-index: -1
}

@media screen and (max-width: 767px) {
	.loader__img {
		width: 100vw;
		height: auto
	}
}

.loader__percentage {
	font-size: 3.229166667vw;
	letter-spacing: 0.15625vw;
	color: #026941;
	font-family: 'Gilroy', sans-serif;
	font-weight: 500
}

@media screen and (max-width: 767px) {
	.loader__percentage {
		font-size: 14px;
		transform: translateY(80px)
	}
}

.loader__percentage-precentage {
	font-size: 2.229166667vw
}

.loader__text {
	font-size: 1.09375vw;
	letter-spacing: 0.2083333333vw;
	line-height: 1.927083333vw;
	color: #00aeff;
	font-family: 'Gilroy', sans-serif;
	text-align: center;
	text-transform: uppercase;
	transform: translateY(-50px)
}

@media screen and (max-width: 767px) {
	.loader__text {
		font-size: 14px;
		transform: translateY(-90px)
	}
}

.negazirana__slider-title {
	position: absolute;
	left: 115%;
	width: 15.625vw;
	top: 60%;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2vw;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: 'Gilroy', sans-serif;
	opacity: 0;
	transform: translateY(20px);
	will-change: transform, opacity;
	pointer-events: none;
	color: #dde7cf
}

@media screen and (max-width: 767px) {
	.negazirana__slider-title {
		font-size: 18px;
		top: -15px;
		left: 50%;
		transform: translate(-50%, 20px);
		width: 100vw;
		text-align: center
	}

	.negazirana__slider-title br {
		display: none
	}
}

.vitaminska__slider-title {
	position: absolute;
	left: 140%;
	width: 15.625vw;
	top: 60%;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2vw;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: 'Gilroy', sans-serif;
	opacity: 0;
	transform: translateY(20px);
	will-change: transform, opacity;
	color: #dde7cf
}

@media screen and (max-width: 767px) {
	.vitaminska__slider-title {
		top: -20px;
		left: 50%;
		transform: translate(-50%, 20px);
		width: 100vw;
		max-width: 100vw;
		text-align: center;
		font-size: 18px
	}

	.vitaminska__slider-title br {
		display: none
	}
}

.imuno-title {
	position: absolute;
	left: 58%;
	width: 15.625vw;
	top: 45%;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.041666667vw;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: 'Gilroy', sans-serif;
	opacity: 1;
	transform: none;
	will-change: transform, opacity;
	color: #dde7cf;
	transition: 0.3s opacity 0.3s, 0.3s transform 0.3s
}

.imuno-title.hidden {
	opacity: 0;
	transform: translateY(20px)
}

@media screen and (max-width: 767px) {
	.imuno-title {
		top: calc(50% - 46vw);
		left: calc(50% - 12px);
		transform: translate(-50%, 0);
		width: 100vw;
		max-width: 100vw;
		text-align: center;
		font-size: 18px
	}

	.imuno-title.hidden {
		opacity: 0;
		transform: translate(-50%, 20px)
	}

	.imuno-title br {
		display: none
	}
}

@media screen and (max-width: 360px) {
	.imuno-title {
		top: calc(50% - 52vw)
	}
}

.active .vitaminska__slider-title {
	opacity: 1;
	transform: translateY(0);
	transition: 0.5s
}

@media screen and (max-width: 767px) {
	.active .vitaminska__slider-title {
		transform: translate(-50%, 0)
	}
}

.active .negazirana__slider-title {
	opacity: 1;
	transform: translateY(0);
	transition: 0.5s
}

@media screen and (max-width: 767px) {
	.active .negazirana__slider-title {
		transform: translate(-50%, 0)
	}
}

.negazirana__slider-inner {
	overflow: hidden;
	padding-top: 7.8125vw;
	display: flex;
	align-items: flex-end
}

.footer__inner {
	position: absolute;
	width: 100%;
	bottom: 0
}

@media screen and (max-width: 767px) {
	.footer__inner {
		position: static
	}
	.negazirana__slider-inner {

	display: inline-table;

}
}

.footer__form {
	height: 0;
	overflow: hidden;
	transition: 0.5s;
	position: relative
}

.footer__form form {
	position: relative;
	max-width: 500px;
	margin: 0 auto
}

@media screen and (min-width: 1921px) {
	.footer__form form {
		max-width: 26.04166667vw
	}
}

.footer__form label {
	display: none
}

@media screen and (max-width: 767px) {
	.footer__form {
		height: auto
	}
}

.footer__form-fill {
	font-family: 'Gilroy', sans-serif;
	font-size: 12px;
	color: #dde7cf;
	opacity: 0.8;
	margin-top: 20px;
	text-align: right
}

@media screen and (min-width: 1921px) {
	.footer__form-fill {
		font-size: 0.6291666667vw;
		margin-top: 1.04166666vw
	}
}

.wpcf7-list-item-label {
	font-family: 'Gilroy', sans-serif
}

.footer__bottom-copy {
	font-family: 'Gilroy', sans-serif
}

.footer__bottom-right {
	font-family: 'Gilroy', sans-serif
}

.footer__form-bottom-checkbox {
	font-family: 'Gilroy';
	margin-top: 40px;
	font-size: 10px;
	color: #dde7cf;
	position: relative
}

.footer__form-bottom-checkbox .wpcf7-not-valid-tip {
	position: absolute;
	transform: translateY(100%);
	bottom: 0
}

@media screen and (min-width: 1921px) {
	.footer__form-bottom-checkbox {
		font-size: 0.5208333333vw;
		margin-top: 2.04166666vw
	}
}

.wpcf7-not-valid-tip {
	font-family: 'Gilroy';
	font-size: 12px
}

@media screen and (min-width: 1921px) {
	.wpcf7-not-valid-tip {
		font-size: 0.625vw
	}
}

.footer__form-top span {
	display: block;
	width: 100%;
	position: relative
}

.footer__form-top span input {
	width: 100%;
	color: #dde7cf;
	background: transparent;
	border: none;
	padding: 15px 15px 5px 15px;
	border-bottom: 1px solid #0082ca;
	font-size: 18px;
	letter-spacing: 0px;
	font-family: 'Gilroy', sans-serif
}

.footer__form-top span input:-ms-input-placeholder {
	color: #dde7cf;
	font-style: italic
}

.footer__form-top span input::placeholder {
	color: #dde7cf;
	font-style: italic
}

@media screen and (min-width: 1921px) {
	.footer__form-top span input {
		padding: 0.78125vw 0.78125vw 0.26vw 0.78125vw;
		font-size: 0.8333333333vw;
		border-bottom: 0.05208333333vw solid #0082ca
	}
}

.footer__form-top span span {
	position: absolute;
	top: 100%;
	width: 100%
}

.footer__form-middle {
	padding-top: 15px
}

.footer__form-middle textarea {
	width: 100%;
	color: #dde7cf;
	background: transparent;
	border: none;
	padding: 15px;
	font-size: 18px;
	letter-spacing: 0px;
	font-family: 'Gilroy', sans-serif;
	resize: none;
	border: 1px solid #0082ca;
	border-radius: 6px
}

.footer__form-middle textarea:-ms-input-placeholder {
	color: #dde7cf;
	font-style: italic
}

.footer__form-middle textarea::placeholder {
	color: #dde7cf;
	font-style: italic
}

@media screen and (min-width: 1921px) {
	.footer__form-middle textarea {
		padding: 0.78125vw;
		padding-left: 20px;
		font-size: 0.8333333333vw;
		border: 0.05208333333vw solid #0082ca
	}
}

@media screen and (max-width: 767px) {
	.footer__form-middle textarea {
		height: 180px
	}
}

.footer__form-middle span {
	position: relative;
	display: block
}

.footer__form-middle span span {
	position: absolute;
	top: 100%;
	width: 100%
}

@media screen and (min-width: 1921px) {
	.footer__form-middle {
		padding-top: 0.78125vw
	}
}

.ajax-loader {
	position: absolute;
	left: 100%;
	top: 1.4vw;
	visibility: hidden
}

.footer__form-bottom {
	padding: 27px 0 50px;
	display: flex;
	justify-content: flex-end;
	position: relative
}

.footer__form-bottom input {
	background: transparent;
	border: 1px solid #0082ca;
	transition: 0.3s;
	border-radius: 6px;
	color: #dde7cf;
	padding: 24px 80px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-family: 'Gilroy';
	text-align: center
}

.footer__form-bottom input:hover {
	background: #0082ca;
	color: #dde7cf
}

@media screen and (min-width: 1921px) {
	.footer__form-bottom input {
		border: 0.05208333333vw solid #0082ca;
		padding: 1.258333333vw 4.239583333vw;
		font-size: 0.9375vw
	}
}

@media screen and (max-width: 767px) {
	.footer__form-bottom input {
		padding: 10px 25px;
		font-size: 18px
	}
}

@media screen and (min-width: 1921px) {
	.footer__form-bottom {
		padding: 1.40625vw 0 2.604166667vw
	}
}

.footer__icon {
	width: 50px;
	height: 50px
}

.footer__icon path {
	transition: 0.3s;
	fill: #dde7cf
}

@media screen and (min-width: 1921px) {
	.footer__icon {
		width: 2.604166667vw;
		height: 2.604166667vw
	}
}

@media screen and (max-width: 400px) {
	.footer__icon {
		width: 40px;
		height: 40px
	}
}

.active .footer__icon path {
	fill: #0078b9
}

.wpcf7-response-output {
	color: #dde7cf;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	position: absolute;
	bottom: 0;
	transform: translateY(-15px)
}

#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn {
	box-shadow: inset 0 0 0 1px #0078b9 !important;
	color: #0078b9 !important
}

#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn:hover {
	background: #0078b9 !important;
	color: #fff !important
}

.footer__link:hover path {
	fill: #0078b9
}

@media screen and (max-width: 767px) {
	.footer__item--mail {
		display: none
	}
}

.moove-gdpr-cookie-notice {
	font-family: 'Gilroy', sans-serif !important
}

.footer__form-bottom-checkbox label {
	display: block;
	color: #dde7cf;
	margin-left: 20px
}

.footer__form-bottom-checkbox label input {
	display: none
}

.footer__form-bottom-checkbox label input:checked~span::after {
	transform: scale(1)
}

.footer__form-bottom-checkbox label>span {
	display: flex;
	position: relative
}

.footer__form-bottom-checkbox label>span::before {
	display: block;
	content: '';
	border: 1px solid #0078b9;
	width: 19px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-30px, 2px)
}

.footer__form-bottom-checkbox label>span::after {
	display: block;
	content: '';
	background: #0078b9;
	width: 13px;
	height: 13px;
	position: absolute;
	left: -27px;
	transition: 0.1s;
	top: 5px;
	transform: scale(0)
}

.vitaminska__madarina {
	position: absolute;
	bottom: -1.041666667vw;
	right: -2.604166667vw;
	z-index: 3;
	width: 5.208333333vw;
	height: 5.052083333vw;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__madarina {
		bottom: 19.958333vw;
		right: -6.604167vw;
		height: auto;
		width: 11.208333vw
	}
}

.vitaminska__madarina-shadow {
	position: absolute;
	bottom: -1.458333333vw;
	right: -1.927083333vw;
	width: 3.020833333vw;
	height: 0.9375vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__madarina-shadow {
		bottom: 19.041667vw;
		right: -5.9927083vw;
		width: 9.020833vw;
		height: auto
	}
}

.vitaminska__madarina-limun {
	position: absolute;
	bottom: 0.78125vw;
	right: -4.947916667vw;
	z-index: 2;
	width: 4.53125vw;
	height: 3.90625vw;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__madarina-limun {
		bottom: 21.78125vw;
		right: -10.947917vw;
		width: 11.53125vw;
		height: auto
	}
}

.vitaminska__madarina-limun-shadow {
	position: absolute;
	bottom: 0.4166666667vw;
	right: -4.53125vw;
	width: 3.020833333vw;
	height: 0.9375vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__madarina-limun-shadow {
		bottom: 20.416667vw;
		right: -10.3125vw;
		width: 9.020833vw;
		height: auto
	}
}

.vitaminska__zova {
	position: absolute;
	bottom: -1.614583333vw;
	right: -5.260416667vw;
	z-index: 2;
	width: 9.166666667vw;
	height: 6.09375vw;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__zova {
		bottom: 15.385417vw;
		right: -13.260417vw;
		width: 21.166667vw;
		height: auto
	}
}

.kupina--vocka {
	width: 7.166666667vw
}

.vitaminska__zova-shadow1 {
	position: absolute;
	bottom: 0.1041666667vw;
	right: -4.0625vw;
	width: 3.802083333vw;
	height: 0.8333333333vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__zova-shadow1 {
		display: none
	}
}

.vitaminska__zova-shadow2 {
	position: absolute;
	bottom: -1.5625vw;
	right: -1.927083333vw;
	width: 5.46875vw;
	height: 0.8333333333vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__zova-shadow2 {
		bottom: 15.4375vw;
		right: -4.927083vw;
		width: 10.46875vw;
		height: auto
	}
}

.vitaminska__aloe-vera {
	position: absolute;
	bottom: -0.3645833333vw;
	left: -4.791666667vw;
	z-index: 2;
	width: 8.4375vw;
	height: 5.572916667vw;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__aloe-vera {
		bottom: 18.635417vw;
		left: -9.791667vw;
		width: 18.4375vw;
		height: auto
	}
}

.borovnica--vocka {
	width: 6.4375vw;
	height: 5.572916667vw;
	bottom: -2.364583vw;
	left: -3.791667vw
}

.vitaminska__aloe-vera-shadow {
	position: absolute;
	bottom: -0.3645833333vw;
	left: -2.916666667vw;
	width: 3.854166667vw;
	height: 0.4166666667vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__aloe-vera-shadow {
		bottom: 18.035417vw;
		left: -5.916667vw;
		width: 11.854167vw;
		height: auto
	}
}

.vitaminska__breskva {
	position: absolute;
	bottom: 0.2604166667vw;
	right: -4.166666667vw;
	width: 5.572916667vw;
	height: 4.895833333vw;
	z-index: 2;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__breskva {
		bottom: 20.260417vw;
		right: -8.166667vw;
		width: 12.572917vw;
		height: auto
	}
}

.vitaminska__breskva-shadow {
	position: absolute;
	bottom: -0.15625vw;
	right: -3.541666667vw;
	width: 3.645833333vw;
	height: 0.9895833333vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__breskva-shadow {
		bottom: 18.84375vw;
		right: -7.541667vw;
		width: 9.645833vw;
		height: auto
	}
}

.vitaminska__malina {
	position: absolute;
	bottom: -0.9375vw;
	right: -3.84375vw;
	width: 3.385416667vw;
	height: 3.072916667vw;
	z-index: 4;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__malina {
		bottom: 17.15625vw;
		right: -8.34375vw;
		width: 8.385417vw;
		height: auto
	}
}

.vitaminska__malina-shadow {
	position: absolute;
	bottom: -1.360417vw;
	right: -3.64375vw;
	width: 3.020833333vw;
	height: 0.9375vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__malina-shadow {
		bottom: 16.239583vw;
		right: -7.54375vw;
		width: 7.020833vw;
		height: auto
	}
}

.vitaminska__malina2 {
	position: absolute;
	bottom: -0.15625vw;
	right: 0.15375vw;
	width: 3.177083333vw;
	height: 2.916666667vw;
	z-index: 4;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__malina2 {
		bottom: 18.85625vw;
		right: 0.8vw;
		width: 8.385417vw;
		height: auto
	}
}

.vitaminska__malina-shadow2 {
	position: absolute;
	bottom: -0.560417vw;
	right: 0.25625vw;
	width: 3.020833333vw;
	height: 0.9375vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__malina-shadow2 {
		bottom: 18.0239583vw;
		right: 1.55625vw;
		width: 7.020833vw;
		height: auto
	}
}

.vitaminska__malina3 {
	position: absolute;
	bottom: 0.15625vw;
	right: -1.54375vw;
	width: 2.96875vw;
	height: 2.708333333vw;
	z-index: 3;
	animation: 0.3s fadeOut forwards;
	transform-origin: bottom center;
	will-change: transform
}

@media screen and (max-width: 767px) {
	.vitaminska__malina3 {
		bottom: 20.15625vw;
		right: -3.34375vw;
		width: 8.385417vw;
		height: auto
	}
}

.vitaminska__malina-shadow3 {
	position: absolute;
	bottom: -0.2604166667vw;
	right: -2.34375vw;
	width: 3.020833333vw;
	height: 0.9375vw;
	opacity: 0;
	animation: 0.3s fadeOut
}

@media screen and (max-width: 767px) {
	.vitaminska__malina-shadow3 {
		bottom: 19.239583vw;
		right: -3.04375vw;
		width: 7.020833vw;
		height: auto
	}
}

.about3-new-krosnja {
	width: 75.57291667vw;
	transform: translateY(-6.63542vw);
	z-index: 8;
	position: relative;
	left: -4vw
}

@media screen and (max-width: 767px) {
	.about3-new-krosnja {
		opacity: 0
	}
}

.imuno-top-new-krosnja {
	width: 65.572917vw;
	position: absolute;
	top: -17vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 12
}

.imuno {
	margin-top: -35vw;
	position: relative
}

.imuno_bg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 75.57291667vw;
	height: 51.29166667vw
}

@media screen and (max-width: 767px) {
	.imuno_bg {
		height: auto;
		width: 160vw
	}
}

.imuno_inner {
	display: flex;
	justify-content: center;
	z-index: 3;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 5vw
}

.imuno__deblo {
	width: 51.35417vw;
	height: 58.75vw;
	position: relative;
	left: -3vw;
	margin-bottom: 4.41667vw
}

@media screen and (max-width: 767px) {
	.imuno__deblo {
		width: 176vw;
		height: auto;
		left: -19vw
	}
}

.imuno__lijana {
	position: absolute;
	top: 30%;
	left: 57vw;
	width: 14.375vw;
	height: 33.80208vw
}

@media screen and (max-width: 767px) {
	.imuno__lijana {
		height: auto;
		width: 42.375vw
	}
}

.imuno__flasa {
	position: absolute;
	/* position: absolute; */
	/* width: 6.97917vw; */
	height: 444px;
	width: 250px;
	/* height: 24.47917vw; */
	top: 24.5%;
	left: 43.5%;
	animation: 2s jumpUp forwards
}

.imuno__flasa.hidden {
	animation: none;
	transform: translateY(110%)
}

@media screen and (max-width: 767px) {
	.imuno__flasa {
		left: 36%;
		top: 31.5%;
		width: 20.46936115vw;
		height: 71.57757497vw
	}
}

.imuno__grana {
	position: absolute;
	top: 31%;
	left: 28vw;
	width: 16.82292vw;
	height: 31.40625vw
}

@media screen and (max-width: 767px) {
	.imuno__grana {
		display: none
	}
}

.imuno__trava {
	position: absolute;
	bottom: 5vw;
	left: 39vw;
	z-index: 4;
	width: 41.71875vw;
	height: 21.35417vw
}

@media screen and (max-width: 767px) {
	.imuno__trava {
		bottom: 1vw;
		left: -15vw;
		width: 143.71875vw;
		height: auto
	}
}

.imuno__zbun1 {
	position: absolute;
	bottom: -4.53125vw;
	left: 17vw;
	z-index: 5;
	width: 75.52083vw;
	height: 22.65625vw
}

@media screen and (max-width: 767px) {
	.imuno__zbun1 {
		bottom: -4.53125vw;
		left: -72px;
		width: 174.52083vw;
		height: auto
	}
}

.imuno__zbun3 {
	position: absolute;
	bottom: -7.53125vw;
	left: 17vw;
	z-index: 5;
	width: 75.52083vw;
	height: 22.65625vw
}

@media screen and (max-width: 767px) {
	.imuno__zbun3 {
		height: auto;
		bottom: -26.53125vw;
		left: -72px;
		width: 174.52083vw
	}
}

.imuno__zbun2 {
	position: absolute;
	bottom: 4vw;
	left: 24vw;
	z-index: 3;
	width: 34.6875vw;
	height: 18.54167vw
}

@media screen and (max-width: 767px) {
	.imuno__zbun2 {
		height: auto;
		bottom: 4vw;
		left: -31vw;
		width: 111.6875vw
	}
}

.imuno__krosnja {
	position: absolute;
	width: 100%;
	left: 0;
	top: -22.0625vw;
	opacity: 0.2;
	z-index: 8;
	height: 56.19792vw
}

@media screen and (max-width: 767px) {
	.imuno__krosnja {
		display: none
	}
}

.imuno__krosnja2 {
	position: absolute;
	width: 79.47916667vw;
	left: 42%;
	top: -6.91667vw;
	transform: translateX(-50%);
	z-index: 2;
	height: 39.84375vw
}

@media screen and (max-width: 767px) {
	.imuno__krosnja2 {
		height: auto;
		width: 221.479167vw;
		left: -59vw;
		top: -47.91667vw;
		z-index: 4;
		transform: none
	}
}

.imuno__deblo-over {
	position: absolute;
	bottom: 8.5%;
	left: 39.1%;
	width: 25.36458vw;
	height: 25.625vw
}

@media screen and (max-width: 767px) {
	.imuno__deblo-over {
		width: 84vw;
		bottom: 10.4%;
		left: 2.5%;
		height: auto
	}
}

@keyframes jumpUpFruit {
	0% {
		transform: translateY(14vw)
	}

	15% {
		transform: translateY(14vw)
	}

	45% {
		transform: translateY(-1.20833vw)
	}

	65% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit2 {
	0% {
		transform: translateY(14vw)
	}

	20% {
		transform: translateY(14vw)
	}

	50% {
		transform: translateY(-1.20833vw)
	}

	70% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit3 {
	0% {
		transform: translateY(14vw)
	}

	25% {
		transform: translateY(14vw)
	}

	55% {
		transform: translateY(-1.20833vw)
	}

	75% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit4 {
	0% {
		transform: translateY(14vw)
	}

	30% {
		transform: translateY(14vw)
	}

	60% {
		transform: translateY(-1.20833vw)
	}

	80% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes shadowAnimationFruit {
	0% {
		transform: scale(0)
	}

	35% {
		transform: scale(0)
	}

	45% {
		transform: scale(0.8)
	}

	65% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes shadowAnimationFruit2 {
	0% {
		transform: scale(0)
	}

	40% {
		transform: scale(0)
	}

	50% {
		transform: scale(0.8)
	}

	70% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes shadowAnimationFruit3 {
	0% {
		transform: scale(0)
	}

	45% {
		transform: scale(0)
	}

	55% {
		transform: scale(0.8)
	}

	75% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes shadowAnimationFruit4 {
	0% {
		transform: scale(0)
	}

	60% {
		transform: scale(0)
	}

	70% {
		transform: scale(0.8)
	}

	90% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes jumpUpFruitMobile {
	0% {
		transform: translateY(44vw)
	}

	15% {
		transform: translateY(44vw)
	}

	45% {
		transform: translateY(-1.20833vw)
	}

	65% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit2Mobile {
	0% {
		transform: translateY(44vw)
	}

	20% {
		transform: translateY(44vw)
	}

	50% {
		transform: translateY(-1.20833vw)
	}

	70% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit3Mobile {
	0% {
		transform: translateY(44vw)
	}

	25% {
		transform: translateY(44vw)
	}

	55% {
		transform: translateY(-1.20833vw)
	}

	75% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes jumpUpFruit4Mobile {
	0% {
		transform: translateY(44vw)
	}

	30% {
		transform: translateY(44vw)
	}

	60% {
		transform: translateY(-1.20833vw)
	}

	80% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

.active .vitaminska__madarina {
	animation: 1.2s jumpUpFruit2 forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__madarina {
		animation: 1.2s jumpUpFruit2Mobile forwards
	}
}

.active .vitaminska__madarina-limun {
	animation: 1.2s jumpUpFruit forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__madarina-limun {
		animation: 1.2s jumpUpFruitMobile forwards
	}
}

.active .vitaminska__madarina-shadow {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit2
}

.active .vitaminska__madarina-limun-shadow {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit
}

.active .vitaminska__zova {
	animation: 1.2s jumpUpFruit2 forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__zova {
		animation: 1.2s jumpUpFruit2Mobile forwards
	}
}

.active .vitaminska__aloe-vera {
	animation: 1.2s jumpUpFruit forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__aloe-vera {
		animation: 1.2s jumpUpFruitMobile forwards
	}
}

.active .vitaminska__aloe-vera-shadow {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit2
}

.active .vitaminska__zova-shadow1 {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit
}

.active .vitaminska__zova-shadow2 {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit
}

.active .vitaminska__breskva {
	animation: 1.2s jumpUpFruit forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__breskva {
		animation: 1.2s jumpUpFruitMobile forwards
	}
}

.active .vitaminska__breskva-shadow {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit
}

.active .vitaminska__malina {
	animation: 1.2s jumpUpFruit4 forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__malina {
		animation: 1.2s jumpUpFruit4Mobile forwards
	}
}

.active .vitaminska__malina-shadow {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit4
}

.active .vitaminska__malina2 {
	animation: 1.2s jumpUpFruit3 forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__malina2 {
		animation: 1.2s jumpUpFruit3Mobile forwards
	}
}

.active .vitaminska__malina-shadow2 {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit3
}

.active .vitaminska__malina3 {
	animation: 1.2s jumpUpFruit2 forwards
}

@media screen and (max-width: 767px) {
	.active .vitaminska__malina3 {
		animation: 1.2s jumpUpFruit2Mobile forwards
	}
}

.active .vitaminska__malina-shadow3 {
	opacity: 1;
	animation: 1.2s shadowAnimationFruit2
}

@media screen and (max-width: 767px) {
	.moove-gdpr-branding {
		display: flex !important
	}
}

@media screen and (max-width: 450px) {
	.about-text--three .about-text__heading br {
		display: none
	}
}

@media screen and (max-width: 450px) {
	.about-text--four .about-text__heading br {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.about-text--four .about3-text__img {
		display: none
	}
}

.primer {
	width: 100%
}

.page-404 {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	width: 100%;
	min-height: 100vh;
	color: #ffffff;
	display: flex;
	justify-content: center;
	z-index: 1
}

.page-404::after {
	z-index: -1;
	position: absolute;
	left: 0;
	background: #001343;
	opacity: 0.83;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.page-404__bg {
	z-index: -2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center
}

@keyframes fadeIn404 {
	0% {
		opacity: 0;
		transform: translateY(30px)
	}

	100% {
		opacity: 1;
		transform: translate(0)
	}
}

.page-404__content {
	z-index: 1;
	color: #fff;
	max-width: 1200px;
	width: 100%;
	padding-top: 34vh;
	animation: 0.3s fadeIn404
}

@media screen and (min-width: 1921px) {
	.page-404__content {
		max-width: 70.20833333vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__content {
		padding: 150px 10px 0
	}
}

.page-404__heading {
	font-size: 32px;
	line-height: 112%;
	font-weight: bold;
	font-family: 'Gilroy';
	text-align: left;
	padding: 0 10px
}

@media screen and (min-width: 1921px) {
	.page-404__heading {
		font-size: 1.666666667vw;
		padding: 0 0.5208333333vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__heading {
		font-size: 24px
	}
}

@media screen and (max-width: 450px) {
	.page-404__heading {
		font-size: 20px
	}
}

.page-404__heading-big {
	font-size: 79px;
	line-height: 74%;
	display: inline-block;
	margin-right: 20px
}

@media screen and (min-width: 1921px) {
	.page-404__heading-big {
		margin-right: 1.041666667vw;
		font-size: 4.114583333vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__heading-big {
		font-size: 45px;
		margin-right: 10px
	}
}

.page-404__text {
	padding: 55px 10px 0;
	border-top: 1px solid #2995d3;
	margin-top: 15px;
	font-size: 22px;
	line-height: 163%;
	font-weight: normal;
	font-family: 'Gilroy'
}

.page-404__text a {
	color: #2995d3
}

.page-404__text table {
	margin-bottom: 30px;
	border-top: 1px solid #2995d3
}

.page-404__text table tbody tr td {
	border-right: 1px solid #2995d3;
	border-bottom: 1px solid #2995d3;
	padding: 10px
}

.page-404__text table tbody tr td:nth-child(1) {
	min-width: 320px;
	border-left: 1px solid #2995d3
}

@media screen and (min-width: 1921px) {
	.page-404__text table tbody tr td:nth-child(1) {
		margin-bottom: 16.66666667vw
	}
}

.page-404__text table tbody tr td:nth-child(2) {
	min-width: 200px
}

@media screen and (min-width: 1921px) {
	.page-404__text table tbody tr td:nth-child(2) {
		margin-bottom: 10.41666667vw
	}
}

@media screen and (min-width: 1921px) {
	.page-404__text table tbody tr td {
		padding: 0.5208333333vw
	}
}

@media screen and (min-width: 1921px) {
	.page-404__text table {
		margin-bottom: 1.5625vw
	}
}

@media screen and (min-width: 1921px) {
	.page-404__text {
		padding: 2.864583333vw 0.5208333333vw 0;
		border-top: 0.05208333333vw solid #2995d3;
		margin-top: 0.78125vw;
		font-size: 1.145833333vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__text {
		font-size: 18px
	}
}

.js-table-box {
	overflow: hidden;
	position: relative;
	width: 100%
}

.js-table {
	position: relative;
	width: 1180px
}

@media screen and (min-width: 1921px) {
	.js-table {
		width: 100%
	}
}

.page-404__subheading {
	font-size: 22px;
	line-height: 163%;
	font-family: 'Gilroy';
	font-weight: bold
}

@media screen and (min-width: 1921px) {
	.page-404__subheading {
		font-size: 1.145833333vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__subheading {
		font-size: 18px
	}
}

.page-404__content--privacy {
	padding-bottom: 150px
}

.page-404__content--privacy p {
	margin-bottom: 35px;
	text-align: justify
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy p {
		margin-bottom: 1.822916667vw
	}
}

.page-404__content--privacy li {
	margin-bottom: 15px;
	text-align: justify;
	position: relative;
	padding-left: 16px
}

.page-404__content--privacy li::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #2995d3;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 13px
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy li::before {
		top: 0.691666667vw;
		width: 0.4166666667vw;
		height: 0.4166666667vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__content--privacy li::before {
		top: 9px
	}
}

.page-404__content--privacy li li::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #2995d3;
	background: transparent;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 20px
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy li li::before {
		top: 0.691666667vw;
		width: 0.4166666667vw;
		height: 0.4166666667vw
	}
}

@media screen and (max-width: 767px) {
	.page-404__content--privacy li li::before {
		top: 9px
	}
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy li {
		margin-bottom: 0.78125vw;
		padding-left: 0.8333333333vw
	}
}

.page-404__content--privacy ul {
	margin-bottom: 35px
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy ul {
		margin-bottom: 1.822916667vw
	}
}

.page-404__content--privacy h3 {
	font-weight: bold;
	margin-bottom: 35px
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy h3 {
		margin-bottom: 1.822916667vw
	}
}

@media screen and (min-width: 1921px) {
	.page-404__content--privacy {
		padding-bottom: 7.8125vw
	}
}

#moove_gdpr_save_popup_settings_button {
	display: none !important
}

.ie .moove-gdpr-info-bar-content {
	display: flex !important
}

.ie .gdpr-icon.moovegdpr-arrow-close:before {
	left: 50%
}

.ie .gdpr-icon.moovegdpr-arrow-close:after {
	left: 50%
}

.ie #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i.moovegdpr-arrow-close:before {
	left: 50%
}

.ie #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i.moovegdpr-arrow-close:after {
	left: 50%
}

.nece-kapnuti {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center
}

.nece-kapnuti_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover
}

.nece-kapnuti_title-image-wrapper {
	padding: 220px 40px 0
}

.nece-kapnuti_title-image {
	width: auto;
	height: auto;
	object-fit: none
}

@media screen and (max-width: 940px) {
	.nece-kapnuti_title-image {
		width: 100%;
		height: auto;
		object-fit: cover
	}
}

@media screen and (max-width: 768px) {
	.nece-kapnuti_title-image-wrapper {
		padding-top: 250px
	}
}

@media screen and (min-width: 1921px) {
	.nece-kapnuti_title-image-wrapper {
		padding: 11.45833vw 2.08333vw 0
	}

	.nece-kapnuti_title-image {
		width: 40.83333vw;
		height: 20.72917vw
	}
}

.site-main-nova-voda {
	position: relative
}

.nova-voda_image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1
}

.nova-voda {
	max-width: 1516px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 26px
}

.nova-voda_banner {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 160px
}

.nova-voda_images-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.nova-voda_title-wrapper {
	position: absolute;
	left: -412px
}

.nova-voda_image-bottle {
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain
}

.nova-voda_image-zatvarac {
	position: absolute;
	bottom: 0;
	width: auto;
	height: auto;
	object-fit: cover;
	bottom: -135px;
	left: 65px;
	transform: scale(0);
	transition: transform 0.2s
}

.nova-voda_image-zatvarac.active {
	transform: scale(1)
}

.nova-voda_image-lupa {
	position: absolute;
	bottom: -76px;
	left: 80px;
	cursor: pointer
}

.nova-voda_image-lupa img {
	position: relative;
	z-index: -1
}

.nova-voda_title {
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 900;
	font-size: 60px;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 42px;
	margin-bottom: 18px;
	text-align: right
}

.nova-voda_content {
	margin-bottom: 42px;
	text-align: right;
	margin-top: 40px
}

.nova-voda_h2 {
	font-family: 'Gilroy';
	font-weight: bold;
	font-size: 38px;
	color: #09caf9;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 52px
}

.nova-voda_poklon {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.nova-voda_poklon span {
	display: inline-block;
	margin: 0 60px
}

.nova-voda_image-bottle-up {
	width: auto;
	height: auto;
	object-fit: cover
}

.nova-voda_image-bottle-down {
	width: auto;
	height: auto;
	object-fit: cover
}

.nova-voda_image-plus {
	display: inline-block;
	margin: 0 64px;
	width: auto;
	height: auto;
	object-fit: contain
}

.nova-voda_image-bottle-spin {
	width: auto;
	height: auto;
	object-fit: cover;
	animation: 15s linear 1s infinite running spin
}

.nova-voda_content-action {
	font-family: 'Gilroy';
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	margin: 30px 0;
	text-align: center
}

.nova-voda_h2-bottom {
	margin-top: 90px;
	margin-bottom: 10px;
	text-align: left;
	max-width: 680px;
	width: 100%;
	margin: 90px auto 10px
}

.nova-voda_list {
	font-family: 'Gilroy';
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	max-width: 680px;
	width: 100%;
	margin: 0 auto
}

.nova-voda_list-item {
	margin-bottom: 12px;
	display: flex;
	align-items: center
}

.nova-voda_underline {
	max-width: 1030px;
	width: 100%;
	margin: 76px auto 40px;
	height: 1px;
	background-color: #09caf9
}

.nova-voda-footer__wrapper {
	width: 100%;
	padding-bottom: 54px;
	padding-top: 54px;
	background-color: rgba(0, 0, 0, 0.448)
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.nova-voda .footer__list li {
	margin-right: 52px
}

.nova-voda .footer__list li:last-of-type {
	margin-right: 0
}

.nova-voda .footer__list .homepage svg {
	width: 50px;
	height: 50px
}

.nova-voda .footer__list .homepage svg g path {
	transition: 0.3s
}

.nova-voda .footer__list .homepage svg:hover g path {
	fill: #0078b9
}

@media screen and (min-width: 1921px) {
	.nova-voda .footer__list .homepage svg {
		width: 2.604166667vw;
		height: 2.604166667vw
	}
}

@media screen and (max-width: 400px) {
	.nova-voda .footer__list .homepage svg {
		width: 40px;
		height: 40px
	}
}

.nova-voda-footer__bottom {
	max-width: 938px;
	width: 100%;
	margin: 0 auto
}

.nova-voda_content-small {
	display: none
}

.nova-voda_list-item-img-wrapper {
	width: 37px;
	margin-right: 4px
}

@media screen and (max-width: 1620px) {
	.nova-voda_title-wrapper {
		left: -334px
	}

	.nova-voda_title {
		font-size: 52px
	}
}

@media screen and (max-width: 1420px) {
	.nova-voda_title-wrapper {
		width: 70%
	}
}

@media screen and (max-width: 1200px) {
	.nova-voda_title-wrapper {
		left: -318px
	}
}

@media screen and (max-width: 1140px) {
	.nova-voda_title-wrapper {
		position: relative;
		width: 100%;
		left: unset;
		top: unset;
		bottom: unset;
		margin-top: 90px
	}

	.nova-voda_title,
	.nova-voda_content {
		text-align: center;
		margin-bottom: 24px
	}

	.nova-voda_content-small {
		display: block;
		margin: 0 auto
	}

	.nova-voda_content-big {
		display: none
	}

	.nova-voda_banner {
		margin-bottom: 36px
	}

	.nova-voda_image-plus {
		margin: 0 32px
	}
}

@media screen and (max-width: 1040px) {
	.nova-voda-footer__wrapper {
		padding: 32px 26px
	}
}

@media screen and (max-width: 768px) {
	.nova-voda_image-plus {
		margin: 0 14px
	}

	.nova-voda_poklon .nova-voda_image-plus {
		width: 60%
	}

	.nova-voda_title {
		font-size: 38px
	}

	.nova-voda_h2 {
		font-size: 18px
	}

	.nova-voda_list {
		font-size: 15px
	}

	.nova-voda_content-action {
		margin-bottom: 0;
		font-size: 18px
	}

	.nova-voda_h2-bottom {
		margin-top: 50px
	}

	.nova-voda_underline {
		display: none
	}

	.nova-voda .footer__list {
		margin-top: 60px
	}
}

@media screen and (max-width: 700px) {
	.nova-voda_image-lupa {
		display: none
	}

	.nova-voda_image-zatvarac {
		display: none
	}

	.nova-voda_content {
		margin-bottom: 0
	}
}

@media screen and (max-width: 600px) {
	.nova-voda_poklon {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.nova-voda_poklon img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		flex-shrink: 1
	}

	.nova-voda_poklon .nova-voda_image-plus {
		width: 40%
	}

	.nova-voda_title-wrapper {
		margin-top: 24px
	}

	.nova-voda_content-action {
		display: block
	}
}

@media screen and (max-width: 420px) {
	.nova-voda_h2 {
		align-self: baseline
	}
}

@media screen and (min-width: 1921px) {
	.nova-voda {
		max-width: 78.95833vw;
		padding: 0 1.35417vw
	}

	.nova-voda_banner {
		margin-bottom: 8.33333vw
	}

	.nova-voda_title-wrapper {
		left: -21.45833vw
	}

	.nova-voda_image-zatvarac {
		bottom: -7.03125vw;
		left: 3.38542vw
	}

	.nova-voda_image-lupa {
		bottom: -3.95833vw;
		left: 4.16667vw
	}

	.nova-voda_title {
		font-size: 3.125vw;
		margin-top: 2.1875vw;
		margin-bottom: 0.9375vw
	}

	.nova-voda_content {
		margin-bottom: 2.1875vw
	}

	.nova-voda_h2 {
		font-size: 1.97917vw;
		margin-bottom: 2.70833vw
	}

	.nova-voda_poklon span {
		margin: 0 3.125vw
	}

	.nova-voda_image-plus {
		margin: 0 3.33333vw
	}

	.nova-voda_content-action {
		font-size: 0.83333vw;
		margin: 1.5625vw 0 2.70833vw
	}

	.nova-voda_h2-bottom {
		margin-top: 4.6875vw;
		margin-bottom: 0.52083vw;
		max-width: 35.41667vw;
		margin: 4.6875vw auto 0.52083vw
	}

	.nova-voda_list {
		font-size: 1.14583vw;
		max-width: 35.41667vw
	}

	.nova-voda_list-item {
		margin-bottom: 0.625vw
	}

	.nova-voda_underline {
		max-width: 53.64583vw;
		margin: 3.95833vw auto 2.08333vw;
		height: 0.05208vw
	}

	.nova-voda .footer__list li {
		margin-right: 2.70833vw
	}

	.nova-voda-footer__bottom {
		max-width: 48.85417vw
	}

	.nova-voda_image-bottle {
		width: 33.54167vw;
		height: 45.20833vw
	}

	.nova-voda_image-lupa {
		width: 4.63542vw;
		height: 2.96875vw
	}

	.nova-voda_image-lupa img {
		width: 100%;
		height: 100%
	}

	.nova-voda_image-zatvarac {
		width: 19.53125vw;
		height: 19.53125vw
	}

	.nova-voda_image-bottle-up,
	.nova-voda_image-bottle-down {
		width: 3.48958vw;
		height: 13.64583vw
	}

	.nova-voda_image-bottle-spin {
		width: 13.22917vw;
		height: 13.64583vw
	}
}

.page-template-nova-voda .grecaptcha-badge {
	display: none
}

.nova-voda_info {
	position: relative;
	padding: 24px 0;
	background-color: #ffe748;
	z-index: 10;
	border-bottom: 1px solid #ff3232
}

.nova-voda_info .nova-voda_info-wrapper {
	max-width: 80.3vw;
	margin: 0 auto
}

.nova-voda_info .nova-voda_info-text {
	text-transform: uppercase;
	color: #212121;
	font-family: 'Gilroy', sans-serif;
	font-size: clamp(1rem, 1.25vw, 1.5rem)
}

.nova-voda_info .nova-voda_info-icon {
	width: clamp(60px, 4.6vw, 90px);
	height: auto;
	position: absolute;
	bottom: 0;
	transform: translateY(50%)
}

.sticky-nav {
	overflow: initial
}

.sticky-nav .header {
	position: sticky;
	top: 0;
	z-index: 55;
	height: 0
}

.sticky-nav .menu {
	position: absolute
}

.sticky-nav .hamburger {
	position: relative
}

@media screen and (max-width: 767px) {
	.sticky-nav .hamburger {
		left: 95vw;
		transform: translateX(-100%)
	}
}

.single-post .main {
	background-size: cover;
	background-position: center;
	max-width: 100vw;
	overflow: hidden;
	font-family: "Gilroy", sans-serif
}

.single-post__block {
	width: 50vw;
	margin: 0 auto
}

@media screen and (max-width: 1500px) {
	.single-post__block {
		width: 59vw
	}
}

@media screen and (max-width: 1400px) {
	.single-post__block {
		width: 62vw
	}
}

@media screen and (max-width: 1300px) {
	.single-post__block {
		width: 66vw
	}
}

@media screen and (max-width: 1200px) {
	.single-post__block {
		width: 70vw
	}
}

@media screen and (max-width: 1100px) {
	.single-post__block {
		width: 76vw
	}
}

@media screen and (max-width: 1000px) {
	.single-post__block {
		width: 82vw
	}
}

@media screen and (max-width: 900px) {
	.single-post__block {
		width: 86vw
	}
}

@media screen and (max-width: 800px) {
	.single-post__block {
		width: 92vw
	}
}

@media screen and (max-width: 767px) {
	.single-post__block {
		width: 72vw
	}
}

@media screen and (max-width: 350px) {
	.single-post__block {
		width: 90vw
	}
}

.single-post .title-block {
	padding-top: 28vh;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width: 800px) {
	.single-post .title-block {
		padding-top: 150px;
		flex-direction: column;
		align-items: unset;
		width: 100%;
		margin-bottom: 3.75rem
	}
}

.single-post .title-block .breadcrumbs {
	margin-left: -3vw
}

@media screen and (max-width: 800px) {
	.single-post .title-block .breadcrumbs {
		order: 1;
		margin: 0 auto 2.5rem
	}
}

.single-post .title-block .tb-title,
.single-post .title-block .info {
	margin-left: -3vw
}

@media screen and (max-width: 800px) {

	.single-post .title-block .tb-title,
	.single-post .title-block .info {
		margin-left: 0
	}
}

@media screen and (max-width: 800px) {

	.single-post .title-block .breadcrumbs,
	.single-post .title-block .tb-title,
	.single-post .title-block .share,
	.single-post .title-block .info {
		max-width: 92vw
	}
}

@media screen and (max-width: 767px) {

	.single-post .title-block .breadcrumbs,
	.single-post .title-block .tb-title,
	.single-post .title-block .share,
	.single-post .title-block .info {
		max-width: 72vw
	}
}

@media screen and (max-width: 350px) {

	.single-post .title-block .breadcrumbs,
	.single-post .title-block .tb-title,
	.single-post .title-block .share,
	.single-post .title-block .info {
		max-width: 90vw
	}
}

@media screen and (max-width: 800px) {

	.single-post .title-block .share,
	.single-post .title-block .info {
		margin: 0 12vw 0 auto
	}
}

.single-post .title-block .tb-title {
	font-size: clamp(2.3rem, 2.8vw, 2.8vw);
	font-weight: 700;
	line-height: 1.3;
	color: #2995d3;
	margin-bottom: 0.2em;
	width: 100%
}

@media screen and (max-width: 800px) {
	.single-post .title-block .tb-title {
		order: 1;
		margin: 0 auto 0.2em
	}
}

.single-post .title-block .info {
	display: flex;
	gap: 1rem;
	color: #fff;
	font-size: clamp(0.87rem, 0.7vw, 0.7vw);
	letter-spacing: 0.03em
}

@media screen and (max-width: 800px) {
	.single-post .title-block .info {
		order: 4;
		align-self: flex-end;
		margin-top: 1rem
	}

	.single-post .title-block .info__category {
		display: none
	}
}

.single-post .title-block .info__category a {
	color: inherit
}

.single-post .title-block .info__category a:hover {
	text-decoration: underline
}

.single-post .title-block .share {
	display: flex;
	gap: 1.5rem
}

@media screen and (max-width: 340px) {
	.single-post .title-block .share {
		flex-wrap: wrap;
		justify-content: flex-end
	}
}

.single-post .title-block .share svg path {
	fill: #dde7cf;
	transition: 0.2s
}

.single-post .title-block .share a:hover svg path {
	fill: #fff
}

@media screen and (max-width: 800px) {
	.single-post .title-block .share {
		order: 3;
		align-self: flex-end
	}
}

@media screen and (max-width: 480px) {
	.single-post .title-block .share svg {
		width: clamp(1.5rem, 6.5vw, 33px);
		height: auto
	}
}

.single-post .title-block .featured-img {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-top: 2rem;
	margin-bottom: 3rem
}

@media screen and (max-width: 800px) {
	.single-post .title-block .featured-img {
		order: 2
	}
}

.single-post .title-block .featured-img img:not(.featured-img__frame) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.single-post .title-block .featured-img__frame {
	position: absolute;
	width: 108%;
	height: auto;
	left: -4%;
	top: 50%;
	transform: translateY(-50%)
}

.single-post .content-block {
	padding-bottom: 7.8125vw
}

.single-post .content-block__item:not(:last-child) {
	margin-bottom: 3.5rem
}

.single-post .content-block .cb-text {
	color: #dde7cf;
	font-size: clamp(1.1rem, 0.85vw, 0.85vw)
}

.single-post .content-block .cb-text h1,
.single-post .content-block .cb-text h2,
.single-post .content-block .cb-text h3,
.single-post .content-block .cb-text h4,
.single-post .content-block .cb-text h5,
.single-post .content-block .cb-text h6 {
	color: #2995d3;
	font-weight: 700;
	margin: 0.4em 0
}

.single-post .content-block .cb-text h2 {
	font-size: 2em
}

.single-post .content-block .cb-text p {
	margin-bottom: 0.8em
}

.single-post .content-block .cb-text ul {
	margin-bottom: 0.8em
}

.single-post .content-block .cb-text a {
	color: #2995d3
}

.single-post .content-block .cb-text a:hover {
	text-decoration: underline
}

.single-post .content-block .cb-text li::before {
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background-color: #2995d3;
	margin-right: 0.8em
}

.single-post .content-block .cb-text:first-child {
	margin-top: 0
}

.single-post .content-block .cb-text:last-child {
	margin-bottom: 0
}

.single-post .content-block .cb-video {
	position: relative;
	width: 100%;
	padding-top: 56.25%
}

.single-post .content-block .cb-video::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0000006b;
	z-index: 1
}

.single-post .content-block .cb-video__cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.single-post .content-block .cb-video__info {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translateY(-70%) translateX(-50%);
	max-width: 60%;
	z-index: 2
}

.single-post .content-block .cb-video__label {
	font-size: clamp(0.5rem, 1vw, 1vw);
	font-weight: 700;
	text-transform: uppercase;
	color: #2995d3;
	margin-bottom: 0.5em
}

.single-post .content-block .cb-video__title {
	font-size: clamp(0.8rem, 1.5vw, 1.5vw);
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0.5em
}

.single-post .content-block .cb-video__btn {
	background: none;
	border: none;
	width: clamp(50px, 5.4vw, 110px)
}

.single-post .content-block .cb-video__btn img {
	transition: 0.2s;
	width: 100%;
	height: auto
}

.single-post .content-block .cb-video__btn:hover img {
	transform: scale(1.1)
}

.single-post .content-block .cb-social {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 0
}

.single-post .content-block .cb-social iframe {
	min-width: auto !important
}

.single-post .content-block .cb-gallery {
	position: relative
}

@media screen and (max-width: 1100px) {

	.single-post .content-block .cb-gallery::before,
	.single-post .content-block .cb-gallery::after {
		content: "";
		position: absolute;
		top: 0;
		height: 100%;
		width: 10%;
		z-index: 1
	}

	.single-post .content-block .cb-gallery::before {
		left: 0;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.671) 0%, rgba(0, 0, 0, 0) 100%)
	}

	.single-post .content-block .cb-gallery::after {
		right: 0;
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.671) 0%, rgba(0, 0, 0, 0) 100%)
	}
}

.single-post .content-block .cb-gallery .g-slider__wrapper {
	overflow: hidden;
	position: relative
}

.single-post .content-block .cb-gallery .g-slider__slides {
	width: 100%;
	padding-top: 56.25%;
	height: auto;
	display: flex;
	transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	overflow: hidden
}

.single-post .content-block .cb-gallery .g-slider__slide {
	flex-shrink: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: 56.25%;
	opacity: 0;
	transition: right 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.single-post .content-block .cb-gallery .g-slider__slide--active {
	opacity: 1;
	right: 0
}

.single-post .content-block .cb-gallery .g-slider__slide--prev {
	right: 100%
}

.single-post .content-block .cb-gallery .g-slider__slide--next {
	right: -100%
}

.single-post .content-block .cb-gallery .g-slider__slide-img {
	position: absolute;
	top: 0;
	height: 100%;
	object-fit: cover
}

.single-post .content-block .cb-gallery .g-slider__slide-img--landscape {
	left: 0;
	width: 100%
}

.single-post .content-block .cb-gallery .g-slider__slide-img--portrait {
	width: auto;
	left: 50%;
	transform: translateX(-50%)
}

.single-post .content-block .cb-gallery .g-slider__btn {
	background: none;
	border: none;
	position: absolute;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.single-post .content-block .cb-gallery .g-slider__btn--prev {
	right: calc(100% + 45px)
}

@media screen and (max-width: 1100px) {
	.single-post .content-block .cb-gallery .g-slider__btn--prev {
		left: 2%;
		right: unset
	}
}

.single-post .content-block .cb-gallery .g-slider__btn--next {
	left: calc(100% + 45px)
}

@media screen and (max-width: 1100px) {
	.single-post .content-block .cb-gallery .g-slider__btn--next {
		right: 2%;
		left: unset
	}
}

.single-post .content-block .cb-gallery .g-slider__btn svg {
	transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75)
}

@media screen and (min-width: 1921px) {
	.single-post .content-block .cb-gallery .g-slider__btn svg {
		width: 1.614583333vw;
		height: 2.864583333vw
	}
}

@media screen and (max-width: 767px) {
	.single-post .content-block .cb-gallery .g-slider__btn svg {
		width: 4.041720991vw;
		height: 7.170795306vw
	}
}

@media screen and (max-width: 1100px) {
	.single-post .content-block .cb-gallery .g-slider__btn svg path {
		stroke: #fff
	}
}

@media screen and (min-width: 767px) {
	.single-post .content-block .cb-gallery .g-slider__btn:hover svg {
		transform: scale(1.1, 1.2)
	}
}

.single-post .content-block .cb-image img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.single-post .video-popup:not(.visible) {
	height: 0;
	overflow: hidden
}

.single-post .video-popup.visible {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000d3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 100
}

.single-post .video-popup__container {
	width: 50vw;
	padding-top: 28.25%;
	margin: 0 auto;
	position: relative
}

.single-post .video-popup__container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.single-post .video-popup__close {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	background: none;
	border: none;
	margin: 0 25% 20px auto
}

.single-post .video-popup__close .bar {
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: #dde7cf;
	border-radius: 15px
}

.single-post .video-popup__close .bar:nth-of-type(1) {
	transform: rotate(45deg)
}

.single-post .video-popup__close .bar:nth-of-type(2) {
	transform: rotate(-45deg)
}

.single-post .footer {
	height: auto
}

.single-post .footer__inner {
	position: relative
}

.breadcrumbs {
	font-size: clamp(0.87rem, 0.7vw, 0.7vw);
	color: #dde7cf;
	margin-bottom: 2.5rem;
	width: 100%
}

.breadcrumbs a {
	color: inherit
}

.breadcrumbs a:hover {
	text-decoration: underline
}

.post-password-form {
	width: 50vw;
	margin: 15vw auto 0 !important
}

@media screen and (min-width: 1921px) {
	.post-password-form {
		margin: 5vw auto 0 !important
	}
}

@media screen and (max-width: 1500px) {
	.post-password-form {
		width: 59vw
	}
}

@media screen and (max-width: 1400px) {
	.post-password-form {
		width: 62vw
	}
}

@media screen and (max-width: 1300px) {
	.post-password-form {
		width: 66vw
	}
}

@media screen and (max-width: 1200px) {
	.post-password-form {
		width: 70vw
	}
}

@media screen and (max-width: 1100px) {
	.post-password-form {
		width: 76vw
	}
}

@media screen and (max-width: 1000px) {
	.post-password-form {
		width: 82vw
	}
}

@media screen and (max-width: 900px) {
	.post-password-form {
		width: 86vw
	}
}

@media screen and (max-width: 800px) {
	.post-password-form {
		width: 92vw
	}
}

@media screen and (max-width: 767px) {
	.post-password-form {
		width: 72vw
	}
}

@media screen and (max-width: 350px) {
	.post-password-form {
		width: 90vw
	}
}

@media screen and (max-width: 689px) {
	.post-password-form input[type="submit"] {
		margin: 2vw 0 0
	}
}

@media screen and (max-width: 453px) {
	.post-password-form input[type="password"] {
		margin: 2vw 0 0
	}
}

.summary-post {
	width: 100%;
	color: #dde7cf;
	font-size: clamp(0.9rem, 0.78vw, 0.78vw)
}

.summary-post__img {
	overflow: hidden;
	position: relative;
	padding-top: 56.25%;
	display: block
}

.summary-post__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.summary-post__img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2995d3;
	mix-blend-mode: multiply;
	z-index: 2;
	opacity: 0;
	transition: .2s
}

.summary-post__info {
	display: flex;
	gap: .8rem;
	margin-top: .8rem
}

.summary-post__title {
	color: #2995d3;
	font-size: clamp(1.25rem, 0.93vw, 0.93vw);
	font-weight: 700;
	margin: .5em 0
}

.summary-post__more {
	color: #2995d3;
	display: block;
	font-size: 1.1rem;
	margin: 0.6em 0
}

.summary-post__title a,
.summary-post__category a {
	color: inherit
}

.summary-post__category a {
	text-decoration: underline
}

.summary-post--hover .summary-post__img::before {
	opacity: 1
}

.summary-post--hover .summary-post__title,
.summary-post--hover .summary-post__more {
	text-decoration: underline
}

.page-template-blog-landing .main {
	background-size: cover;
	background-position: center;
	max-width: 100vw;
	overflow: hidden;
	font-family: 'Gilroy', sans-serif
}

.page-template-blog-landing .container {
	width: 50vw;
	margin: 25vh auto 0
}

@media screen and (max-width: 1500px) {
	.page-template-blog-landing .container {
		width: 59vw
	}
}

@media screen and (max-width: 1400px) {
	.page-template-blog-landing .container {
		width: 62vw
	}
}

@media screen and (max-width: 1300px) {
	.page-template-blog-landing .container {
		width: 66vw
	}
}

@media screen and (max-width: 1200px) {
	.page-template-blog-landing .container {
		width: 70vw
	}
}

@media screen and (max-width: 1100px) {
	.page-template-blog-landing .container {
		width: 76vw
	}
}

@media screen and (max-width: 1000px) {
	.page-template-blog-landing .container {
		width: 82vw
	}
}

@media screen and (max-width: 900px) {
	.page-template-blog-landing .container {
		width: 86vw
	}
}

@media screen and (max-width: 800px) {
	.page-template-blog-landing .container {
		width: 92vw
	}
}

@media screen and (max-width: 767px) {
	.page-template-blog-landing .container {
		width: 72vw
	}
}

@media screen and (max-width: 350px) {
	.page-template-blog-landing .container {
		width: 90vw
	}
}

.page-template-blog-landing .blog__pinned-post {
	margin-bottom: 3.5rem
}

.page-template-blog-landing .blog__pinned-post .summary-post {
	display: flex;
	gap: 2rem
}

.page-template-blog-landing .blog__pinned-post .summary-post__img {
	padding-top: 33.25%;
	width: calc(63% - 1rem);
	flex-shrink: 0
}

@media screen and (max-width: 1000px) {
	.page-template-blog-landing .blog__pinned-post .summary-post__img {
		padding-top: 56.25%;
		width: 100%
	}
}

.page-template-blog-landing .blog__pinned-post .summary-post__title {
	font-size: 1.7em
}

@media screen and (max-width: 1000px) {
	.page-template-blog-landing .blog__pinned-post .summary-post {
		flex-wrap: wrap;
		gap: 0
	}
}

.page-template-blog-landing .footer {
	height: auto
}

.page-template-blog-landing .footer__inner {
	position: relative
}

.archive .main,
.blog .main {
	background-size: cover;
	background-position: center;
	max-width: 100vw;
	overflow: hidden;
	font-family: 'Gilroy', sans-serif
}

.archive .container,
.blog .container {
	width: 50vw;
	margin: 25vh auto 0
}

@media screen and (max-width: 1500px) {

	.archive .container,
	.blog .container {
		width: 59vw
	}
}

@media screen and (max-width: 1400px) {

	.archive .container,
	.blog .container {
		width: 62vw
	}
}

@media screen and (max-width: 1300px) {

	.archive .container,
	.blog .container {
		width: 66vw
	}
}

@media screen and (max-width: 1200px) {

	.archive .container,
	.blog .container {
		width: 70vw
	}
}

@media screen and (max-width: 1100px) {

	.archive .container,
	.blog .container {
		width: 76vw
	}
}

@media screen and (max-width: 1000px) {

	.archive .container,
	.blog .container {
		width: 82vw
	}
}

@media screen and (max-width: 900px) {

	.archive .container,
	.blog .container {
		width: 86vw
	}
}

@media screen and (max-width: 800px) {

	.archive .container,
	.blog .container {
		width: 92vw
	}
}

@media screen and (max-width: 767px) {

	.archive .container,
	.blog .container {
		width: 72vw
	}
}

@media screen and (max-width: 350px) {

	.archive .container,
	.blog .container {
		width: 90vw
	}
}

.archive .archive__title,
.blog .archive__title {
	color: #fff;
	font-style: italic;
	margin-bottom: 3.75rem
}

.archive .footer,
.blog .footer {
	height: auto
}

.archive .footer__inner,
.blog .footer__inner {
	position: relative
}

.posts {
	padding-bottom: 7.8125vw
}

@media screen and (max-width: 800px) {
	.posts {
		padding-bottom: 25vw
	}
}

.posts .posts__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 3.5rem
}

.posts .summary-post {
	width: calc(100% / 3 - 2.4rem)
}

@media screen and (max-width: 800px) {
	.posts .summary-post {
		width: 100%
	}
}

.posts .posts__btn {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	background: none;
	border: 2px solid #2995d3;
	border-radius: 20px;
	padding: .8rem 1.5rem;
	color: #2995d3;
	font-weight: 700;
	margin: 70px auto 0;
	transition: .2s
}

.posts .posts__btn:hover {
	background-color: #2995d3;
	color: #fff
}

.popular-news-slider {
	padding-bottom: 7.8125vw;
	font-size: clamp(0.9rem, 0.78vw, 0.78vw);
	position: relative
}

@media screen and (max-width: 800px) {
	.popular-news-slider {
		padding-bottom: 25vw
	}
}

.popular-news-slider .s-slider__title {
	font-size: 2em;
	color: #2995d3;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: .5em
}

.popular-news-slider .s-slider__wrapper {
	width: 100%;
	height: auto;
	overflow: hidden
}

.popular-news-slider .s-slider__slides {
	display: flex;
	gap: 2rem;
	transition: transform 0.5s ease-in-out
}

.popular-news-slider .s-slider__slide {
	width: calc(100% - 1rem);
	flex-shrink: 0;
	display: flex;
	gap: 2rem
}

@media screen and (max-width: 800px) {
	.popular-news-slider .s-slider__slide {
		flex-wrap: wrap
	}
}

.popular-news-slider .s-slider__slide .summary-post {
	width: calc(25% - 1.5rem)
}

@media screen and (max-width: 800px) {
	.popular-news-slider .s-slider__slide .summary-post {
		width: calc(50% - 1rem)
	}
}

.popular-news-slider .s-slider__btn {
	background: none;
	border: none;
	position: absolute;
	cursor: pointer;
	top: 28%;
	transform: translateY(-50%);
	z-index: 2
}

@media screen and (max-width: 800px) {
	.popular-news-slider .s-slider__btn {
		display: none
	}
}

.popular-news-slider .s-slider__btn--prev {
	right: calc(100% + 45px)
}

@media screen and (max-width: 1100px) {
	.popular-news-slider .s-slider__btn--prev {
		left: -15%;
		right: unset
	}
}

.popular-news-slider .s-slider__btn--next {
	left: calc(100% + 45px)
}

@media screen and (max-width: 1100px) {
	.popular-news-slider .s-slider__btn--next {
		right: -15%;
		left: unset
	}
}

.popular-news-slider .s-slider__btn svg {
	transition: 0.3s cubic-bezier(0.75, -0.5, 0, 1.75)
}

@media screen and (min-width: 1921px) {
	.popular-news-slider .s-slider__btn svg {
		width: 1.614583333vw;
		height: 2.864583333vw
	}
}

@media screen and (max-width: 767px) {
	.popular-news-slider .s-slider__btn svg {
		width: 4.041720991vw;
		height: 7.170795306vw
	}
}

@media screen and (max-width: 1100px) {
	.popular-news-slider .s-slider__btn svg path {
		stroke: #fff
	}
}

@media screen and (min-width: 767px) {
	.popular-news-slider .s-slider__btn:hover svg {
		transform: scale(1.1, 1.2)
	}
}