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
}

@font-face {
	font-family:'YekanBakh-Bold';
	src: url('font/YekanBakh-Bold.eot?#') format('eot'),
		 url('font/YekanBakh-Bold.ttf') format('truetype');
}

@font-face {
	font-family:'YekanBakh-Regular';
	src: url('font/YekanBakh-Regular.eot?#') format('eot'),
		 url('font/YekanBakh-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'IranSans';
	src: url('font/IranSans.eot?#') format('eot'),
		 url('font/IranSans.ttf') format('truetype');
}

@font-face {
	font-family:'W_YEKAN';
	src: url('font/W_YEKAN.eot?#') format('eot'),
		url('font/W_YEKAN.woff') format('woff'),
		 url('font/W_YEKAN.ttf') format('truetype');
}

.none01{
	display:none !important;
}

.opacity01{
	opacity:1 !important;
}

.box01{
	width: 50%;
	float:right;
	text-align: center;
	margin-top: 90px;
	height: 99px;
}

.box02{
	width: 50%;
	float:right;
	text-align: center;
	margin-top: 60px;
	height: 99px;
}

.img01{
	width:57px;
	height:57px;
	margin: 0px auto;
	text-align: center;
}

.text01 {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    font-family: 'IranSans';
}

.text02 {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    font-family: 'IranSans';
}

.top01 {
	top: 0% !important;
}

.top02 {
	top: -26% !important;
}

.top03 {
	top: 5% !important;
}

.top04 {
	top: 0% !important;
	max-width: 40vw !important;
}


.media01{
	display:block;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	
	.media01{
		display:none;
	}
	
	.top01 {
		top: -5% !important;
	}
	
	.top02 {
		top: -88% !important;
	}
	
	.top03 {
		top: -20% !important;
	}
	
	.top04 {
		top: -103% !important;
		max-width: 90vw !important;
	}
	
	.box01{
		width:100%;
		float:right;
		text-align: center;
		margin-top: 10px;
		height: 110px;
	}
		
	.box02{
		width:100%;
		float:right;
		text-align: center;
		margin-top: 10px;
		height: 110px;
		margin-bottom: 30px;
	}

	.img01{
		width:57px;
		height:57px;
		margin: 0px auto;
		text-align: center;
	}

	.text01 {
		font-size: 12px;
		letter-spacing: 0px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		margin-top: 5px;
		font-family: 'IranSans';
	}

	.text02 {
		font-size: 13px;
		letter-spacing: 0px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		margin-top: 5px;
		font-family: 'IranSans';
	}
    
}


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
}

.cream-16-normal {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 240%;
    text-align: justify;
    color: #dde7cf;
    font-family: 'IranSans';
}

.cream-16-normal span{
    font-size: 17px;
    font-family:'W_YEKAN';
}



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

.qanelas-28-bold {
    font-family: 'IranSans';
    font-size: 31px;
    letter-spacing: 1px;
    color: #2995d3;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

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

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

.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:'IranSans';
    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: 43.791667vw;
    top: 13.02083333vw;
    z-index: 5;
    color: #fff;
    font-family:'IranSans';
    transition: 0.7s transform, 0.6s opacity, 0.5s visibility;
    will-change: top
}

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

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

.text03 {
    position: relative;
    right: 125px !important;
}

.text04 {
    position: relative;
    right: 150px !important;
    font-size: 1.7vw !important;
}

.text05 {
    top: 340px;
    z-index: 99;
    right: 85px;
    position: relative;
    text-align: right;
    opacity:1!important;
    direction: rtl;
    width: 130%;
    line-height: 40px;
    font-size: 18px;
    letter-spacing: 0px !important;
}

.sea__text-one {
    text-transform: uppercase;
    font-size: 2vw;
    letter-spacing: 1px;
    font-weight: 700;
    transition: 0.7s;
    text-align: right;
    will-change: font-size;
    line-height: 100px;
    direction: rtl;
    position: relative;
    right: 425px;
}

@media screen and (max-width: 1920px) {
    .sea__text-one {
		line-height: 80px;
	}
}

@media screen and (max-width: 1600px) {
    .sea__text-one {
		line-height: 65px;
	}
}

@media screen and (max-width: 767px) {
    .sea__text-one {
        font-size: 16px;
        line-height: 35px;
        right: 30px;
    }
	
	.text03 {
		right: 30px !important;
	}
	
	.text04 {
		right: 25px !important;
		font-size: 17px !important;
		line-height: 35px;
	}
	
	.text05 {
		top: 510px;
		right: 0px;
		text-align: justify;
		max-width: 420px;
		padding: 45px;
		width: auto;
	}
}

.sea__text-two {
    transition: 0.7s;
    padding: 0.5208333333vw 0;
    will-change: font-size;
    font-size: 1.8vw;
    font-weight: 700;
    line-height: 200%;
    direction: rtl;
    position: relative;
    width: 110%;
    right: 250px;
}

@media screen and (max-width: 767px) {
    .sea__text-two {
        font-size: 15px;
        line-height: 35px;
        top: 20px;
        right: 60px;
    }
}

.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: 8.208333vw;
}

.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: -2%;
    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 {
        right: calc(50% + 49.09374667vw);
    }
}

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

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

@media screen and (max-width: 767px) {
    .sound-control {
        width:45px;
        height: 45px;
        left: 19vw;
        right: auto;
        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)
    }
}

@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: 60vw;
    width: 100%;
    direction: rtl;
    z-index: 21
}

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

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

@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:320px;
        top: 17%
    }
}

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

.about-text__left {
    color: #2995d3
}

.text__left01 {
    float:left;
	width:50%;
}

.text__right01 {
    float: right;
	width:50%;
	margin-left: 70px;
}

.text__left01 p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 200%;
    text-align: justify;
    color: #dde7cf;
    font-family: 'IranSans';
    margin-top: 45px;
}

.text__right01 p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 200%;
    text-align: justify;
    color: #dde7cf;
    font-family: 'IranSans';
    margin-top: 45px;
}

@media screen and (max-width: 767px) {
	
	.text__right01 p {
		margin-top: 25px;
	}
	
	.text__left01 {
		float:left;
		width:100%;
		display: none;
	}

	.text__right01 {
		float: right;
		width:100%;
		margin-left: 0px;
	}
	
    .about-text__left {
        display:flex;
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 25px;
        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: 108px;
    height: 22px;
}

.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: 11.083333vw;
    left: calc(50% + 0.4166666667vw);
    transform: translate(-50%, 1.04167vw);
    z-index: 4;
    opacity: 0;
    width: 48px;
    height: 74px;
}

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

@media screen and (max-width: 767px) {
    .simbol__img {
        height:auto;
        top: 41.083333vw;
        width: 9.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: -16%;
    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: 1440px) {
    .hamburger {
		left: -14%;
	}
}

@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: 18vw;
        transform: translateX(-100%)
    }
}

@media screen and (max-width: 767px) {
    .hamburger {
        left: 18vw;
        right: auto;
        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
    }
}

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

.menu__nav {
	position: relative;
	right: 99px;
}

.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 {
        height: 52px;
        width: 133px;
    }
}

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

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

@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);
        right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .menu__nav {
        right: 30px;
    }
}

.menu__nav-list {
    display: flex;
    position: relative;
    right: 375px;
}

@media screen and (max-width: 1920px) {
    .menu__nav-list {
		right: 165px;
	}
}

@media screen and (max-width: 1600px) {
    .menu__nav-list {
		position: relative;
		right: 60px;
	}
}

@media screen and (max-width: 1440px) {
    .menu__nav-list {
		position: relative;
		right: 0px;
	}
}

@media screen and (max-width: 1366px) {
    .menu__nav-list {
		right: -20px;
	}
}

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

.menu__inner {
    max-width: 67vw;
    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 23px;
    font-size: 14px;
    letter-spacing: 0.05208333333vw;
    font-family: 'IranSans';
    font-weight: 700;
    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;
        font-weight: 700;
        line-height: 25px;
    }
}

@media screen and (max-width: 580px) {
    .menu__nav-item {
        margin-bottom: 12px;
        font-weight: 100;
    }
}

.menu__icons {
    display: flex;
    justify-content: flex-end;
    float: left;
    top: -10px;
    position: relative;
}

@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;
        right: 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: auto;
    height: auto;
    z-index: 20;
    top: -300px;
    position: relative;
}

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

.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: 35.479167vw;
}

.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;
        font-size: 13px;
        line-height: 30px;
        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: 35.479167vw;
    }
}

@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: 73.739583vw;
    right: 78.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: 25vw;
        bottom: 260vw;
    }
}

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

@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: 13px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 27px;
    color: #dde7cf;
    font-weight: 500;
    font-family: 'IranSans';
    width: 19.5625vw;
    position: absolute;
    top: 80px;
    right: -2.427083vw;
    direction: rtl;
    opacity: 0;
    transition: 0.3s;
    transform: translateY(0.52083vw);
    will-change: transform;
    padding: 1.5625vw;
    visibility: hidden
}

.hotspot__content span{
	font-family:'W_YEKAN';
	font-size: 17px;
}

.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: 28px;
        direction: rtl;
        padding: 20px 25px;
        top: 80px;
        text-align: justify;
        right: -35px;
    }
}

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

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

.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;
    display: flex;
    justify-content: center;
    height: 40vw
}

@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;
    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: 149px;
    height: 537px;
}

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

.velika .negazirana__bottle {
    width: 16.725vw
}

@media screen and (max-width: 767px) {
    .velika .negazirana__bottle {
        width:39.1642764vw;
        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: 19.020833vw;
    top: 12.2vw;
}

.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: 22.0208vw;
        top: 8.25vw;
        display: none;
    }

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

.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: 0vw;
    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
    }
}

.hotspot--vitaminska {
    top: 15.5vw;
    right: 20.9375vw;
}

@media screen and (max-width: 767px) {
    .hotspot--vitaminska {
        top:85vw;
        left: 8vw;
        display: none;
    }

    .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.979167vw;
    height: 23.479167vw;
    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: 3vw;
    left: 65.770833vw;
    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: 29vw; */
    }
}

@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:-40vw;
        left: 65vw;
    }
}

@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;
	margin-top: -25px;
    z-index: 15;
    transform: translateX(-50%)
}

@media screen and (max-width: 767px) {
	.about-text--three .about-text__inner {
		margin-top: 0px;
	}
    .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: 65vw;
    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;
        direction: rtl;
    }
}

@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: 45px;
    }
}

@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;
    direction: rtl;
}

.footer__bottom-top {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 0.1041666667vw solid #0078b9;
    direction: ltr;
}

@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;
        display: none;
    }
}

.footer__bottom-list {
    display: flex;
}

.footer__bottom-list img {
    margin-left: 20px;
}

@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: 'YekanBakh-Bold';
    text-transform: uppercase;
    display: inline-block;
    margin-left: 50px;
    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;
    padding-top: 20px;
    font-size: 0.625vw;
    text-align: center;
}

@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;
    right: 0vw;
    transform: translateX(-50%);
    z-index: 45;
    background: transparent;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 500;
    font-family:'IranSans';
    cursor: pointer;
    /* opacity: 0; */
    transition: 0.3s;
    border-radius: 24px;
    border: 2px solid #fff;
    font-size: 16px;
    padding: 7px 22px;
    display: none;
}

.skip-intro.show {
    /* opacity: 0; */
    color: #fff;
    background: transparent
}

.skip-intro:hover {
    background: #fff;
    color: #0078b9;
    opacity: 1
}

.skip-intro.remove {
    opacity: 0;
    visibility: hidden
}

@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 {
        right: 5vw;
        transform: translate(0)
    }
}

@media screen and (max-width: 767px) {
    .skip-intro {
        right: 5vw;
        font-size: 14px;
        padding: 6px 24px;
        transform: translate(0);
        top: 3.2vw
    }
}

@media screen and (max-width: 480px) {
    .skip-intro {
        top:16px;
        width: 36%;
        right: 5vw;
        padding: 5px 10px;
    }
}

.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;
    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.5vw;
    letter-spacing: 0.15625vw;
    color: #00aeff;
    font-family:arial;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .loader__percentage {
        font-size:20px;
        transform: translateY(80px)
    }
}

.loader__percentage-precentage {
    font-size: 3.2vw;
}

.loader__text {
    font-size: 27px;
    letter-spacing: 0;
    line-height: 1.927083333vw;
    color: #00aeff;
    font-family:'IranSans';
    text-align: center;
    text-transform: uppercase;
	position:relative;
	top:-40px;
    transform: translateY(-50px)
}

@media screen and (max-width: 767px) {
    .loader__text {
        font-size:20px;
        transform: translateY(-90px)
    }
}

.negazirana__slider-title {
    position: absolute;
    left: 75%;
    width: 15.625vw;
    top: 60%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1vw;
    letter-spacing: 1px;
    line-height: 38px;
    font-weight: 700;
    font-family:'IranSans';
    opacity: 0;
    transform: translateY(20px);
    will-change: transform, opacity;
    pointer-events: none;
    color: #dde7cf;
    direction: rtl;
}

.negazirana__slider-title span{
	font-family:'W_YEKAN';
	font-size: 20px;
}



@media screen and (max-width: 767px) {
    .negazirana__slider-title {
        font-size: 14px;
        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: 35%;
    width: 15.625vw;
    direction: rtl;
    top: 60%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-size: 1vw;
    letter-spacing: 1px;
    line-height: 38px;
    font-weight: 700;
    font-family:'IranSans';
    opacity: 0;
    transform: translateY(20px);
    will-change: transform, opacity;
    color: #dde7cf
}

.vitaminska__slider-title span{
    font-size: 19px;
    font-family:'W_YEKAN';
}



@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: 14px;
    }

    .vitaminska__slider-title br {
        display: none
    }
}

.imuno-title {
    position: absolute;
    left: 59%;
    width: 15.625vw;
    top: 45%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2vw;
    letter-spacing: 1px;
    line-height: 35px;
    font-weight: 700;
    font-family:'IranSans';
    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;
    top: 130px;
}

@media screen and (max-width: 767px) {
    .footer__inner {
        position: relative;
        top: 10px;
    }
}

.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: arial;
    font-size: 15px;
}

@media screen and (max-width: 767px) {
	   .footer__bottom-copy{
		    font-size: 13px;
    }
}

.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: -23vw;
    position: relative
}

@media screen and (max-width: 1366px) {
	
	.imuno {
		margin-top: -21vw;
	}
		
}

.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-top-new-krosnja {
		top: 25vw;
	}
		
}

.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: 24.47917vw;
    top: 28.5%;
    left: 48.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
}

.shape {
	position: relative;
    top: 45px;
    left: 21px;
}

.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
    }
	
	.footer__bottom-bottom {
		top: 24px;
		position:relative;
	}
}

@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)
    }

}