@charset "utf-8";
/* CSS Document */
body {font-family:'Jost', Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:16px;font-weight:400;background:#043124;color:#000000;min-width:320px;}
input:-internal-autofill-selected {background:none;}
* {margin:0;padding:0;box-sizing:border-box;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Jost', Arial, Helvetica, sans-serif;background:none;color:inherit;}
button, input, textarea {font-family:'Jost', Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:none;color:inherit;}
img::selection {background:none;}
input::selection {background:#ffffff;color:#000000;}
#default {display:block;position:fixed;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;}
#default-hold {display:block;position:fixed;z-index:-1;}
@media screen and (max-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:10px;}
}
@media screen and (min-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:50px;}
}
@media screen and (min-width: 639px)
{
	#default-hold {width:150px;}
}
@media screen and (min-width: 777px)
{
	#default-hold {width:250px;}
}
@media screen and (min-width: 959px)
{
	body {font-size:16px;}
	#default-hold {width:350px;}
}
@media screen and (min-width: 1169px)
{
	#default-hold {width:450px;}
}
@media screen and (min-width: 1399px)
{
	#default-hold {width:550px;}
}
@media screen and (min-width: 1639px)
{
	#default-hold {width:650px;}
}
@media screen and (min-width: 1919px)
{
	#default-hold {width:750px;}
}
@media screen and (min-width: 2299px)
{
	#default-hold {width:850px;}
}

/* Transition */
button, button:hover,
input, input:focus, input:hover, textarea, textarea:focus,
a, a img, a::before, a::after
	{transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-moz-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-webkit-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-o-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;}
a svg, button svg
	{transition:fill 0.3s;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;}

/* clear */
.hold {margin:auto;width:88%;min-width:300px;max-width:1640px;box-sizing:border-box;}
	*.hold::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}
	*.clear::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}

/* def */
*.lazy {background:url(../../file/loader-32.gif) center no-repeat;}
*.lazy.lazy-on {background:none;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	*.zoom-5 {-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
	*.zoom-5:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
	*.zoom-5-shadow {transition:transform 0.5s, box-shadow 0.5s;-moz-transition:transform 0.5s, box-shadow 0.5s;-webkit-transition:-webkit-transform 0.5s, box-shadow 0.5s;-o-transition:transform 0.5s, box-shadow 0.5s;}
	*.zoom-5-shadow:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-box-shadow:0px 1px 12px rgba(0,0,0,0.1);box-shadow:0px 1px 12px rgba(0,0,0,0.1);}
*.butonon {font-size:1em;box-sizing:border-box;line-height:1.2em;padding:1.4em 1.25em;color:#ffffff;background:#E24C0B;-moz-border-radius:1em;border-radius:1em;cursor:pointer;letter-spacing:-0.02em;height:4em;}
	*.butonon:hover {background:#930C0C;}

/* animst */
.an-left.an-off {-ms-transform: matrix(1, 0, 0, 1, -90, 0);-webkit-transform: matrix(1, 0, 0, 1, -90, 0);transform: matrix(1, 0, 0, 1, -90, 0);filter:alpha(opacity=0);opacity:0;}
.an-zoom.an-off {-ms-transform: matrix(0.8, 0, 0, 0.8, 0, 0);-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);transform: matrix(0.8, 0, 0, 0.8, 0, 0);filter:alpha(opacity=0);opacity:0;}
.an-up.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.animst.an-left, .animst.an-zoom, .animst.an-up {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.animst.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

/* animst */
*.lo-ready {transition:background 1.5s;-moz-transition:background 1.5s;-webkit-transition:background 1.5s;-o-transition:background 1.5s;}
	body.ready *.lo-ready {background:none;}
*.f-ready {filter:alpha(opacity=0);opacity:0;transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}
	body.ready *.f-ready {filter:alpha(opacity=100);opacity:1;}
.an-diz.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-diz {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}
/* animi */
.animi-diz.animi-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.animi-diz {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.animi-fade.animi-off {filter:alpha(opacity=0);opacity:0;}
.animi-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

.dugme-strelica {padding-top:1.75em;font-size:0.75em;}
.dugme-strelica.center {text-align: center;}
.dugme-strelica a {display: inline-block;padding-right:5em;height:1em;line-height:1em;color:#ffffff;}
.dugme-strelica a:hover {opacity:0.8;}
.dugme-strelica a strong {display:block;float:left;width:100%;white-space: nowrap;text-transform: uppercase;font-weight: 400;}
.dugme-strelica a span {display:block;float:right;width:4em;height:1em;position:relative;z-index:100;margin-right:-5em;}
.dugme-strelica a span svg {display: block;width:4em;fill:#ffffff;}


/*
.dugme-strelica a {display: flex;gap:1em;line-height:1em;margin:auto;}
.dugme-strelica a strong {white-space: nowrap;text-transform: uppercase;font-weight: 400;}
.dugme-strelica a span {width:4em;height:1em;position:relative;z-index:100;}
.dugme-strelica a span svg {display: block;width:4em;}
*/

/* sadrzaj */
#sadrzaj {position:relative;z-index:100;width:100%;max-width:1920px;margin:auto;overflow: hidden;box-shadow:0px 0px 80px rgba(0,0,0,0.25);}
#sadrzaj {font-size:clamp(17px,1.6vw,23px);}
.slika-f-load {opacity:0;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.slika-f-load.loaded {opacity:1;}
.scr-sadrzaj #page {position:fixed;width:100%;height:100%;overflow:auto;}

/* header 1000 */
header {display:block;position:fixed;z-index:1000;width:100%;height:0%;overflow:visible;left:0%;top:0%;font-size:clamp(12px,1vw,15px);}
header .back {display: block;position:absolute;z-index:1000;right:0px;top:0em;background:rgba(245,245,245,0);box-shadow:0px 0px 0px rgba(0,0,0,0);-o-transition:background 0.5s, box-shadow 0.5s, top 0.5s;-moz-transition:background 0.5s, box-shadow 0.5s, top 0.5s;-webkit-transition:background 0.5s, box-shadow 0.5s, top 0.5s;transition:background 0.5s, box-shadow 0.5s, top 0.5s;}
header.lep .back {background:rgba(245,245,245,1);box-shadow:0px 2px 8px rgba(0,0,0,0.5);}
@media screen and (max-width: 959px)
{
	header .back {width:5em;height:4.5em;border-radius:0em 0em 0em 8px;}
	header.n-open .back {top:-5em;}
}
@media screen and (min-width: 959px)
{
	header .back {height:4.5em;width:100%;}
}
@media screen and (min-width: 1919px)
{
	header {width:1920px;left:50%;margin-left:-960px;}
}
/* - */
header .logo {display: block;position:absolute;z-index:1020;}
header .logo a {display: block;width:100%;}
header .logo a svg {display: block;width:100%;fill:#ffffff;}
header.green .logo a svg {fill:#053829;}
@media screen and (max-width: 959px)
{
	header .logo {left:7.5%;width:4.5em;top:1.1667em;-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header.lep .logo {top:-2.5em;}
}
@media screen and (min-width: 959px)
{
	header .logo {left:7.5%;width:4.5em;top:1.1667em;}
	header .logo a svg {-o-transition:fill 0.5s;-moz-transition:fill 0.5s;-webkit-transition:fill 0.5s;transition:fill 0.5s;}
	header.lep .logo a svg {fill:#053829;}
}
/* - */
@media screen and (max-width: 959px)
{
	header .lan {display: none;}
}
@media screen and (min-width: 959px)
{
	header .lan {display: block;position:absolute;z-index:1020;right:7.5%;width:5em;top:1.75em;color:#ffffff;-o-transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;transition:color 0.5s;}
	header.green .lan {color:#053829;}
	header.lep .lan {color:#053829;}
	header .lan ul {display: flex;justify-content: space-between;line-height:1em;text-transform: uppercase;}
	header .lan li {display: block;opacity:0.5;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
	header .lan li a {color:inherit;}
	header .lan li.cur, header .lan li:hover {opacity:1;}
}
/* - */
@media screen and (max-width: 959px)
{
	header nav {display: none;}
}
@media screen and (min-width: 959px)
{
	header nav {display:block;position:absolute;z-index:1010;top:1.75em;left:7.5%;right:7.5%;padding:0em 5em 0em 4.5em;color:#ffffff;-o-transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;transition:color 0.5s;}
	header.green nav,
	header.lep nav {color:#053829;}
	header nav ul {display: flex;width:100%;justify-content:center;gap:3.5vw;}
	header nav li {line-height:1em;text-transform: uppercase;}
	header nav li svg {display: block;padding-top:0.25em;width:0.5em;fill:#ffffff;-o-transition:fill 0.5s;-moz-transition:fill 0.5s;-webkit-transition:fill 0.5s;transition:fill 0.5s;}
	header.green nav li svg,
	header.lep nav li svg {fill:#053829;}
	header.lep nav li.cur {color:#929292;}
	header nav li a {color:inherit;}
	header nav li a:hover {text-decoration: underline;text-decoration-style: dotted;}
}
@media screen and (min-width: 1919px)
{
	header nav ul {gap:68px;}
}
/* - */
@media screen and (max-width: 959px)
{
	header .button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;background:none;right:0em;top:0em;-o-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;transition:top 0.5s;}
	header.n-open .button {top:-5em;}
	header .button button {font-size:1em;width:5em;height:4.5em;position:absolute;z-index:1030;background:none;right:0em;top:0em;}
	
	header .button span.a {position:absolute;z-index:1030;width:3.5em;height:3em;left:50%;top:50%;margin:-1.5em -1.75em;font-size:0.8em;}
	header .button span.a span.lin {position:absolute;z-index:1030;width:3em;height:0.3em;overflow:visible;left:0.25em;top:0.35em;border-radius:0.15em;}
	header .button span.a span.lin::before {position:absolute;z-index:1030;width:2.33em;height:0.3em;right:0em;top:1em;content:' ';border-radius:0.15em;}
	header .button span.a span.lin::after {position:absolute;z-index:1030;width:1.667em;height:0.3em;right:0em;top:2em;content:' ';border-radius:0.15em;}
	header .button button:hover span.a span.lin::before,
	header .button button:hover span.a span.lin::after {width:3em;}
	
	header .button span.a span.lin,
	header .button span.a span.lin::before,
	header .button span.a span.lin::after {background:#ffffff;-o-transition:background 0.5s, width 0.5s;-moz-transition:background 0.5s, width 0.5s;-webkit-transition:background 0.5s, width 0.5s;transition:background 0.5s, width 0.5s;}
	header.green .button span.a span.lin,
	header.green .button span.a span.lin::before,
	header.green .button span.a span.lin::after,
	header.lep .button span.a span.lin,
	header.lep .button span.a span.lin::before,
	header.lep .button span.a span.lin::after {background:#053829;}
}
@media screen and (min-width: 959px)
{
	header .button {display: none;}
}

/* navigacija 1500 */
#navigacija {position:fixed;z-index:1500;top:0px;left:-300%;width:100%;height:100%;overflow:hidden;}
#navigacija.open {left:0%;}

#navigacija .content {position:absolute;z-index:1520;width:100%;margin-left:-80px;box-sizing:border-box;top:0%;left:0%;height:100%;overflow:hidden;opacity:0;}
#navigacija .content {-moz-transition:margin 0.5s, opacity 0.5s;-webkit-transition:margin 0.5s, opacity 0.5s;transition:margin 0.5s, opacity 0.5s;}
#navigacija.in .content {margin-left:0px;opacity:1;}
#navigacija.in.out .content {margin-left:-80px;opacity:0}
#navigacija .content .back {position:absolute;z-index:1520;width:100%;height:100%;left:0%;top:0%;background:#053829;}
#navigacija .content .back svg {position:absolute;z-index:1520;left:8%;width:84%;bottom:0%;fill:#2A5649;}

#navigacija .x {position:absolute;z-index:1540;font-size:clamp(40px,8vw,64px);top:0.5em;left:100%;margin-left:-1.5em;width:1em;height:1em;}
#navigacija .x button {display: block;font-size:1em;width:1em;height:1em;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#navigacija .x button:hover {opacity:0.5;}
#navigacija .x button span {width:0px;height:0px;overflow:visible;top:50%;left:50%;display:block;position:absolute;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#navigacija .x button span::before {content:' ';width:1em;height:2px;background: #ffffff;left:-0.5em;top:-1px;position:absolute;display: block;border-radius:1px;}
#navigacija .x button span::after {content:' ';width:2px;height:1em;background: #ffffff;left:-1px;top:-0.5em;position:absolute;display: block;border-radius:1px;}
#navigacija .content .in {position:relative;z-index:1530;left:0%;top:50%;width:100%;max-height:100%;overflow: auto;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}

#navigacija .content .f-in {margin:auto;width:84%;max-width:600px;padding:3em 0em;}
#navigacija .content .lan {color:#ffffff;text-transform:uppercase;}
#navigacija .content .lan ul {display: flex;justify-content:flex-start;gap:1em;line-height:1em;}
#navigacija .content .lan li {opacity:0.5;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#navigacija .content .lan li a {color:inherit;}
#navigacija .content .lan li.cur, #navigacija .content .lan li:hover {opacity:1;}

#navigacija .content nav {display: block;text-align:left;width:100%;line-height:1.5em;padding-top:2em;}
#navigacija .content nav li {padding:0.25em 0em;font-weight: 300;color:#ffffff;border-bottom:1px solid rgba(255,255,255,0.15);}
#navigacija .content nav li a {color: inherit;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#navigacija .content nav li.cur a,
#navigacija .content nav li a:hover {opacity:0.5;}

#navigacija .content nav {font-size:clamp(24px,6.5vw,32px);}

#navigacija .content .in::-webkit-scrollbar {width:8px;background:none;}
#navigacija .content .in::-webkit-scrollbar-track {-moz-border-radius:4px;border-radius:4px;width:100%;}
#navigacija .content .in::-webkit-scrollbar-thumb {-moz-border-radius:4px;border-radius:4px;background:rgba(0,0,0,0.25);}
#navigacija .content .in::-webkit-scrollbar-thumb:hover {}

/* footer */
footer {display: block;width:100%;}
footer .body {position:relative;z-index:100;width:100%;background:#053829;background: linear-gradient(324deg, #053829 51.97%, #1B5A48 94.27%);}
footer .body .h {margin:auto;width:85%;}
footer .body .h .logo svg {display: block;width:100%;fill:#ffffff;}
@media screen and (min-width: 479px)
{
	footer .body .h .inb-h {display: flex;justify-content: space-between;gap:7.5vw;}
}
@media screen and (min-width: 1399px)
{
	footer .body .h .inb-h {gap:12.5vw;}
}
footer .body .h .nav {display: flex;justify-content: space-between;gap:4.5vw;}
@media screen and (min-width: 1399px)
{
	footer .body .h .nav {gap:7.5vw;}
}
footer .body .h .nav ul {padding-top:1.125em;}
footer .body .h .nav li {padding-bottom:1em;line-height:1.25em;color:#ffffff;}
footer .body .h .nav li:last-child {padding-bottom: 0em;}
footer .body .h .nav li a {display: inline-block;color:#ffffff;}
footer .body .h .soc li {padding-bottom:1em;line-height:1.25em;}
footer .body .h .soc li:last-child {padding-bottom: 0em;}
footer .body .h .soc li a {padding-left:2em;display: inline-block;color:#ffffff;}
footer .body .h .soc li a svg {fill:#ffffff;display: block;float:left;margin-left:-2em;height:1em;margin-top:0.125em;}
@media screen and (max-width: 479px)
{
	footer .body .h .logo {margin: auto;}
	footer .body .h .inb {padding-top:2em;width:100%;}

	footer .body .h .nav {display: flex;justify-content: center;gap:2em;}
footer .body .h .nav ul {padding-top:0em;}
	footer .body .h .nav ul.l {text-align:right;}
	footer .body .h .soc {margin:auto;padding-top:2em;max-width:12em;text-align:center;}
	footer .body .h .soc li a {padding-left:0em;}
	footer .body .h .soc li a svg {display: none;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	footer .body .h .logo {margin: auto;}
	footer .body .h .inb {padding-top:2em;width:100%;}
}
@media screen and (min-width: 639px)
{
	footer .body .h {display: flex;justify-content: space-between;}
	footer .body .h .inb {padding-right:5vw;position:relative;}
	footer .body .h .inb::after {content:' ';display: block;width:1px;height:100%;background:rgba(255,255,255,0.5);position:absolute;z-index:0;left:100%;margin-left:calc(-8.75vw - 10.3125em);top:0px;}
}
@media screen and (min-width: 1399px)
{
	footer .body .h .inb::after {margin-left:calc(-11.25vw - 10.3125em);}
}
@media screen and (min-width: 1919px)
{
	footer .body .h .inb-h {gap:240px;}
	footer .body .h .nav {gap:144px;}
	footer .body .h .inb {padding-right:96px;}
	footer .body .h .inb::after {margin-left:calc(-216px - 10.3125em);top:0px;}
}
footer .foot {background:#E3DAD1;position:relative;z-index:100;}
footer .foot .h {display: flex;margin:auto;width:85%;justify-content: space-between;color:#06392A;}
footer .foot .h a {font-weight: 500;color:#06392A;}
footer .foot .h a:hover {text-decoration: underline;text-decoration-style: dotted;}
footer .body {padding:5.6vw 0vw;}
footer .body .h .logo {width:6.875em;}
footer .foot {padding:1.5em 0em;}
@media screen and (max-width: 639px)
{
	footer .body .h .logo {width:4.5em;}
}
@media screen and (min-width: 1919px)
{
	footer .body {padding:108px 0px;}
}
footer .body {font-size:clamp(15px,1.6vw,16px);}
footer .foot {font-size:clamp(12px,1.6vw,14px);}

/* intro */
@keyframes scroll_mrd {
	0% {margin-bottom:0em;}
	50% {margin-bottom:1.5em}
	100% {margin-bottom:0em;}
	}
#intro {position:relative;z-index:100;width:100%;overflow: hidden;background:#000000 url(../../img/base/white-loader-48.gif) center no-repeat;}
#intro .content {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#intro .content video {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#intro .scroll {position:absolute;z-index:110;left:50%;opacity:1;animation-name:scroll_mrd;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#intro.del .scroll {opacity:0;}
#intro .scroll svg {display: block;width:100%;stroke:#ffffff;fill:none;}
#intro {height:62vw;max-height:100vh;min-height:36vw;}
#intro .scroll {width:2.5em;margin-left:-1.25em;bottom:4.15vw;}
@media screen and (max-width: 639px)
{
	#intro {height:100vh;max-height:100vh;min-height:36vw;}
	#intro .content video#intro-video {display:none;}
}
@media screen and (min-width: 639px)
{
	#intro .content video#intro-video-mob {display:none;}
}
@media screen and (min-width: 1919px)
{
	#intro {height:1190px;max-height:100vh;min-height:690px;}
	#intro .scroll {bottom:80px;}
}
#sound-button {position:absolute;z-index:120;left:3%;top:90%;margin-top:-0.5em;width:1em;height:1em;cursor:pointer;border-radius:0.5em;}
#sound-button svg {display: block;width:100%;fill:none;stroke:#ffffff;}
#sound-button div {display: none;}
#sound-button.f-off div.off,
#sound-button.f-on div.on {display: block;}
#sound-button {font-size:32px;}
@media screen and (max-width: 479px)
{
	#sound-button {font-size:26px;}
}
@media screen and (min-width: 1399px)
{
	#sound-button {font-size:40px;}
}

/* home-vocnjak 100 */
#home-vocnjak {position:relative;z-index:100;width:100%;overflow:visible;}
#home-vocnjak .bg {height:110%;position:absolute;z-index:100;background:#053829;background: linear-gradient(324deg, #053829 51.97%, #1B5A48 94.27%);top:0%;left:0%;width:100%;overflow: hidden;}
#home-vocnjak .bg svg {display:block;position:absolute;z-index:100;fill:#043124;top:25%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home-vocnjak .content {display: block;position:relative;z-index:110;width:84%;max-width:46em;margin:auto;text-align:center;color:#ffffff;}
#home-vocnjak .content h1::selection, #home-vocnjak .content h1 *::selection {text-decoration: underline;text-decoration-style:dotted} 
#home-vocnjak .content .tx *::selection {background:#ffffff;color:#000000;}
/*#home-vocnjak .bg {height:calc(100% + 16vw);}*/
#home-vocnjak .content {padding-top:9vw;padding-bottom:20vw;}
#home-vocnjak .bg svg {width:55vw;max-width:500px;}
@media screen and (min-width: 1919px)
{
	/*#home-vocnjak .bg {height:calc(100% - 805px);}*/
	/*#home-vocnjak .bg {height:100%;}*/
	#home-vocnjak .content {padding-top:173px;padding-bottom:384px;}
	#home-vocnjak .bg svg {width:1056px;}
}
#home-vocnjak .content h1 {line-height:1.05em;font-weight:400;}
#home-vocnjak .content h1 strong {font-weight: 900;}
#home-vocnjak .content .tx {line-height:1.35em;letter-spacing: -0.02em;}
#home-vocnjak .content .tx p {padding-top:1.5em;}
#home-vocnjak .content .tx p:first-child {padding-top:0em;}
#home-vocnjak .content .tx p.gold {color:#D1BA8F;}
#home-vocnjak .content .but {padding-top:1.5em;}
#home-vocnjak .content .but a {display: block;margin:auto;text-align:center;padding:0.5em 0em;line-height:1.15em;width:9em;border:0.125em solid #D1BA8F;color:#D1BA8F;border-radius:1.2em;}
#home-vocnjak .content .but a:hover {color:#ffffff;border-color:#ffffff;}

#home-vocnjak .content h1 {font-size:3.5em;}
#home-vocnjak .content .tx {padding-top:2.5em;}
@media screen and (max-width: 639px)
{
	#home-vocnjak .bg {height:calc(100% + 32vw);}
	#home-vocnjak .content {padding-top:14vw;padding-bottom:24vw;}
	#home-vocnjak .content h1 {font-size:2.5em;}
	#home-vocnjak .content .tx {padding-top:1.5em;}
	#home-vocnjak .bg::after {display: block;position:absolute;z-index:151;content:' ';width:100%;left:0%;bottom:0%;height:24vw;background: linear-gradient(0deg, rgba(5,56,41,1) 0%, rgba(5,56,41,0) 100%);}
	#home-vocnjak .bg svg {width:50vw;max-width:300px;}
	    #intro .scroll {
        bottom: 27vw;
    }
}
@media screen and (max-width: 479px)
{
	#home-vocnjak .content {padding-top:20vw;padding-bottom:24vw;}
	#home-vocnjak .content h1 {font-size:2em;}
}

/* home-dunjar 150 */
#home-dunjar {position:relative;z-index:150;width:100%;overflow:visible;}
#home-dunjar .bg {position:absolute;z-index:150;top:0%;left:0%;width:100%;overflow:hidden;}
#home-dunjar .bg .bg-top {position:absolute;top:0%;left:0%;width:100%;z-index:150;-webkit-mask-image: linear-gradient(0deg, #000, transparent);mask-image: linear-gradient(0deg, #000, transparent);overflow:hidden;background:#CEC6BB;}
#home-dunjar .bg .bg-bottom {position:absolute;z-index:150;left:0%;width:100%;overflow:hidden;background:#E6EDFD;}
#home-dunjar .bg .bg-top::before,
#home-dunjar .bg .bg-bottom::before {content:' ';display: block;position:absolute;z-index: 153;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.15);}
#home-dunjar .bg img {display:block;position:absolute;z-index:152;object-fit: cover;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home-dunjar .bg .bg-bottom .f {position:absolute;z-index:151;background:#AEBDDE;width:100%;height:50%;bottom:0%;left:0%;}
#home-dunjar .clouds {display: block;position:absolute;z-index:155;width:100%;top:0%;left:0%;font-size:0px;}
#home-dunjar .clouds img {display: block;position:absolute;z-index:155;}
#home-dunjar .clouds img.cl-1 {left:-0.4722em;}
#home-dunjar .clouds img.cl-2 {right:-0.5em;}
#home-dunjar .content {display: block;position:relative;z-index:160;width:84%;max-width:46em;margin:auto;color:#ffffff;}
#home-dunjar .content h1 {line-height:1.05em;font-weight:400;}
#home-dunjar .content h1 strong {font-weight: 900;}
#home-dunjar .content .tx {line-height:1.35em;letter-spacing: -0.02em;}
#home-dunjar .content .tx h2 {font-size:1em;font-weight:400;text-transform: uppercase;}
#home-dunjar .content .close {position: absolute;z-index:170;background:none;top:0%;left:0%;width:100%;height:100%;}
#home-dunjar .content .dots {position:relative;z-index:170;left:50%;margin-left:-1.25em;width:2.5em;height:1em;overflow:visible;}
#home-dunjar .content .dots .dot {width:0px;height:0px;overflow: visible;position:absolute;z-index:180;}
#home-dunjar .content .dots .dot.on {z-index:181;}
/*
#home-dunjar .content .dots .dot.dot-1 {left:29.327%;top:84.125%;}
#home-dunjar .content .dots .dot.dot-2 {left:33.654%;top:50%;}
#home-dunjar .content .dots .dot.dot-3 {left:67.692%;top:31.25%;}
#home-dunjar .content .dots .dot.dot-4 {left:74.231%;top:57.212%;}
#home-dunjar .content .dots .dot.dot-5 {left:80%;top:80.529%;}



*/

#home-dunjar .content .dots .dot.dot-3 {left:67.692%;top:31.25%;}
#home-dunjar .content .dots .dot.dot-4 {left:74.231%;top:57.212%;}
#home-dunjar .content .dots .dot.dot-5 {left:80%;top:80.529%;}

#home-dunjar .content .dots .dot.dot-2 {left:37.5%;top:40.25%;}
#home-dunjar .content .dots .dot.dot-1 {left:34%;top:66.212%;}
#home-dunjar .content .dots .dot.dot-6 {left:30.5%;top:89.529%;}


@keyframes hover_puls {
	0% {-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);filter:alpha(opacity=100);opacity:1;}
	100% {-ms-transform: matrix(2.75, 0, 0, 2.75, 0, 0);-webkit-transform: matrix(2.75, 0, 0, 2.75, 0, 0);transform: matrix(2.75, 0, 0, 2.75, 0, 0);filter:alpha(opacity=0);opacity:0;}
	}
#home-dunjar .content .dots .dot .ro {position:absolute;z-index:190;background:#ffffff;cursor:pointer;}
#home-dunjar .content .dots .dot.on .ro {background:#D1BA8F;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
#home-dunjar .content .dots .dot .ro::before,
#home-dunjar .content .dots .dot .ro::after {content:' ';display: block;position:absolute;z-index:175;width:12px;height:12px;top:50%;left:50%;margin:-6px;border-radius:6px;background:#ffffff;animation-name:hover_puls;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;}

#home-dunjar .content .dots .dot.dot-1 .ro::after {animation-delay:1.25s;}
#home-dunjar .content .dots .dot.dot-2 .ro::before {animation-delay:0.6s;}
#home-dunjar .content .dots .dot.dot-2 .ro::after {animation-delay:1.85s;}
#home-dunjar .content .dots .dot.dot-3 .ro::before {animation-delay:0.2s;}
#home-dunjar .content .dots .dot.dot-3 .ro::after {animation-delay:1.45s;}
#home-dunjar .content .dots .dot.dot-4 .ro::before {animation-delay:0.8s;}
#home-dunjar .content .dots .dot.dot-4 .ro::after {animation-delay:2.05s;}
#home-dunjar .content .dots .dot.dot-5 .ro::before {animation-delay:0.4s;}
#home-dunjar .content .dots .dot.dot-5 .ro::after {animation-delay:1.65s;}
#home-dunjar .content .dots .dot.dot-6 .ro::before {animation-delay:1s;}
#home-dunjar .content .dots .dot.dot-6 .ro::after {animation-delay:2.25s;}
#home-dunjar .content .dots .dot.on .ro::before,
#home-dunjar .content .dots .dot.on .ro::after {display: none;}
#home-dunjar .content .dots .dot .kos {position:absolute;z-index:180;font-size:0.14em;width:1em;height:1em;bottom:0%;}
#home-dunjar .content .dots .dot.dot-1 .kos,
#home-dunjar .content .dots .dot.dot-2 .kos,
#home-dunjar .content .dots .dot.dot-6 .kos {right:0%;}
#home-dunjar .content .dots .dot.dot-3 .kos,
#home-dunjar .content .dots .dot.dot-4 .kos,
#home-dunjar .content .dots .dot.dot-5 .kos {left:0%;}
#home-dunjar .content .dots .dot .kos svg {fill:none;display: block;width:1em;height:1em;stroke:#ffffff;stroke-width:2;}
#home-dunjar .content .dots .dot .hor {position:absolute;z-index:180;font-size:0.14em;width:0.8em;height:1em;bottom:0%;}
#home-dunjar .content .dots .dot .hor svg {fill:none;display: block;width:0.8em;height:1em;stroke:#ffffff;stroke-width:4;}
#home-dunjar .content .dots .dot.dot-1 .hor,
#home-dunjar .content .dots .dot.dot-2 .hor,
#home-dunjar .content .dots .dot.dot-6 .hor {right:1em;margin-right:-2px;}
#home-dunjar .content .dots .dot.dot-3 .hor,
#home-dunjar .content .dots .dot.dot-4 .hor,
#home-dunjar .content .dots .dot.dot-5 .hor {left:1em;margin-left:-2px;}
#home-dunjar .content .dots .dot .tit {position:absolute;z-index:180;font-size:0.14em;bottom:0.72em;}
#home-dunjar .content .dots .dot .tit p {line-height:1.15em;position:relative;z-index:180;font-weight:300;color:#ffffff;font-size:clamp(15px,1.6vw,23px);padding-bottom:0.2em;cursor:pointer;text-shadow:0px 0px 0px rgba(0,0,0,0);-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
#home-dunjar .content .dots .dot .tit p span {white-space: nowrap;}

#home-dunjar .content .dots .dot .tit p strong {position:relative;z-index:181;font-weight:300;}

#home-dunjar .content .dots .dot .tit p:hover {-ms-transform: matrix(1.075, 0, 0, 1.075, 0, 0);-webkit-transform: matrix(1.075, 0, 0, 1.075, 0, 0);transform: matrix(1.075, 0, 0, 1.075, 0, 0);}

#home-dunjar .content .dots .dot.dot-1 .tit,
#home-dunjar .content .dots .dot.dot-2 .tit,
#home-dunjar .content .dots .dot.dot-6 .tit {right:2em;margin-right:-2px;}
#home-dunjar .content .dots .dot.dot-3 .tit,
#home-dunjar .content .dots .dot.dot-4 .tit,
#home-dunjar .content .dots .dot.dot-5 .tit {left:2em;margin-left:-2px;}
#home-dunjar .content .dots .dot .vise {position:absolute;z-index:182;bottom:1em;overflow:visible;font-size:0.14em;}
#home-dunjar .content .dots .dot .vise p {display:none;font-size:clamp(13px,1.3vw,19px);position:absolute;z-index:182;top:0.5em;width:40vw;max-width:12em;text-align:center;box-sizing:border-box;line-height:1.5em;background: rgba(39, 48, 24, 0.80);backdrop-filter: blur(3px);color:#ffffff;letter-spacing: -0.02em;padding:0.75em;-moz-border-radius:1.5em;border-radius:1.5em;}
#home-dunjar .content .dots .dot.dot-1 .vise,
#home-dunjar .content .dots .dot.dot-2 .vise,
#home-dunjar .content .dots .dot.dot-6 .vise {right:1em;margin-right:-2px;}
@media screen and (max-width: 519px)
{
	#home-dunjar .content .dots .dot.dot-6 .vise {right:0em;}
}

#home-dunjar .content .dots .dot.dot-3 .vise,
#home-dunjar .content .dots .dot.dot-4 .vise,
#home-dunjar .content .dots .dot.dot-5 .vise {left:1em;margin-left:-2px;}
#home-dunjar .content .dots .dot.dot-1 .vise p,
#home-dunjar .content .dots .dot.dot-2 .vise p,
#home-dunjar .content .dots .dot.dot-6 .vise p {right:-1.5em;}
#home-dunjar .content .dots .dot.dot-3 .vise p,
#home-dunjar .content .dots .dot.dot-4 .vise p,
#home-dunjar .content .dots .dot.dot-5 .vise p {left:-1.5em;}
#home-dunjar .content h1::selection, #home-dunjar .content h1 *::selection {text-decoration: underline;text-decoration-style:dotted} 
#home-dunjar .content .tx *::selection {background:#ffffff;color:#000000;}
#home-dunjar .content .dots .dot .ro {width:12px;height:12px;border-radius:6px;margin:-6px;}
#home-dunjar .bg {height:calc(100% + 16vw);}
#home-dunjar .bg .bg-top {height:16vw;margin-top:3px;}
#home-dunjar .bg .bg-bottom {top:16vw;bottom:0%;}
#home-dunjar .bg img {width:100%;}
#home-dunjar .clouds img.cl-1 {width:47.22vw;top:-14.5vw;}
#home-dunjar .clouds img.cl-2 {width:50vw;top:-18.75vw;}
#home-dunjar .content {padding-top:16vw;padding-bottom:4vw;}
@media screen and (min-width: 1919px)
{
	#home-dunjar .bg {height:calc(100% + 307px);}
	#home-dunjar .bg .bg-top {height:307px;}
	#home-dunjar .bg .bg-bottom {top:307px;}
	#home-dunjar .clouds img.cl-1 {width:906px;top:-278px;}
	#home-dunjar .clouds img.cl-2 {width:960px;top:-360px;}
	#home-dunjar .content {padding-top:307px;padding-bottom:79px;}
}
#home-dunjar .content h1 {font-size:3.5em;}
#home-dunjar .content .tx {padding-top:1.75em;max-width:32em;}
@media screen and (max-width: 639px)
{
	#home-dunjar .content h1 {font-size:2em;}
	#home-dunjar .content .tx {padding-top:1.5em;max-width:20em;}
	#home-dunjar .content .dots .dot .ro {width:12px;height:12px;border-radius:6px;margin:-6px;}
	#home-dunjar .content .dots .dot .hor,
	#home-dunjar .content .dots .dot .kos {display: none;}
	#home-dunjar .content .dots .dot.dot-5 {left:75%;}
	#home-dunjar .content .dots .dot .tit p {width:8em;margin:0em -4em;text-align: center;padding-bottom:0.75em;font-weight:400;}
	#home-dunjar .content .dots .dot .tit p {font-size:17px;}
	#home-dunjar .content .dots .dot.dot-1 .tit,
	#home-dunjar .content .dots .dot.dot-2 .tit,
	#home-dunjar .content .dots .dot.dot-6 .tit {right:0em;margin-right:0px;bottom:0%;}
	#home-dunjar .content .dots .dot.dot-3 .tit,
	#home-dunjar .content .dots .dot.dot-4 .tit,
	#home-dunjar .content .dots .dot.dot-5 .tit {left:0em;margin-left:0px;bottom:0%;}
	#home-dunjar .content .dots .dot.dot-1 .vise p,
	#home-dunjar .content .dots .dot.dot-2 .vise p,
	#home-dunjar .content .dots .dot.dot-6 .vise p {right:-7em;}
	#home-dunjar .content .dots .dot.dot-3 .vise p,
	#home-dunjar .content .dots .dot.dot-4 .vise p,
	#home-dunjar .content .dots .dot.dot-5 .vise p {left:-7em;}
	
	/*
	#home-dunjar .content .dots .dot.dot-1 {left:39%;top:40%;}
	#home-dunjar .content .dots .dot.dot-2 {left:39%;top:68%;}
	*/
	#home-dunjar .content .dots .dot.dot-3 {left:62%;}
	#home-dunjar .content .dots .dot.dot-4 {left:58%;}
	#home-dunjar .content .dots .dot.dot-5 {left:66%;}
	
	#home-dunjar .content .dots .dot.dot-2 {left:32%;}
	#home-dunjar .content .dots .dot.dot-1 {left:36%;}
	#home-dunjar .content .dots .dot.dot-6 {left:28%;}

	
	#home-dunjar .content .dots .dot .vise {bottom:0em;}
}
@media screen and (min-width: 639px) and (max-width: 959px)
{
	/*
	#home-dunjar .content .dots .dot.dot-1 {left:39%;top:68%;}
	#home-dunjar .content .dots .dot.dot-2 {left:39%;top:40%;}
	*/
	#home-dunjar .content .dots .dot.dot-3 {left:63%;}
	#home-dunjar .content .dots .dot.dot-4 {left:66%;}
	#home-dunjar .content .dots .dot.dot-5 {left:72%;}
	/*
	#home-dunjar .content .dots .dot.dot-6 {left:30%;}
	
	#home-dunjar .content .dots .dot.dot-2 {left:37.5%;top:40.25%;}
	#home-dunjar .content .dots .dot.dot-1 {left:34%;top:66.212%;}
	#home-dunjar .content .dots .dot.dot-6 {left:30.5%;top:89.529%;}
	*/

}
@media screen and (max-width: 639px)
{
	#home-dunjar .bg {height:calc(100% + 32vw);}
	#home-dunjar .bg .bg-top {height:24vw;margin-top:3px;}
	#home-dunjar .bg .bg-bottom {top:24vw;bottom:0%;}
	#home-dunjar .content {padding-top:24vw;padding-bottom:4vw;}
	#home-dunjar .content h1 {font-size:2.5em;text-align:center;}
	#home-dunjar .content .tx {padding-top:1.5em;max-width:100%;text-align:center;}
	#home-dunjar .bg::after {display: block;position:absolute;z-index:154;content:' ';width:100%;left:0%;top:0%;height:64vw;background: linear-gradient(180deg, rgba(5,56,41,1) 25%, rgba(5,56,41,0) 100%);}
}
@media screen and (max-width: 479px)
{
	#home-dunjar .content h1 {font-size:2em;}
}

/* home-proizvodnja 200 */
#home-proizvodnja {position:relative;z-index:200;width:100%;overflow:visible;}
#home-proizvodnja .bg {position:absolute;z-index:200;top:0%;left:0%;width:100%;height:100%;overflow:hidden;}
#home-proizvodnja .bg .bg-top {position:absolute;top:0%;left:0%;width:100%;z-index:200;-webkit-mask-image: linear-gradient(0deg, #000, transparent);mask-image: linear-gradient(0deg, #000, transparent);overflow:hidden;background:#AEBDDC;}
#home-proizvodnja .bg .bg-bottom {position:absolute;z-index:200;left:0%;width:100%;overflow:hidden;background:#AEBDDC;}
#home-proizvodnja .bg img {display:block;position:absolute;z-index:200;object-fit: cover;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home-proizvodnja .bg .bg-top::before,
#home-proizvodnja .bg .bg-bottom::before {content:' ';display: block;position:absolute;z-index: 201;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.25);}

#home-proizvodnja .content {display: block;position:relative;z-index:210;width:84%;max-width:46em;margin:auto;color:#ffffff;text-align: center;}
#home-proizvodnja .content h1 {line-height:1.05em;font-weight:400;}
#home-proizvodnja .content h1 strong {font-weight: 900;}
#home-proizvodnja .content .tx {line-height:1.35em;letter-spacing: -0.02em;}
#home-proizvodnja .content .tx h2 {font-size:1em;font-weight:400;text-transform: uppercase;}
#home-proizvodnja .content h1::selection, #home-proizvodnja .content h1 *::selection {text-decoration: underline;text-decoration-style:dotted} 
#home-proizvodnja .content .tx *::selection {background:#ffffff;color:#000000;}

#home-proizvodnja .bg .bg-top {height:16vw;margin-top:3px;}
#home-proizvodnja .bg .bg-bottom {top:16vw;bottom:0%;}
#home-proizvodnja .bg img {width:100%;}
#home-proizvodnja .content {padding-top:45vw;padding-bottom:12.5vw;}
@media screen and (min-width: 1919px)
{
	#home-proizvodnja .bg .bg-top {height:307px;}
	#home-proizvodnja .bg .bg-bottom {top:307px;}
	#home-proizvodnja .content {padding-top:864px;padding-bottom:240px;}
}
#home-proizvodnja .content h1 {font-size:3.5em;}
#home-proizvodnja .content .tx {padding-top:2.5em;}
#home-proizvodnja .content .tx h2 {padding-bottom:1.5em;}
@media screen and (max-width: 639px)
{
	#home-proizvodnja .bg {height:calc(100% + 32vw);}
	#home-proizvodnja .bg .bg-top {height:32vw;margin-top:3px;}
	#home-proizvodnja .bg .bg-bottom {top:32vw;bottom:0%;}
	#home-proizvodnja .content {padding-top:52vw;padding-bottom:12.5vw;}
	#home-proizvodnja .content h1 {font-size:2.5em;}
	#home-proizvodnja .content .tx {padding-top:1.5em;}
}
@media screen and (max-width: 479px)
{
	#home-proizvodnja .content h1 {font-size:2em;}
	#home-proizvodnja .content .tx {padding-top:1.5em;}
	#home-proizvodnja .content .tx h2 {padding-bottom:1em;}
}

/* home-zlatni-darovi 250 */
#home-zlatni-darovi {position:relative;z-index:250;width:100%;overflow:visible;}
#home-zlatni-darovi .bg {position:absolute;z-index:250;height:100%;width:100%;background:#E1F4D6;overflow:hidden;}
#home-zlatni-darovi .bg img {display: block;position:absolute;z-index:250;left:0%;top:0%;height:100%;width:100%;object-fit: cover;object-position:top center;}
#home-zlatni-darovi .ilu {display: block;position:absolute;z-index:255;width:100%;top:0%;right:0%;}
#home-zlatni-darovi .ilu img {display: block;position:absolute;z-index:255;width:100%}
#home-zlatni-darovi .content {display: block;position:relative;z-index:260;width:84%;max-width:46em;margin:auto;color:#ffffff;}
#home-zlatni-darovi .content h1::selection, #home-zlatni-darovi .content h1 *::selection {text-decoration: underline;text-decoration-style:dotted} 
#home-zlatni-darovi .content .tx *::selection {background:#ffffff;color:#000000;}

#home-zlatni-darovi .bg {height:calc(100% + 16vw);}
#home-zlatni-darovi.l-sr .bg {height:100%;}

#home-zlatni-darovi .ilu img.ilu-1 {top:0%;right:0%;width:40vw;}
#home-zlatni-darovi .ilu img.ilu-2 {top:40.275vw;right:8.3vw;width:24.675vw;}
#home-zlatni-darovi .content {padding-top:12.5vw;padding-bottom:16vw;}
#home-zlatni-darovi .content h1 {line-height:1.05em;font-weight:900;max-width:8em;}
#home-zlatni-darovi .content .tx {line-height:1.35em;letter-spacing: -0.02em;max-width:20em;}
#home-zlatni-darovi .content .tx h2 {font-size:1em;font-weight:400;text-transform: uppercase;max-width:12em;}
#home-zlatni-darovi.l-en .content .tx h2 {max-width:11em;}
#home-zlatni-darovi .content .tx p {padding-top:1.5em;}
@media screen and (min-width: 1919px)
{
	#home-zlatni-darovi .bg {height:calc(100% + 307px);}
	#home-zlatni-darovi .ilu img.ilu-1 {top:0%;right:0%;width:768px;}
	#home-zlatni-darovi .ilu img.ilu-2 {top:773px;right:160px;width:474px;}
	#home-zlatni-darovi .content {padding-top:240px;padding-bottom:307px;}
}
#home-zlatni-darovi .content h1 {font-size:3.5em;}
#home-zlatni-darovi .content .tx {padding-top:2.5em;}
@media screen and (max-width: 479px)
{
	#home-zlatni-darovi .ilu img.ilu-1 {top:0%;right:0%;width:68.625vw;}
	#home-zlatni-darovi .ilu img.ilu-2 {top:60.4125vw;right:12.45vw;width:37.0125vw;}
	#home-zlatni-darovi .content h1 {font-size:2em;}
	#home-zlatni-darovi .content .tx {padding-top:1.5em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#home-zlatni-darovi .ilu img.ilu-1 {top:0%;right:0%;width:57.1875vw;}
	#home-zlatni-darovi .ilu img.ilu-2 {top:50.34375vw;right:10.375vw;width:30.84375vw;}
}
@media screen and (max-width: 639px)
{
	#home-zlatni-darovi .bg {height:calc(100% + 32vw);}
	#home-zlatni-darovi .ilu img.ilu-1 {top:-15vw;right:-3vw;width:64vw;}
	#home-zlatni-darovi .ilu img.ilu-2 {top:36vw;right:8.3vw;width:36vw;}
	#home-zlatni-darovi .content {padding-top:68vw;padding-bottom:16vw;text-align:center;}
	#home-zlatni-darovi .content h1 {font-size:2.5em;margin:auto;}
	#home-zlatni-darovi .content h2 {margin:auto;}
	#home-zlatni-darovi .content .tx {margin:auto;padding-top:1.5em;}
}
@media screen and (max-width: 479px)
{
	#home-zlatni-darovi .content h1 {font-size:2em;}
	#home-zlatni-darovi .content h2 {padding-bottom:1em;}
}

/* home-cista-energija 300 */
#home-cista-energija {position:relative;z-index:300;width:100%;overflow:visible;}
#home-cista-energija .bg {position:absolute;z-index:300;top:0%;left:0%;width:100%;overflow:hidden;}
#home-cista-energija .bg .bg-top {position:absolute;top:0%;left:0%;width:100%;z-index:300;-webkit-mask-image: linear-gradient(0deg, #000, transparent);mask-image: linear-gradient(0deg, #000, transparent);overflow:hidden;background:#032F6E;}
#home-cista-energija .bg .bg-bottom {position:absolute;z-index:150;left:0%;width:100%;overflow:hidden;background:#032F6E;}
#home-cista-energija .bg .bg-top::before,
#home-cista-energija .bg .bg-bottom::before {content:' ';display: block;position:absolute;z-index: 302;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.25);}

#home-cista-energija .bg img {display:block;position:absolute;z-index:301;object-fit: cover;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home-cista-energija .clouds {display: block;position:absolute;z-index:305;width:100%;top:0%;left:0%;font-size:0px;}
#home-cista-energija .clouds img {display: block;position:absolute;z-index:305;}
#home-cista-energija .clouds img.cl-1 {left:-0.5em;}
#home-cista-energija .clouds img.cl-2 {right:-0.4722em;}
#home-cista-energija .ilu {display: block;position:absolute;z-index:307;width:100%;bottom:0%;right:0%;}
#home-cista-energija .ilu img {display: block;position:absolute;z-index:307;width:100%}

#home-cista-energija .content {display: block;position:relative;z-index:310;width:84%;max-width:46em;margin:auto;color:#ffffff;}
#home-cista-energija .content h1 {line-height:1.05em;font-weight:400;max-width:10em;}
#home-cista-energija .content h1 strong {font-weight: 900;}
#home-cista-energija .content .tx {line-height:1.35em;letter-spacing: -0.02em;}
#home-cista-energija .content .tx h2 {font-size:1em;font-weight:400;text-transform: uppercase;max-width:12em;}
#home-cista-energija .content .tx p {padding-top:1.5em;}
#home-cista-energija .content h1::selection, #home-cista-energija .content h1 *::selection {text-decoration: underline;text-decoration-style:dotted} 
#home-cista-energija .content .tx *::selection {background:#ffffff;color:#000000;}

#home-cista-energija .bg {height:100%;}
#home-cista-energija .bg .bg-top {height:16vw;margin-top:3px;}
#home-cista-energija .bg .bg-bottom {top:16vw;bottom:0%;}
#home-cista-energija .bg img {width:100%;}
#home-cista-energija .clouds img.cl-1 {width:50vw;top:-14.5vw;}
#home-cista-energija .clouds img.cl-2 {width:47.22vw;top:-11.11vw;}
#home-cista-energija .ilu {width:46.875vw;}
#home-cista-energija .content {padding-top:30vw;padding-bottom:16vw;}
@media screen and (min-width: 1919px)
{
	#home-cista-energija .bg .bg-top {height:307px;}
	#home-cista-energija .bg .bg-bottom {top:307px;}
	#home-cista-energija .clouds img.cl-1 {width:960px;top:-278px;}
	#home-cista-energija .clouds img.cl-2 {width:906px;top:-213px;}
	#home-cista-energija .ilu {width:900px;}
	#home-cista-energija .content {padding-top:576px;padding-bottom:307px;}
}
#home-cista-energija .content h1 {font-size:3.5em;}
#home-cista-energija .content .tx {padding-top:2.5em;max-width:20em;}
@media screen and (max-width: 479px)
{
	#home-cista-energija .ilu {width:64vw;}
	#home-cista-energija .content h1 {font-size:2em;}
	#home-cista-energija .content .tx {padding-top:1.5em;max-width:20em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#home-cista-energija .ilu {width:64vw;}
}

@media screen and (max-width: 639px)
{
	#home-cista-energija .bg .bg-top {height:32vw;margin-top:3px;}
	#home-cista-energija .bg .bg-bottom {top:32vw;bottom:0%;}
	#home-cista-energija .content {padding-top:30vw;padding-bottom:90vw;text-align: center;}
	#home-cista-energija .content .tx {margin:auto;}
	#home-cista-energija .content .tx h2 {margin:auto;}
	
	#home-cista-energija .content h1 {font-size:2.5em;margin:auto;}
	#home-cista-energija .content .tx {padding-top:1.5em;}
}
@media screen and (max-width: 479px)
{
	#home-cista-energija .content h1 {font-size:2em;}
	#home-cista-energija .content .tx {padding-top:1.5em;}
	#home-cista-energija .content .tx h2 {padding-bottom:1em;}
}

/* hero */
.hero {position:relative;z-index:100;width:100%;}
.hero .bg {position:absolute;z-index:100;width:100%;height:100%;left:0%;top:0%;}
.hero .bg ul {position:absolute;z-index:100;width:100%;height:100%;left:0%;top:0%;overflow:hidden;}
.hero .bg li {position:absolute;z-index:100;width:100%;height:100%;left:0%;top:0%;-ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0);filter:alpha(opacity=0);opacity:0;transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.hero .bg li.on {-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);filter:alpha(opacity=100);opacity:1;}
.hero .bg img {position:absolute;z-index:100;width:100%;height:100%;left:0%;top:0%;object-fit: cover;}
.hero .bg .gradient {position:absolute;width:100%;height:75%;bottom:0%;left:0%;z-index:152;margin-bottom:-2px;background:linear-gradient(to bottom, rgba(5,56,41,0) 0%, rgba(5,56,41,0.9) 100%);}

.hero .arr {position:absolute;z-index:160;overflow:visible;}
.hero .arr button {display: block;position:absolute;z-index:120;font-size:1em;width:1em;height:1em;margin:-0.5em;background:none;}
.hero .arr button:hover {background:#053829;}
.hero .arr button svg {stroke:#ffffff;position:absolute;z-index:120;font-size:0.5em;width:1em;height:1em;margin:-0.5em;top:50%;left:50%;}
.hero .arr.prev button svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.hero .arr {font-size:clamp(50px, 8vw, 152px);}
.hero .arr.prev {left:8%;top:50%;}
.hero .arr.next {right:8%;top:50%;}

.hero .cont {position:relative;z-index:150;width:100%;top:0%;left:0%;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;}
body.ready .hero .cont {opacity:1;}
.hero .cont .in {display: block;position:relative;z-index:160;width:84%;max-width:32em;margin:auto;text-align:center;color:#ffffff;}
.hero .cont ul {position:relative;z-index:160;width:100%;}
.hero .cont li {position:absolute;z-index:160;opacity:0;width:100%;top:0%;left:0%;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s;}
.hero .cont li.on {opacity:1;z-index:162;}
.hero .cont h1::selection {text-decoration: underline;text-decoration-style:dotted} 
.hero .cont p::selection {background:#ffffff;color:#000000;}
.hero .cont .more button {display: block;overflow:visible;margin:auto;line-height:1em;padding:0em 3.em 0em 0em;color:#ffffff;text-transform: uppercase;font-size:1em;text-align: center;}
.hero .cont .more button svg {display: block;float:right;width:3em;height:0.75em;margin-right:-3.5em;margin-top:0.125em;fill:#ffffff;-o-transition:margin 0.5s;-moz-transition:margin 0.5s;-webkit-transition:margin 0.5s;transition:margin 0.5s;}

.hero .cont .more button:hover svg {margin-right:-4em;}



.hero .cont {height:100vh;}

.hero .cont h1 {line-height:1.05em;font-weight:900;}
.hero .cont p {line-height:1.35em;letter-spacing: -0.02em;}
.hero .cont h1 {font-size:6em;}
.hero .cont p {padding-top:2.5em;}
.hero .cont .more {padding-top: 1.5em;}

.hero .cont li.pshrt p {max-width:22em;margin:auto;}
.hero .dots {position:absolute;z-index:170;height:0em;width:100%;overflow:visible;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;}
body.ready .hero .dots {opacity:1;}
.hero .dots::before {content:' ';display: block;position:absolute;z-index:170;width:100%;height:1px;background:#ffffff;left:0%;}
.hero .dots ul {position:absolute;z-index:175;margin:auto;display: flex;justify-content: space-around;left:8%;width:84%;bottom:0px;}
.hero .dots li {width:1em;overflow:visible;position:relative;z-index: 175;}
.hero .dots li button {position:absolute;z-index:175;width:100%;height:100%;overflow:visible;font-size:1em;}
.hero .dots li button span.ro {display: block;position:absolute;z-index:175;left:50%;top:0%;width:1em;height:1em;border-radius:0.5em;margin:-0.5em;background:#ffffff;}

@keyframes dot_puls {
	0% {-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);filter:alpha(opacity=100);opacity:1;}
	100% {-ms-transform: matrix(2.75, 0, 0, 2.75, 0, 0);-webkit-transform: matrix(2.75, 0, 0, 2.75, 0, 0);transform: matrix(2.75, 0, 0, 2.75, 0, 0);filter:alpha(opacity=0);opacity:0;}
	}
.hero .dots li button span.ro::before,
.hero .dots li button span.ro::after {content:' ';display: block;position:absolute;z-index:175;width:1em;height:1em;top:50%;left:50%;margin:-0.5em;border-radius:0.5em;background:#ffffff;animation-name:dot_puls;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;}
.hero .dots li button span.ro::after {animation-delay:1.25s;}
.hero .dots li.on button span.ro {}
.hero .dots li.on button span.ro::before {z-index:176;-ms-transform: matrix(1.15, 0, 0, 1.15, 0, 0);-webkit-transform: matrix(1.15, 0, 0, 1.15, 0, 0);transform: matrix(1.15, 0, 0, 1.15, 0, 0);animation:none;background:#D1BA8F;}
.hero .dots li.on button span.ro::after {-ms-transform: matrix(1.75, 0, 0, 1.75, 0, 0);-webkit-transform: matrix(1.75, 0, 0, 1.75, 0, 0);transform: matrix(1.75, 0, 0, 1.75, 0, 0);animation:none;}

.hero .dots li button span.t {position:absolute;z-index:175;bottom:0px;left:50%;white-space:nowrap;text-transform: uppercase;color:#ffffff;-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}

@media screen and (min-width: 1666px)
{
	.hero .dots ul {left:50%;width:1400px;margin-left:-700px;}
}
.hero .dots {top:100%;left:0%;margin-top:-5.5vw;font-size:clamp(12px,1vw,16px);}
.hero .dots::before {bottom:3em;}
.hero .dots li {height:3em;}
@media screen and (min-width: 1919px)
{
	.hero .dots {margin-top:-105px;}
}
@media screen and (max-width: 639px)
{
	.hero .dots {font-size:10px;}
	.hero .dots::before {bottom:2em;}
	.hero .dots li {height:2em;}
	.hero .dots li button span.t {display: none;}
}
@media screen and (max-width: 639px)
{
	.hero .cont {font-size:19px;}
	.hero .cont h1 {font-size:3.75em;}
	.hero .cont p {padding-top:1.5em;}
	.hero .dots ul {justify-content: center;gap:2em;}
	.hero .dots::before {background:rgba(255,255,255,0.25);}
	.hero .dots li button span.ro {width:0.7em;height:0.7em;border-radius:0.35em;margin:-0.35em;}
}
@media screen and (max-width: 479px)
{
	.hero .cont {font-size:19px;}
	.hero .cont h1 {font-size:3.25em;}
}

/* pop-hero 2000 */
#pop-hero {position:fixed;z-index:-1;top:0px;left:-300%;width:100%;height:100%;overflow:hidden;}
#pop-hero.open {left:0%;z-index:2000;}
#pop-hero .close {position:absolute;z-index:2000;width:100%;height:100%;top:0%;left:0%;cursor:pointer;backdrop-filter: blur(2px);background:rgba(255,255,255,0.05);}
#pop-hero .content {position:absolute;z-index:2020;width:84%;max-width:960px;margin-top:80px;box-sizing:border-box;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 0.5em 2em rgba(0,0,0,0.5);border-radius:2.5vw;overflow:hidden;opacity:0;}
#pop-hero .content {-moz-transition:margin 0.5s, opacity 0.5s;-webkit-transition:margin 0.5s, opacity 0.5s;transition:margin 0.5s, opacity 0.5s;}
#pop-hero.in .content {margin-top:0px;opacity:1;}
#pop-hero.in.out .content {margin-top:-40px;opacity:0}
#pop-hero .content .back {position:absolute;z-index:2020;width:100%;height:100%;left:0%;top:0%;background:#778D5F;}
#pop-hero .content .back img {position:absolute;z-index:2020;width:100%;height:100%;left:0%;top:0%;object-fit: cover;object-position: top right;}
#pop-hero .x {position:absolute;z-index:2040;font-size:1.5em;top:0.6em;left:100%;margin-left:-1.6em;width:1em;height:1em;}
#pop-hero .x button {display: block;font-size:1em;width:1em;height:1em;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#pop-hero .x button:hover {opacity:0.5;}
#pop-hero .x button span {width:0px;height:0px;overflow:visible;top:50%;left:50%;display:block;position:absolute;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#pop-hero .x button span::before {content:' ';width:0.8em;height:0.1em;background: #ffffff;left:-0.4em;top:-0.05em;position:absolute;display: block;border-radius: 0.05em;}
#pop-hero .x button span::after {content:' ';width:0.1em;height:0.8em;background: #ffffff;left:-0.05em;top:-0.4em;position:absolute;display: block;border-radius: 0.05em;}
#pop-hero .content .in {position:relative;z-index:2030;left:0%;top:0%;width:100%;max-height:90vh;overflow: auto;}
#pop-hero .content .in::-webkit-scrollbar {width:8px;background:none;}
#pop-hero .content .in::-webkit-scrollbar-track {-moz-border-radius:4px;border-radius:4px;width:100%;}
#pop-hero .content .in::-webkit-scrollbar-thumb {-moz-border-radius:4px;border-radius:4px;background:rgba(0,0,0,0.25);}
#pop-hero .content .in::-webkit-scrollbar-thumb:hover {}

#pop-hero .content .in li {color:#ffffff;display:none;}
#pop-hero .content .in h1 {line-height:1.05em;font-weight:900;}
#pop-hero .content .in p {line-height:1.35em;letter-spacing: -0.02em;}
#pop-hero .content .in h1 {font-size:4em;}
#pop-hero .content .in p {padding-top:1.5em;}
#pop-hero .content .in {padding:2.5em;}
@media screen and (max-width: 639px)
{
	#pop-hero .content .in h1 {font-size:2.75em;}
	#pop-hero .content .in p {padding-top:1.5em;}
}
@media screen and (max-width: 479px)
{
	#pop-hero .content .in h1 {font-size:2em;}
}

/* greentin */
.greentin {width:100%;background:#053829;}
.greentin .in {margin: auto;width: 85%;color:#ffffff;line-height:1.5em;}
.greentin .in a {color:#ffffff;}
.greentin .in a:hover {text-decoration: underline;text-decoration-style: dotted;}

.greentin {padding:3.5vw 0em;font-size:clamp(16px,1.4vw,20px);}
.greentin .left {font-weight: 600;}
.greentin .right {font-weight: 300;}
.greentin .right {font-size:clamp(14px,1.12vw,16px);}
.greentin .center ul.w-ic {display: flex;width:100%;justify-content: center;gap:7vw;flex-wrap: wrap;}

.greentin .center ul.w-ic .inl {display:flex;gap:1em;height:2.4em;  align-items: center;
  justify-content: center;}

.greentin .center ul.w-ic .inl .ic {width:2.4em;height:2.4em;overflow:visible;position:relative;z-index:100;}
.greentin .center ul.w-ic .inl .ic svg {display: block;position:absolute;z-index:100;top:50%;left:50%;fill:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.greentin .center ul.w-ic .inl p {text-transform: uppercase;line-height:1.1em;}
.greentin .center {font-size:clamp(12px,1.1vw,15px);}
.greentin .center ul.w-ic .inl .ic svg {font-size:0.667em;}
.greentin .center ul.w-ic .inl .ic.ic-zeleni-otisak svg {width:3em;}
.greentin .center ul.w-ic .inl .ic.ic-energetska-nezavisnost svg {width:3em;}
.greentin .center ul.w-ic .inl .ic.ic-reciklirana-voda svg {width:2.4em;}
.greentin .center ul.w-ic .inl .ic.ic-kompostiranje svg {width:2.8em;}
.greentin .center ul.w-ic .inl .ic.ic-ambalaza svg {width:3.7em;}
.greentin .center ul.w-ic .inl .ic.ic-navodnjavanje svg {width:2.4em;}
.greentin .center ul.w-ic .inl .ic.ic-elektricna-vozila svg {width:2.9em;}
@media screen and (max-width: 639px)
{
	.greentin {padding:32px 0em;}
	.greentin .right {padding-top:1em;}
	.greentin .center ul.w-ic {gap:3vw;}
}
@media screen and (min-width: 639px)
{
	.greentin .flx {display: flex;justify-content: space-between;gap:3em;}
	.greentin .left {max-width:25em;}
	.greentin .right {align-self: flex-end;text-align:right;}
	.greentin .center ul.w-ic {gap:4.5vw;}
	
	.greentin {padding:3.5vw 0em;font-size:clamp(16px,1.4vw,20px);}
	.greentin .right {font-size:clamp(14px,1.12vw,16px);}
}
@media screen and (min-width: 959px)
{
	.greentin .center ul.w-ic {gap:7vw;}
}
@media screen and (min-width: 1919px)
{
	.greentin {padding:67px 0em;}
}

/* cards */
.cards {display: block;position:relative;z-index:100;width:100%;}
.cards ul.def {display: none;}
.cards .cont {display: block;position:relative;z-index:100;width:100%;}
.cards .cont ul {display: block;position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
.cards .cont li {display: block;position:absolute;overflow:hidden;cursor:pointer;}
.cards .cont li .li {display: block;position:absolute;z-index:100;width:100%;height:100%;}
.cards .cont li .li .im {display: block;position:absolute;z-index:100;width:100%;height:100%;}
.cards .cont li .li .im img {display: block;position:absolute;z-index:100;width:100%;height:102.237%;object-fit: cover;left:0px;top:-1.1185%;}
.cards .cont li .li .im::after {display: block;position:absolute;z-index:102;width:100%;height:100%;content:' ';}
.cards .cont li .li.cos-green .im::after {background: linear-gradient(45deg, rgba(5,56,41,1) 0%, rgba(5,56,41,0) 40%, rgba(5,56,41,0) 100%);}
.cards .cont li .li.lin-green .im::after {background: linear-gradient(0deg, rgba(5,56,41,1) 0%, rgba(5,56,41,0) 50%, rgba(5,56,41,0) 100%);}
.cards .cont li .li.cos-blue .im::after {background: linear-gradient(45deg, rgba(25,73,73,1) 0%, rgba(25,73,73,0) 40%, rgba(25,73,73,0) 100%);}
.cards .cont li .li .title {position:absolute;z-index:120;width:0px;height:0px;overflow:visible;}
.cards .cont li .li .title p {position:absolute;z-index:120;white-space: nowrap;font-weight: 700;color:#ffffff;line-height:1.1em;left:0%;font-size:0.055em;text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.5);}

.cards .cont li .li .tx {position:absolute;z-index:120;overflow:visible;}
.cards .cont li .li .tx p {position:absolute;z-index:120;line-height:1.5em;font-size:clamp(21px,2vw,28px);opacity:0;}
.cards .cont li .li.t-white .tx p {color:#ffffff;text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.5);}
.cards .cont li .li.t-green .tx p {color:#053829;}
.cards .cont li .li .tx p big {font-size:1.5em;font-weight:700;}

.cards .cont ul.ani li {-o-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;-moz-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;-webkit-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;}
.cards .cont li .li .tx p {opacity:0;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.cards .cont ul.ani-1 li.b .li .tx p,
.cards .cont ul.ani-2 li.c .li .tx p,
.cards .cont li.o .li .tx p,
.cards .cont li.a .li .tx p {opacity:1;}
.cards .cont ul.ani-0 li.a .li .tx p {opacity:0;}

.cards .main-title {position:absolute;z-index:110;width:0px;height:0px;overflow:visible;}
.cards .main-title p {position:absolute;z-index:120;font-weight: 700;color:#ffffff;line-height:1.1em;left:0%;bottom:0px;font-size:0.065em;text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.5);width:8em;}

.cards .arr {position:absolute;z-index:160;overflow:visible;}
.cards .arr {font-size:clamp(50px, 8vw, 152px);}
.cards .arr.prev {left:0%;}
.cards .arr.next {right:0%;}
.cards .arr button {font-size:1em;display: block;position:absolute;z-index:160;width:100%;height:100%;background:none;outline:none;border:none;top:0%;left:0%;cursor:default;overflow:visible;}
.cards .arr button span.svg {cursor:pointer;display: block;position:absolute;z-index:170;font-size:1em;width:1em;height:1em;margin:-0.5em;-o-transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;transition:background 0.5s;}
.cards .arr button span.svg:hover {background:#053829;}
.cards .arr button svg {stroke:#ffffff;position:absolute;z-index:170;font-size:0.5em;width:1em;height:1em;margin:-0.5em;top:50%;left:50%;}
.cards .arr.prev button svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.cards .arr .crs {position:absolute;z-index:180;width:50%;height:100%;top:0%;}
.cards .arr.prev .crs {left:0%;cursor:url(../../img/base/prev.png), auto;}
.cards .arr.next .crs {right:0%;cursor:url(../../img/base/next.png), auto;}



@media screen and (max-width: 959px)
{
	.cards .cont::after {display: block;content:' ';position:absolute;z-index:102;width:100%;height:100%;top:0%;left:0%;}
	.cards .cont::after {display:none;}
	
	
	.cards .cont li {width:100%;}
	.cards .cont li .li .title {bottom:0.05em;left:0.035em;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
	.cards .cont li .li .title p {top:0%;font-size:clamp(24px,0.095em,48px);}

	.cards .cont li .li.t-right-box .tx {width:0px;height:0px;}
	.cards .cont li .li.t-right-box .tx {bottom:0.05em;right:0.035em;}
	.cards .cont li .li.t-right-box .tx p {bottom:0px;right:0px;text-align:right;width:10em;}
	
	.cards .cont li .li.t-left-full .tx {width:0.9em;height:auto;max-height:80%;overflow:auto;}
	.cards .cont li .li.t-left-full .tx {bottom:0.05em;left:0.05em;}
	.cards .cont li .li.t-left-full .tx p {position:relative;bottom:0px;width:100%;text-align: left;}
	
	.cards .main-title {bottom:0.05em;left:0.075em;font-size:100vw;}
	.cards .main-title p {font-size:clamp(30px,0.055em,60px);}
	
	.cards .cont li.o {top:0%;left:-100%;height:100%;z-index:101;}
	.cards .cont li.a {top:0%;left:0%;height:100%;z-index:100;}
	.cards .cont li.b {top:0%;left:100%;height:100%;z-index:101;}
	.cards .cont li.c {top:0%;left:100%;height:100%;z-index:103;}
	.cards .cont li.d {top:0%;left:100%;height:100%;z-index:104;}
	.cards .cont li.e {top:0%;left:100%;height:100%;z-index:105;}
	
	.cards .cont ul.ani-1 li.a {left:-50%;height:100%;}
	.cards .cont ul.ani-1 li.b {left:0%;height:100%;}

	.cards .cont ul.ani-0 li.o {left:0%;height:100%;}
	.cards .cont ul.ani-0 li.a {left:50%;height:100%;}
	
.cards .arr {width:0%;height:0%;top:50%;}
.cards .arr.prev {left:8%;}
.cards .arr.next {right:8%;}
	.cards .arr .crs {display: none;}

}
@media screen and (min-width: 959px)
{
	.cards .cont li {box-shadow:4px 0px 24px rgba(0,0,0,0.5);height:100%;}
	.cards .cont li .li .title {bottom:0.05em;left:0.035em;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
	.cards .cont li .li .title p {top:0%;}
	
	.cards .cont li .li.t-right-box .tx {width:0px;height:0px;}
	.cards .cont li .li.t-right-box .tx {bottom:0.05em;right:0.05em;}
	.cards .cont li .li.t-right-box .tx p {bottom:0px;right:0px;text-align:right;width:7em;}
	
	.cards .cont li .li.t-left-full .tx {width:0.9em;height:0px;}
	.cards .cont li .li.t-left-full .tx {bottom:0.05em;left:0.05em;}
	.cards .cont li .li.t-left-full .tx p {bottom:0px;width:100%;text-align: left;}
	
	.cards .main-title {bottom:0.05em;left:0.10714285em;font-size:70vw;}
	
	.cards .cont li.o {left:-50%;top:0%;width:50%;z-index:106;}
	.cards .cont li.a {left:0%;top:0%;width:50%;z-index:105;}
	.cards .cont li.b {left:50%;top:0%;width:25%;z-index:104;}
	.cards .cont li.c {left:75%;top:0%;width:25%;z-index:103;}
	.cards .cont li.d {left:100%;top:0%;width:0%;z-index:102;}
	.cards .cont li.e {left:100%;top:0%;width:0%;z-index:101;}
	
	.cards .cont ul.ani-0 li.o {left:0%;width:50%;}
	.cards .cont ul.ani-0 li.a {left:50%;width:25%;}
	.cards .cont ul.ani-0 li.b {left:75%;width:25%;}
	.cards .cont ul.ani-0 li.c {left:100%;width:0%;}
	
	.cards .cont ul.ani-1 li.a {left:-50%;width:50%;}
	.cards .cont ul.ani-1 li.b {left:0%;width:50%;}
	.cards .cont ul.ani-1 li.c {left:50%;}
	.cards .cont ul.ani-1 li.d {left:75%;width:25%;}
	
	.cards .cont ul.ani-2 li.a {left:-75%;width:50%;}
	.cards .cont ul.ani-2 li.b {left:-25%;width:25%;}
	.cards .cont ul.ani-2 li.c {left:0%;width:50%}
	.cards .cont ul.ani-2 li.d {left:50%;width:25%;}
	.cards .cont ul.ani-2 li.e {left:75%;width:25%;}

	.cards.siroki .cont li.o {left:-70%;top:0%;width:70%;z-index:106;}
	.cards.siroki .cont li.a {left:0%;top:0%;width:70%;z-index:105;}
	.cards.siroki .cont li.b {left:70%;top:0%;width:15%;z-index:104;}
	.cards.siroki .cont li.c {left:85%;top:0%;width:15%;z-index:103;}
	.cards.siroki .cont li.d {left:100%;top:0%;width:0%;z-index:102;}
	.cards.siroki .cont li.e {left:100%;top:0%;width:0%;z-index:101;}
	
	.cards.siroki .cont ul.ani-0 li.o {left:0%;width:70%;}
	.cards.siroki .cont ul.ani-0 li.a {left:70%;width:15%;}
	.cards.siroki .cont ul.ani-0 li.b {left:85%;width:15%;}
	.cards.siroki .cont ul.ani-0 li.c {left:100%;width:0%;}
	
	.cards.siroki .cont ul.ani-1 li.a {left:-70%;width:70%;}
	.cards.siroki .cont ul.ani-1 li.b {left:0%;width:70%;}
	.cards.siroki .cont ul.ani-1 li.c {left:70%;}
	.cards.siroki .cont ul.ani-1 li.d {left:85%;width:15%;}
	
	.cards.siroki .cont ul.ani-2 li.a {left:-85%;width:70%;}
	.cards.siroki .cont ul.ani-2 li.b {left:-15%;width:15%;}
	.cards.siroki .cont ul.ani-2 li.c {left:0%;width:70%}
	.cards.siroki .cont ul.ani-2 li.d {left:70%;width:15%;}
	.cards.siroki .cont ul.ani-2 li.e {left:85%;width:15%;}
	
	.cards .arr {width:50%;height:100%;top:0%;}
	.cards .arr button span.svg {display:none;}
	
}

@media screen and (max-width: 959px)
{
	.cards .cont {height:100vh;}
	.cards .cont li .li .im,
	.cards .cont li .li .title,
	.cards .cont li .li .tx {font-size:100vw;}
	
	.cards .cont li .li .tx p {font-size:clamp(21px,3vw,30px);opacity:0;}

}

@media screen and (min-width: 959px) and (max-width: 1919px)
{
	/*
	.cards .cont {height:50vw;}
	*/
	.cards .cont {height:calc(100vh - 56px);min-height:40vw;}
	.cards .cont li .li .im,
	.cards .cont li .li .title,
	.cards .cont li .li .tx {font-size:50vw;}
	.cards.siroki .cont li .li .tx {font-size:70vw;}
}
@media screen and (min-width: 1919px)
{
	/*
	.cards .cont {height:960px;}
	*/
	.cards .cont {height:calc(100vh - 56px);min-height:960px;}
	.cards .cont li .li .im,
	.cards .cont li .li .title,
	.cards .cont li .li .tx {font-size:960px;}
	.cards .main-title {font-size:1344px;}
}
.cards .cont li .li.f-nacin-prerade .im img {min-width:0.95em;}

/* odrzivost-hero */
#odrzivost-hero {position:relative;z-index:100;width:100%;}
#odrzivost-hero .bg {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;overflow:hidden;background: linear-gradient(135deg, rgba(25,88,71,1) 0%, rgba(5,56,41,1) 100%);}
#odrzivost-hero .bg img {display:block;position:absolute;z-index:100;right:0px;bottom:0px;}
#odrzivost-hero .bg .stablo {position:absolute;z-index:100;right:0px;bottom:0px;-webkit-mask-image: url(../../img/odrzivost/miko-mask.png);mask-image: url(../../img/odrzivost/miko-mask.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;overflow:hidden;}
#odrzivost-hero .bg .stablo img {display: block;width:100%;height:125%;top:-25%;left:0%;object-fit: cover;}
#odrzivost-hero .cont {position:relative;z-index:110;width:85%;margin:auto;color:#ffffff;}
#odrzivost-hero .cont h1 {display: block;line-height:1.05em;font-weight:300;}
#odrzivost-hero .cont h1 strong {font-weight: 700;}
#odrzivost-hero .cont p {padding-top:1.5em;line-height:1.5em;font-weight: 300;}
#odrzivost-hero .cont p strong {font-weight: 600;}
@media screen and (max-width: 959px)
{
	#odrzivost-hero .cont p.f-desk {display:none;}
}
@media screen and (max-width: 479px)
{
	#odrzivost-hero .cont {padding-top:calc(7.5vw + 60px);padding-bottom:20vw;}
	#odrzivost-hero .bg .stablo {width:85vw;opacity:0.5;height:136.89769vw;}
	#odrzivost-hero .cont h1 {font-size:2.5em;max-width:6.5em;}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	#odrzivost-hero .cont {padding-top:calc(7.5vw + 60px);padding-bottom:16vw;}
	#odrzivost-hero .bg .stablo {width:64vw;opacity:0.5;height:103.076vw;}
	#odrzivost-hero .cont h1 {font-size:3.25em;max-width:6.5em;}
	#odrzivost-hero .cont p {max-width:32em;}
}
@media screen and (min-width: 777px)
{
	#odrzivost-hero .cont {padding-top:calc(7.5vw + 60px);padding-bottom:10vw;}
	#odrzivost-hero .bg .stablo {width:42.5vw;height:68.448844vw;}
	#odrzivost-hero .cont h1 {font-size:4em;max-width:6.5em;}
	#odrzivost-hero .cont p {max-width:32em;}
}
@media screen and (min-width: 1919px)
{
	#odrzivost-hero .cont {padding-top:204px;padding-bottom:192px;}
	#odrzivost-hero .bg .stablo {width:816px;height:1314px;}
}

/* mob-break */
.mob-break {position:relative;z-index:300;width:100%;}
.mob-break p {width:84%;max-width:32em;margin:auto;text-align:center;line-height:1.5em;font-weight: 300;color:#ffffff;}
.mob-break p strong {font-weight: 600;}
@media screen and (min-width: 959px)
{
	.mob-break {display: none;}
}

/* destilerija-page */
#destilerija {position:relative;z-index:100;width:100%;}
#destilerija .back {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;background:#D8E6C2;}
#destilerija .back img {position:absolute;z-index:100;width:100%;left:0%;top:0%;}
#destilerija .content {position: relative;z-index:120;width:100%;overflow: hidden;}
#destilerija section {position:relative;z-index:200;width:100%;}
#destilerija .bg {position:absolute;z-index:200;width:100%;height:100%;top:0%;}
#destilerija .bg img {position:absolute;z-index:200;}
#destilerija .cont {position:relative;z-index:220;width:85%;left:7.5%;top:0%;}
/* uvod */
#destilerija section.uvod {z-index:120;overflow: visible;color:#053829;}
#destilerija section.uvod .bg {overflow:visible;}
#destilerija section.uvod .bg img {top:0%;right:0%;}
#destilerija section.uvod .tx h1 {display: block;line-height:1.05em;font-weight:300;}
#destilerija section.uvod .tx h1 strong {font-weight: 700;}
#destilerija section.uvod .tx p {padding-top:1.5em;line-height:1.6em;font-weight: 400;}
#destilerija section.uvod .tx p strong {font-weight: 600;}
@media screen and (max-width: 479px)
{
	#destilerija section.uvod .tx {padding-top:80vw;padding-bottom:1.6em;}
	#destilerija section.uvod .tx h1 {font-size:2.5em;max-width:8.5em;}
	#destilerija section.uvod .bg img {width:80%;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.uvod .tx {padding-top:50vw;padding-bottom:1.6em;}
	#destilerija section.uvod .tx h1 {font-size:3.25em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:65%;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.uvod .tx {padding-top:16vw;padding-bottom:18.75vw;}
	#destilerija section.uvod .tx h1 {font-size:4em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:50%;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.uvod .tx {padding-top:307px;padding-bottom:360px;}
	#destilerija section.uvod .tx h1 {font-size:4em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:50%;}
}
#destilerija section.pecat {color:#053829;z-index:122;}
#destilerija section.pecat p {line-height:1.6em;font-weight: 400;max-width:48em;margin:auto;}
#destilerija section.pecat p strong {font-weight: 600;}
#destilerija section.pecat img {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.pecat .vid {display: block;margin:auto;}
#destilerija section.pecat .vid video {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.pecat {padding-bottom:8.5vw;}
@media screen and (max-width: 479px)
{
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:1.6em 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:85vw;height:0.65em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:1.6em 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:85vw;height:0.5em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.pecat {text-align: center;}
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:8.5vw 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:80vw;height:0.38421em;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.pecat {padding-bottom:163px;}
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:163px 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:1536px;}
}
#destilerija section.uslovi {color:#053829;z-index:124;overflow: visible;}
#destilerija section.uslovi .bg {overflow: visible;}
#destilerija section.uslovi .bg img {right:0%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}

#destilerija section.uslovi .dunja {position:relative;z-index:125;}
#destilerija section.uslovi .dunja .mask {position:absolute;z-index:125;width:100%;height:100%;-webkit-mask-image: url(../../img/destilerija/dunja-maska.png);mask-image: url(../../img/destilerija/dunja-maska.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;}
#destilerija section.uslovi .dunja .mask video {position:absolute;z-index:125;width:100%;height:100%;background:#000000;object-fit: cover;}

#destilerija section.uslovi .im {position:relative;z-index:125;}
#destilerija section.uslovi .im img {position:absolute;z-index: 125;width:100%;height:100%;}
#destilerija section.uslovi .tx h2 {line-height:1.1em;font-weight:400;}
#destilerija section.uslovi .tx p {line-height:1.6em;padding-top:1.6em;font-weight:400;}
#destilerija section.uslovi .tx p strong {font-weight:600;}
#destilerija section.uslovi {margin-bottom:8.5vw;}
@media screen and (max-width: 639px)
{
	#destilerija section.uslovi .bg img {width:29.235vw;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {left:30vw;width:25vw;height:42.24265vw;}
	#destilerija section.uslovi .tx {padding-top:8.3vw;}
	#destilerija section.uslovi .tx h2 {font-size:1.75em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.uslovi .bg img {width:29.235vw;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {width:31.4583vw;height:53.155275vw;}
	#destilerija section.uslovi .tx {text-align:right;position:absolute;z-index:130;top:50%;left:31vw;width:54vw;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	#destilerija section.uslovi .tx h2 {font-size:2.5em;}
}
@media screen and (min-width: 777px)
{
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {margin-left:-3.5vw;width:31.4583vw;height:53.155275vw;}
	#destilerija section.uslovi .tx {left:30vw;width:38vw;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.uslovi {margin-bottom:163px;}
	#destilerija section.uslovi .bg img {width:560px;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {width:604px;height:1021px;margin-left:-68px;}
	#destilerija section.uslovi .tx {left:576px;width:730px;}
}
#destilerija section.vrenje {color:#053829;z-index:126;}
#destilerija section.vrenje .bg img {left:0%;bottom:0%;}
#destilerija section.vrenje p {line-height:1.6em;font-weight: 400;max-width:48em;margin:auto;}
#destilerija section.vrenje p strong {font-weight: 600;}
#destilerija section.vrenje .im img {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.vrenje .vid {display: block;margin:auto;}
#destilerija section.vrenje .vid video {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.vrenje {padding-bottom:8.5vw;}
@media screen and (max-width: 479px)
{
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:1.6em 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:85vw;height:0.65em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:1.6em 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:85vw;height:0.5em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.vrenje {text-align: center;}
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:8.5vw 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:80vw;height:0.38421em;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.vrenje {padding-bottom:163px;}
	#destilerija section.vrenje .bg img {width:540px;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:163px 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:1536px;}
}

/* kontakt */
@keyframes spinner-bulqg1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
   }
}

@keyframes spinner-oaa3wk {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}
#kontakt {background:#F6F3EE;width:100%;}
#kontakt .in {width:85%;margin:auto;position:relative;z-index:100;overflow:hidden;}
#kontakt .forma {}
#kontakt .forma h1 {line-height:1.1em;font-weight: 400;color:#053829;}
#kontakt .forma .lin input {font-size:1em;background:none;line-height:1.5em;padding:0em 0.75em 0.5em 0.75em;border:none;outline:none;border-bottom:1px solid #053829;font-weight: 400;color:#053829;}
#kontakt .forma textarea {font-size:1em;background:none;line-height:1.5em;padding:0.75em;outline:none;border:1px solid #053829;height:9em;font-weight: 400;resize:none;width:100%;color:#053829;}
#kontakt .forma input.submit {font-size:1em;width:6em;text-align:center;line-height:1.2em;padding:0.4em 0em;color:#ffffff;background:#053829;font-weight: 400;-moz-border-radius: 0px;border-radius:0em;}
#kontakt .forma input.submit:hover {opacity:0.8;}
#kontakt .forma .loader {display:none;position:relative;z-index:100;width:6em;height:2em;}
#kontakt .forma .loader .spinner {width: 2em;height: 2em;border-radius: 50%;border: 0.3em solid #053829;animation: spinner-bulqg1 0.64s infinite linear alternate, spinner-oaa3wk 1.28s infinite linear;position:absolute;z-index:100;top:50%;left:50%;margin:-1em;}
#kontakt .forma .report {display:none;color:#053829;line-height:1.2em;padding:0.4em 0em;}
#kontakt .forma .lin input::placeholder,
#kontakt .forma textarea::placeholder {color:#053829;opacity:1;filter:alpha(opacity=100);}
#kontakt .forma .lin input:-ms-input-placeholder,
#kontakt .forma textarea:-ms-input-placeholder {color:#053829;opacity:1;filter:alpha(opacity=100);}
#kontakt .forma .lin input::-ms-input-placeholder,
#kontakt .forma textarea::-ms-input-placeholder {color:#053829;opacity:1;filter:alpha(opacity=100);}
#kontakt .forma .lin {padding:0em 0.75em 1em 0.75em;}
#kontakt .forma .lin input {display: block;width:50%;}
#kontakt .forma .lin input.ime {float:left;margin-left:-0.75em;}
#kontakt .forma .lin input.email {float:right;margin-right:-0.75em;}
#kontakt .forma .lin input.adresa {display:none;}
#kontakt .forma textarea {margin-bottom:1em;}
#kontakt .info {box-sizing: border-box;}
#kontakt .info .bg {position:absolute;z-index:100;right:0%;bottom:0%;}
#kontakt .info .bg img {display: block;width:100%;}
#kontakt .info .foot {color:#053829;}
#kontakt .info .foot a {color:#053829;}
#kontakt .info .foot a:hover {text-decoration: underline;text-decoration-style: dotted;}
#kontakt .info .foot li {padding-left:2em;line-height: 1.5em;padding-bottom:1em;}
#kontakt .info .foot li:last-child {padding-bottom: 0em;}
#kontakt .info .foot li .ic {width:1.5em;height:1.5em;display: inline;float:left;margin-left:-2em;position:relative;z-index:110;}
#kontakt .info .foot li .ic svg {display: block;position:absolute;z-index:110;top:50%;left:50%;fill:#053829;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#kontakt .info .foot li.mail .ic svg {width:0.933em;}
#kontakt .info .foot li.phone .ic svg {height:1em;}
#kontakt .info .foot li.pin .ic svg {width:1em;}
#kontakt .mapa {position:relative;z-index:150;}
#kontakt .mapa .in {position:absolute;z-index:150;width:100%;height:100%;}
#kontakt .mapa .in .def {position:absolute;z-index:150;width:100%;height:100%;}
#kontakt .mapa .in .def img {display: block;position:absolute;z-index:150;width:100%;height:100%;object-fit: cover;}
#kontakt .mapa .glass {position:absolute;z-index:155;width:100%;height:50%;background: linear-gradient(to bottom, rgba(246,243,238,1) 0%, rgba(246,243,238,0) 100%);margin-top:-2px;}
#kontakt .mapa .pin {position:absolute;z-index:160;width:0px;height:0px;overflow:visible;left:50%;top:69.855428%;}
#kontakt .mapa .pin svg {fill:#053829;display: block;position:absolute;z-index:160;bottom:0em;left:0px;-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}
#kontakt .mapa {height:59.28725vw;}
#kontakt .mapa .pin svg {height:5.8854vw;}
@media screen and (max-width: 959px)
{
	#kontakt {padding-top:15vw;}
	#kontakt .in {margin-bottom:6vw;}
	#kontakt .forma {position:relative;z-index:120;width:100%;margin-bottom:6vw;}
	#kontakt .forma h1 {font-size:6vw;padding-bottom:4vw;}

	#kontakt .info {position:relative;z-index:100;width:100%;color:#053829;}
	#kontakt .cont {position:relative;z-index:110;width:100%;}
	#kontakt .info .head {position:relative;z-index:120;line-height:1.5em;padding-bottom:2vw;}
	#kontakt .info .foot {position:relative;z-index:120;}
}
@media screen and (max-width: 479px)
{
	#kontakt {padding-top:100px;}
	#kontakt .mapa .pin svg {height:7.5vw;}
}
@media screen and (min-width: 959px)
{
	#kontakt {padding-top:11.5vw;}
	#kontakt .in {margin-bottom:4vw;}
	#kontakt .forma {position:relative;z-index:100;width:48%;}
	#kontakt .forma h1 {font-size:3.33vw;padding-bottom:6vw;}
	#kontakt .info .bg {width:15vw;}
	#kontakt .info {position:absolute;z-index:100;width:47.5%;height:100%;top:0%;left:52.5%;border-left:1px solid #053829;padding-left:5%;color:#053829;}
	#kontakt .cont {position:relative;z-index:110;width:100%;height:100%;}
	#kontakt .info .head {position:absolute;z-index:110;top:0%;line-height:1.5em;}
	#kontakt .info .foot {position:absolute;z-index:110;bottom:0%;left:0%;}
}
@media screen and (min-width: 1919px)
{
	#kontakt {padding-top:220px;}
	#kontakt .in {margin-bottom:77px;}
	#kontakt .forma h1 {font-size:64px;padding-bottom:115px;}
	#kontakt .info .bg {width:288px;}
	#kontakt .mapa {height:1138px;}
	#kontakt .mapa .pin svg {height:113px;}
}

/* dunje */
#dunje-bg {position:fixed;z-index:1;width:100%;height:100%;left:0%;top:0%;overflow:hidden;}
#dunje-bg .back {position:absolute;z-index:1;width:100%;height:100%;top:0%;left:0%;overflow:hidden;}
#dunje-bg .back img {display:block;position:absolute;z-index:1;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
#dunje-bg .ram {position:absolute;z-index:10;width:1em;height:0.832167832em;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#dunje-bg .ram img {display: block;position:absolute;z-index:10;width:100%;height:100%;object-fit: contain;top:0%;left:0%;}
#dunje-bg .plantaza {position:absolute;z-index:5;width:0.713286715em;height:0.531468533em;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#dunje-bg .plantaza img {display: block;position:absolute;z-index:10;width:100%;height:100%;object-fit: cover;top:0%;left:0%;}
#dunje-bg .glass {display:block;position:absolute;z-index:15;width:100%;height:100%;top:0%;left:0%;background: linear-gradient(to bottom, rgba(5,56,41,0) 0%, rgba(5,56,41,0) 20%, rgba(5,56,41,1) 80%, rgba(5,56,41,1) 100%);opacity:0;}
#dunje-bg .zasto {display:none;position:absolute;z-index:2;width:0px;height:0px;overflow: visible;color:#053829;}
body.ready #dunje-bg .zasto {display:block;}
#dunje-bg .zasto strong {display: block;line-height:1.25em;width:5em;text-align:center;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-weight: 900;}
@media screen and (max-width: 479px)
{
	#dunje-bg .zasto {left:50%;margin-top:27px;}
	#dunje-bg .zasto-1 {top:calc(25% - 0.208em);}
	#dunje-bg .zasto-2 {bottom:calc(25% - 0.208em);}
	#dunje-bg .zasto strong {font-size:clamp(24px,5vw,32px);}
}
@media screen and (min-width: 479px) and (max-width: 777px)
{
	#dunje-bg .zasto {left:50%;margin-top:27px;}
	#dunje-bg .zasto-1 {top:calc(25% - 0.208em);}
	#dunje-bg .zasto-2 {bottom:calc(25% - 0.208em);}
	#dunje-bg .zasto strong {font-size:clamp(24px,5vw,32px);}
}
@media screen and (min-width: 777px)
{
	#dunje-bg .zasto {top:50%;}
	#dunje-bg .zasto-1 {left:calc(25% - 0.25em);}
	#dunje-bg .zasto-2 {right:calc(25% - 0.25em);}
	#dunje-bg .zasto strong {font-size:clamp(20px,4vw,32px);}
}
@media screen and (max-width: 1199px)
{
	#dunje-bg .ram,
	#dunje-bg .plantaza {margin-top:27px;}
}
@media screen and (min-width: 1199px)
{
	#dunje-bg .ram,
	#dunje-bg .plantaza {margin-top:2.25vw;}
}
@media screen and (min-width: 1499px)
{
	#dunje-bg .ram,
	#dunje-bg .plantaza {margin-top:34px;}
}
@media screen and (min-width: 1919px)
{
	#dunje-bg {left:50%;margin-left:-960px;width:1920px;}
}
#dunje-content {position:relative;z-index:100;width:100%;}
#dunje-content .in {margin:auto;width:85%;max-width:52em;color:#ffffff;text-shadow: 2px 2px 5px rgba(0,0,0,0.25);opacity:0;}
#dunje-content .head {padding-left:1.5em;font-weight:700;line-height:1.2em;cursor:pointer;}
#dunje-content .head svg {display: block;float:left;width:1em;fill:#ffffff;margin-left:-1.5em;margin-top:0.15em;}
#dunje-content .in li .body {display:none;padding-top:1.6em;}
#dunje-content .in li .body p {line-height:1.6em;padding-bottom:1em;}
#dunje-content .in li .body p:last-child {padding-bottom: 0em;}
#dunje-content .in li#dunje-cont-1 .body {display: block;}

#dunje-content .in {padding-bottom:12vw;}
#dunje-content .head {font-size:1.5em;}
#dunje-content .in li {padding-bottom:2em;}
#dunje-content .in li:last-child {padding-bottom:0em;}
@media screen and (min-width: 1919px)
{
	#dunje-content .in {padding-bottom:230px;}
}

/* karte */
.karte {display: block;position:relative;z-index:100;width:100%;height:100vh;}
.karte ul.def {display: none;}
.karte .cont {display: block;position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
.karte .main {display: block;position:absolute;z-index:100;width:100%;top:0%;left:0%;bottom:0%;}
/* arr */
@media screen and (max-width: 959px)
{
	.karte .arr {display: none;}
}
@media screen and (min-width: 959px)
{
	.karte .arr {width:50%;height:80%;bottom:0%;background:rgba(255,255,255,0.3);background:none;}
	.karte .arr {position:absolute;z-index:160;overflow:visible;}
	.karte .arr {font-size:clamp(50px, 8vw, 152px);}
	.karte .arr.prev {left:0%;}
	.karte .arr.next {right:0%;}
	.karte .arr button {font-size:1em;display: block;position:absolute;z-index:160;width:100%;height:100%;background:none;outline:none;border:none;top:0%;left:0%;cursor:default;overflow:visible;}
	.karte .arr button span.svg {cursor:pointer;display: block;position:absolute;z-index:170;font-size:1em;width:1em;height:1em;margin:-0.5em;-o-transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;transition:background 0.5s;}
	.karte .arr button span.svg:hover {background:#053829;}
	.karte .arr button span.svg {display:none;}
	.karte .arr button svg {stroke:#ffffff;position:absolute;z-index:170;font-size:0.5em;width:1em;height:1em;margin:-0.5em;top:50%;left:50%;}
	.karte .arr.prev button svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	.karte .arr .crs {position:absolute;z-index:180;width:50%;height:100%;top:0%;}
	.karte .arr.prev .crs {left:0%;cursor:url(../../img/base/prev.png), auto;}
	.karte .arr.next .crs {right:0%;cursor:url(../../img/base/next.png), auto;}
}
/* main */
.karte .main ul {display: block;position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
.karte .f-list {display: block;position:relative;z-index:100;width:100%;height:100%;}
.karte .main li {display: block;position:absolute;overflow:hidden;}
.karte .main li .li {display: block;position:absolute;z-index:100;width:100%;height:100%;}
.karte .main li .li .im {display: block;position:absolute;z-index:100;width:100%;height:100%;}
.karte .main li .li .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;left:0px;top:0%;}
.karte .main li .li .im::before {display: block;position:absolute;z-index:101;width:100%;height:100%;content:' ';background:rgba(0,0,0,0);}
.karte .main li .li.gl-a .im::before {background:rgba(0,0,0,0.15);}
.karte .main li .li.gl-b .im::before {background:rgba(0,0,0,0.25);}

.karte .main li .li .im::after {display: block;position:absolute;z-index:102;width:100%;height:100%;content:' ';}
.karte .main li .li.cos-green .im::after {background: linear-gradient(45deg, rgba(5,56,41,1) 0%, rgba(5,56,41,0) 40%, rgba(5,56,41,0) 100%);}
.karte .main li .li.lin-green .im::after {background: linear-gradient(0deg, rgba(5,56,41,1) 0%, rgba(5,56,41,0) 50%, rgba(5,56,41,0) 100%);}
.karte .main li .li.cos-blue .im::after {background: linear-gradient(45deg, rgba(25,73,73,1) 0%, rgba(25,73,73,0) 40%, rgba(25,73,73,0) 100%);}
.karte .main li .li .tx {position:absolute;z-index:120;color:#ffffff;}
.karte .main .vert,
.karte .main .hd,
.karte .main .bd,
.karte .main .uv {font-size:clamp(17px,1.6vw,23px);}
.karte .main .bd p {font-size:clamp(15px,1.2vw,17px);line-height:1.35em;}
.karte .main .bd p.naslov {font-weight:700;font-size:clamp(24px,5vw,84px);}
.karte .main .bd p.t {max-width:48em;}
.karte .main .bd p {padding-top:1.35em;}
.karte .main .bd p:first-child {padding-top: 0em;}
.karte .main .uv p {font-size:clamp(15px,1.2vw,17px);line-height:1.35em;}
.karte .main .uv p.naslov {font-weight:700;font-size:clamp(24px,5vw,84px);line-height:1.05em;}
.karte .main .uv p.t {max-width:48em;}
.karte .main .uv p {padding-top:0.75em;}
.karte .main .uv p:first-child {padding-top: 0em;}
.karte .main .hd {overflow:visible;padding-left:3em;}
.karte .main .hd .ic {width:2.4em;height:2.4em;display: inline;float:left;margin:-0.7em 0em -0.7em -3em;position:relative;z-index:120;}
.karte .main .hd .ic svg {display: block;position:absolute;z-index:100;top:50%;left:50%;fill:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.karte .main .hd .ic svg {font-size:0.667em;}
.karte .main .hd .ic.ic-zeleni-otisak svg {width:3em;}
.karte .main .hd .ic.ic-energetska-nezavisnost svg {width:3em;}
.karte .main .hd .ic.ic-reciklirana-voda svg {width:2.4em;}
.karte .main .hd .ic.ic-kompostiranje svg {width:2.8em;}
.karte .main .hd .ic.ic-ambalaza svg {width:3.7em;}
.karte .main .hd .ic.ic-navodnjavanje svg {width:2.4em;}
.karte .main .hd .ic.ic-elektricna-vozila svg {width:2.9em;}
.karte .main .more {padding-top:0.75em;}
.karte .main .more button {display: block;overflow:visible;line-height:1em;padding:0em 3em 0em 0em;color:#ffffff;text-transform: uppercase;font-size:1em;text-align: left;}
.karte .main .more button svg {display: block;float:right;width:3em;height:0.75em;margin-right:-3.5em;margin-top:0.125em;fill:#ffffff;-o-transition:margin 0.5s;-moz-transition:margin 0.5s;-webkit-transition:margin 0.5s;transition:margin 0.5s;}
.karte .main .more button:hover svg {margin-right:-4em;}


@media screen and (max-width: 959px)
{
	.karte .main li .li .hd,
	.karte .main li .li .uv {cursor: default;}
	.karte .main .hd {font-size:clamp(15px,3.75vw,21px);}
	.karte .main .uv p {font-size:clamp(15px,3.2vw,18px);}
	.karte .main .uv p.naslov {font-size:clamp(30px,7.5vw,42px);}
	.karte .main .hd .back {display: none;}
	.karte .main .vert {display: none;}
	.karte .main li .li .bd {display: none;}
	.karte .main li {display:none;top:0.125em;left:0.125em;width:0.75em;height:calc(100% - 0.25em);border-radius:0.05em;box-shadow:0px 0px 32px rgba(0,0,0,0.33);}
	.karte .main li .li .tx {left:0.05em;right:0.05em;bottom:0.1em;}
	.karte .main li .li .hd {position:relative;z-index:120;height:2.4em;}
	.karte .main li .li .uv {position:relative;z-index:115;width:100%;left:0%;}
	.karte .main li.item-0 {z-index:110;display:block;margin-left:0em;}
	.karte .main li.item-r-1 {z-index:109;display:block;transform: matrix(0.84, 0, 0, 0.84, 0, 0);margin-left:0.1em;opacity:0.75;}
	.karte .main li.item-r-2 {z-index:108;display:block;transform: matrix(0.68, 0, 0, 0.68, 0, 0);margin-left:0.2em;opacity:0.5;}
	.karte .main li.item-r-3 {z-index:107;display:block;transform: matrix(0.52, 0, 0, 0.52, 0, 0);margin-left:0.3em;opacity:0;}
	.karte .main li.item-l-1 {z-index:111;display:block;margin-left:-0.875em;}
	.karte.drag-l .main li.item-0,
	.karte.drag-l .main li.item-r-1,
	.karte.drag-l .main li.item-r-2,
	.karte.drag-r .main li.item-r-1,
	.karte.drag-r .main li.item-r-2,
	.karte.drag-r .main li.item-r-3 {-o-transition:transform 0.3s, opacity 0.3s, margin 0.3s;-moz-transition:transform 0.3s, opacity 0.3s, margin 0.3s;-webkit-transition:transform 0.3s, opacity 0.3s, margin 0.3s;transition:transform 0.3s, opacity 0.3s, margin 0.3s;}
	.karte.drag-l .main li.item-0 {transform: matrix(0.84, 0, 0, 0.84, 0, 0);margin-left:0.1em;opacity:0.75;}
	.karte.drag-l .main li.item-r-1 {transform: matrix(0.68, 0, 0, 0.68, 0, 0);margin-left:0.2em;opacity:0.5;}
	.karte.drag-l .main li.item-r-2 {transform: matrix(0.52, 0, 0, 0.52, 0, 0);margin-left:0.3em;opacity:0;}
	.karte.drag-r .main li.item-r-1 {transform: matrix(1, 0, 0, 1, 0, 0);margin-left:0em;opacity:1;}
	.karte.drag-r .main li.item-r-2 {transform: matrix(0.84, 0, 0, 0.84, 0, 0);margin-left:0.1em;opacity:0.75;}
	.karte.drag-r .main li.item-r-3 {transform: matrix(0.68, 0, 0, 0.68, 0, 0);margin-left:0.2em;opacity:0.5;}
}
@media screen and (min-width: 959px)
{
	.karte.w-foot .main {bottom:10vw;}
	.karte .main li .li .tx {left:0.05em;top:0.05em;width:0.4em;height:calc(100% - 0.1em);transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
	
	.karte.animi-off .main li .li .tx {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
	
	.karte .main li.item-r-1 .li .tx {transition-delay: 0.25s;}
	.karte .main li.item-r-2 .li .tx {transition-delay: 0.5s;}
	
	
	.karte.siroki .main li .li .tx {width:0.6em;}
	.karte .main li .li .vert {position:absolute;z-index:120;bottom:0px;left:0px;width:0%;overflow: visible;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
	
	.karte .main li .li .vert p {position:absolute;z-index:120;white-space: nowrap;font-weight: 700;color:#ffffff;line-height:1.1em;left:0%;text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.5);}
	.karte .main li .li .vert p {font-size:clamp(32px,3vw,56px);}
	
	.karte .main li .li .hd {position:absolute;z-index:120;top:0px;left:0px;width:100%;}
	.karte .main li .li .bd {position:absolute;z-index:115;bottom:0px;width:100%;left:0%;}
	.karte .main li .li.t-right-box .bd {max-width:12em;left:auto;right:0px;text-align:right;}
	.karte .main .bd p.veci {font-size:1.25em;line-height:1.5em;}
	.karte .main li .li .uv {display: none;}
	.karte .main ul.ani li {-o-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;-moz-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;-webkit-transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;transition:left 0.5s, top 0.5s, width 0.5s, height 0.5s;}
	.karte .main li {box-shadow:4px 0px 24px rgba(0,0,0,0.5);height:100%;}
	.karte .main .hd .back {cursor: pointer;padding-left:0.75em;border-left:1px solid #ffffff;color:#ffffff;text-transform: uppercase;line-height:1em;}
	.karte .main .hd,
	.karte .main .bd {opacity:0;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
	.karte .main ul.ani-l1 li.item-l-1 .hd,
	.karte .main ul.ani-l2 li.item-l-2 .hd,
	.karte .main ul.ani-l3 li.item-l-3 .hd,
	.karte .main ul.ani-r1 li.item-r-1 .hd,
	.karte .main ul.ani-r2 li.item-r-2 .hd,
	.karte .main ul.ani-r3 li.item-r-3 .hd,
	.karte .main li.item-0 .hd,
	.karte .main ul.ani-l1 li.item-l-1 .bd,
	.karte .main ul.ani-l2 li.item-l-2 .bd,
	.karte .main ul.ani-l3 li.item-l-3 .bd,
	.karte .main ul.ani-r1 li.item-r-1 .bd,
	.karte .main ul.ani-r2 li.item-r-2 .bd,
	.karte .main ul.ani-r3 li.item-r-3 .bd,
	.karte .main li.item-0 .bd {opacity:1;}
	.karte .main ul.ani-l1 li.item-0 .hd,
	.karte .main ul.ani-l2 li.item-0 .hd,
	.karte .main ul.ani-l3 li.item-0 .hd,
	.karte .main ul.ani-r1 li.item-0 .hd,
	.karte .main ul.ani-r2 li.item-0 .hd,
	.karte .main ul.ani-r3 li.item-0 .hd,
	.karte .main ul.ani-l1 li.item-0 .bd,
	.karte .main ul.ani-l2 li.item-0 .bd,
	.karte .main ul.ani-l3 li.item-0 .bd,
	.karte .main ul.ani-r1 li.item-0 .bd,
	.karte .main ul.ani-r2 li.item-0 .bd,
	.karte .main ul.ani-r3 li.item-0 .bd {opacity:0;}
	/* def */
	.karte .main li.item-l-5 {left:-125%;top:0%;width:25%;z-index:115;}
	.karte .main li.item-l-4 {left:-100%;top:0%;width:25%;z-index:114;}
	.karte .main li.item-l-3 {left:-75%;top:0%;width:25%;z-index:113;}
	.karte .main li.item-l-2 {left:-50%;top:0%;width:25%;z-index:112;}
	.karte .main li.item-l-1 {left:-25%;top:0%;width:25%;z-index:111;}
	.karte .main li.item-0 {left:0%;top:0%;width:50%;z-index:110;}
	.karte .main li.item-r-1 {left:50%;top:0%;width:25%;z-index:109;}
	.karte .main li.item-r-2 {left:75%;top:0%;width:25%;z-index:108;}
	.karte .main li.item-r-3 {left:100%;top:0%;width:0%;z-index:107;}
	.karte .main li.item-r-4 {left:100%;top:0%;width:0%;z-index:106;}
	.karte .main li.item-r-5 {left:100%;top:0%;width:0%;z-index:105;}
	.karte .main ul.ani-r1 li.item-0 {left:-50%;width:50%;}
	.karte .main ul.ani-r1 li.item-r-1 {left:0%;width:50%;}
	.karte .main ul.ani-r1 li.item-r-2 {left:50%;}
	.karte .main ul.ani-r1 li.item-r-3 {left:75%;width:25%;}
	.karte .main ul.ani-r2 li.item-0 {left:-75%;width:50%;}
	.karte .main ul.ani-r2 li.item-r-1 {left:-25%;width:25%;}
	.karte .main ul.ani-r2 li.item-r-2 {left:0%;width:50%;}
	.karte .main ul.ani-r2 li.item-r-3 {left:50%;width:25%;}
	.karte .main ul.ani-r2 li.item-r-4 {left:75%;width:25%;}
	.karte .main ul.ani-r3 li.item-0 {left:-100%;width:50%;}
	.karte .main ul.ani-r3 li.item-r-1 {left:-50%;width:25%;}
	.karte .main ul.ani-r3 li.item-r-2 {left:-25%;width:25%;}
	.karte .main ul.ani-r3 li.item-r-3 {left:0%;width:50%;}
	.karte .main ul.ani-r3 li.item-r-4 {left:50%;width:25%;}
	.karte .main ul.ani-r3 li.item-r-5 {left:75%;width:25%;}
	.karte .main ul.ani-l1 li.item-l-1 {left:0%;width:50%;}
	.karte .main ul.ani-l1 li.item-0 {left:50%;width:25%;}
	.karte .main ul.ani-l1 li.item-r-1 {left:75%;width:25%;}
	.karte .main ul.ani-l1 li.item-r-2 {left:100%;width:25%;}
	.karte .main ul.ani-l2 li.item-l-2 {left:0%;width:50%;}
	.karte .main ul.ani-l2 li.item-l-1 {left:50%;width:25%;}
	.karte .main ul.ani-l2 li.item-0 {left:75%;width:25%;}
	.karte .main ul.ani-l2 li.item-r-1 {left:100%;width:25%;}
	.karte .main ul.ani-l2 li.item-r-2 {left:125%;width:25%;}
	.karte .main ul.ani-l3 li.item-l-3 {left:0%;width:50%;}
	.karte .main ul.ani-l3 li.item-l-2 {left:50%;width:25%;}
	.karte .main ul.ani-l3 li.item-l-1 {left:75%;width:25%;}
	.karte .main ul.ani-l3 li.item-0 {left:100%;width:25%;}
	.karte .main ul.ani-l3 li.item-r-1 {left:125%;width:25%;}
	.karte .main ul.ani-l3 li.item-r-2 {left:150%;width:25%;}
	/* siroki */
	.karte.siroki .main li.item-l-5 {left:-130%;top:0%;width:15%;z-index:115;}
	.karte.siroki .main li.item-l-4 {left:-115%;top:0%;width:15%;z-index:114;}
	.karte.siroki .main li.item-l-3 {left:-100%;top:0%;width:15%;z-index:113;}
	.karte.siroki .main li.item-l-2 {left:-85%;top:0%;width:15%;z-index:112;}
	.karte.siroki .main li.item-l-1 {left:-70%;top:0%;width:70%;z-index:111;}
	.karte.siroki .main li.item-0 {left:0%;top:0%;width:70%;z-index:110;}
	.karte.siroki .main li.item-r-1 {left:70%;top:0%;width:15%;z-index:109;}
	.karte.siroki .main li.item-r-2 {left:85%;top:0%;width:15%;z-index:108;}
	.karte.siroki .main li.item-r-3 {left:100%;top:0%;width:0%;z-index:107;}
	.karte.siroki .main li.item-r-4 {left:100%;top:0%;width:0%;z-index:106;}
	.karte.siroki .main li.item-r-5 {left:100%;top:0%;width:0%;z-index:105;}
	.karte.siroki .main ul.ani-r1 li.item-0 {left:-70%;width:70%;}
	.karte.siroki .main ul.ani-r1 li.item-r-1 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-r1 li.item-r-2 {left:70%;}
	.karte.siroki .main ul.ani-r1 li.item-r-3 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-r2 li.item-0 {left:-85%;width:70%;}
	.karte.siroki .main ul.ani-r2 li.item-r-1 {left:-15%;width:15%;}
	.karte.siroki .main ul.ani-r2 li.item-r-2 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-r2 li.item-r-3 {left:70%;width:15%;}
	.karte.siroki .main ul.ani-r2 li.item-r-4 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-r3 li.item-0 {left:-100%;width:70%;}
	.karte.siroki .main ul.ani-r3 li.item-r-1 {left:-30%;width:15%;}
	.karte.siroki .main ul.ani-r3 li.item-r-2 {left:-15%;width:15%;}
	.karte.siroki .main ul.ani-r3 li.item-r-3 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-r3 li.item-r-4 {left:70%;width:15%;}
	.karte.siroki .main ul.ani-r3 li.item-r-5 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-l1 li.item-l-1 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-l1 li.item-0 {left:70%;width:15%;}
	.karte.siroki .main ul.ani-l1 li.item-r-1 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-l1 li.item-r-2 {left:100%;width:15%;}
	.karte.siroki .main ul.ani-l2 li.item-l-2 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-l2 li.item-l-1 {left:70%;width:15%;}
	.karte.siroki .main ul.ani-l2 li.item-0 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-l2 li.item-r-1 {left:100%;width:15%;}
	.karte.siroki .main ul.ani-l2 li.item-r-2 {left:115%;width:15%;}
	.karte.siroki .main ul.ani-l3 li.item-l-3 {left:0%;width:70%;}
	.karte.siroki .main ul.ani-l3 li.item-l-2 {left:70%;width:15%;}
	.karte.siroki .main ul.ani-l3 li.item-l-1 {left:85%;width:15%;}
	.karte.siroki .main ul.ani-l3 li.item-0 {left:100%;width:15%;}
	.karte.siroki .main ul.ani-l3 li.item-r-1 {left:115%;width:15%;}
	.karte.siroki .main ul.ani-l3 li.item-r-2 {left:130%;width:15%;}
}
@media screen and (min-width: 1919px)
{
	.karte.w-foot .main {bottom:192px;}
}
/* foot */
@media screen and (max-width: 959px)
{
	.karte-foot {display: none;}
}
@media screen and (min-width: 959px)
{
	.karte-foot {position:absolute;z-index:120;width:100%;background:#053829;box-sizing:border-box;border-top:1px solid #ffffff;overflow:hidden;}
	.karte-foot {height:10vw;bottom:0px;left:0px;font-size:clamp(12px,1.1vw,15px);}
	.karte-foot .inf {width:95%;left:2.5%;position:absolute;z-index:120;top:0%;height:100%;}
	.karte-foot ul {display: flex;width:100%;justify-content: center;gap:7vw;flex-wrap: wrap;}
	.karte-foot li {position:relative;z-index:120;height:10vw;}
	.karte-foot li::before {position:absolute;z-index:100;content:' ';display: block;width:1.2em;height:50%;border-right:1px solid rgba(255,255,255,0);left:0px;top:-2.4em;-o-transition:border 0.5s;-moz-transition:border 0.5s;-webkit-transition:border 0.5s;transition:border 0.5s;}
	.karte-foot li.on::before {border-right-color: rgba(255,255,255,1);}
	.karte-foot ul button {display:flex;gap:1em;height:2.4em;  align-items: center;
	  justify-content: center;font-size:1em;color:#ffffff;text-align:left;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);position:relative;z-index:120;top:50%;}
	.karte-foot ul li.on button {opacity:0.4;}
	.karte-foot ul button span.ic {display:block;width:2.4em;height:2.4em;overflow:visible;position:relative;z-index:100;color:#ffffff;}
	.karte-foot ul button span.ic svg {display: block;position:absolute;z-index:100;top:50%;left:50%;fill:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
	.karte-foot ul button span.t {display:block;text-transform: uppercase;line-height:1.1em;width:auto;}
	.karte-foot ul button span.ic svg {font-size:0.667em;}
	.karte-foot ul button span.ic.ic-zeleni-otisak svg {width:3em;}
	.karte-foot ul button span.ic.ic-energetska-nezavisnost svg {width:3em;}
	.karte-foot ul button span.ic.ic-reciklirana-voda svg {width:2.4em;}
	.karte-foot ul button span.ic.ic-kompostiranje svg {width:2.8em;}
	.karte-foot ul button span.ic.ic-ambalaza svg {width:3.7em;}
	.karte-foot ul button span.ic.ic-navodnjavanje svg {width:2.4em;}
	.karte-foot ul button span.ic.ic-elektricna-vozila svg {width:2.9em;}
}
@media screen and (min-width: 1919px)
{
	.karte-foot,
	.karte-foot li {height:192px;}
	.karte-foot ul {gap:134px;}
}
/* dots */
@media screen and (max-width: 959px)
{
	.karte ul.dots {bottom:5vw;margin-bottom:-0.5em;height:1em;overflow:visible;position: absolute;z-index:130;width:90%;left:5%;justify-content: center;gap:1em;font-size:8px;display:flex;}
	.karte ul.dots li {width:1em;height:1em;border-radius:0.5em;background:#ffffff;opacity:0.3;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
	.karte ul.dots li.on {opacity:1;}
}
@media screen and (min-width: 959px)
{
	.karte ul.dots {display: none;}
}
/* - */
@media screen and (max-width: 959px)
{
	#osuncana-destilerija.karte {z-index:102;}
	#vocnjak-za-buducnost.karte {z-index:100;margin-top:-5vw;}
}

/* pop-karte 2000 */
#pop-karte {position:fixed;z-index:-1;top:0px;left:-300%;width:100%;height:100%;overflow:hidden;}
#pop-karte.open {left:0%;z-index:2000;}
#pop-karte .content {position:absolute;z-index:2020;width:100%;height:100%;box-sizing:border-box;top:0%;left:0%;overflow:hidden;opacity:0;-ms-transform: matrix(0.8, 0, 0, 0.8, 0, 90);-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 90);transform: matrix(0.8, 0, 0, 0.8, 0, 90);}
#pop-karte .content {-moz-transition:transform 0.5s, opacity 0.5s;-webkit-transition:transform 0.5s, opacity 0.5s;transition:transform 0.5s, opacity 0.5s;}
#pop-karte.in .content {margin-top:0px;opacity:1;-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);}
#pop-karte.in.out .content {opacity:0;-ms-transform: matrix(0.8, 0, 0, 0.8, 0, 0);-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);transform: matrix(0.8, 0, 0, 0.8, 0, 0);}
#pop-karte .content .back {position:absolute;z-index:2020;width:100%;height:100%;left:0%;top:0%;background:#778D5F;}
#pop-karte .content .back img {position:absolute;z-index:2020;width:100%;height:100%;left:0%;top:0%;object-fit: cover;}
#pop-karte .content .back::after {content:' ';display: block;position:absolute;z-index:2021;width:100%;height:100%;left:0%;top:0%;background:rgba(5,55,41,0.7);}
#pop-karte .x {position:absolute;z-index:2040;font-size:1.5em;top:0em;left:100%;margin-left:-2.2em;width:2.2em;height:2.2em;}

#pop-karte .x button {display: block;font-size:1em;width:2.2em;height:2.2em;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
#pop-karte .x button:hover {opacity:0.5;}

#pop-karte .x button span {width:0px;height:0px;overflow:visible;top:50%;left:50%;display:block;position:absolute;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#pop-karte .x button span::before {content:' ';width:0.8em;height:0.1em;background: #ffffff;left:-0.4em;top:-0.05em;position:absolute;display: block;border-radius: 0.05em;}
#pop-karte .x button span::after {content:' ';width:0.1em;height:0.8em;background: #ffffff;left:-0.05em;top:-0.4em;position:absolute;display: block;border-radius: 0.05em;}
#pop-karte .content .inc,
#pop-karte .content .inc ul,
#pop-karte .content .inc li {position:absolute;z-index:2030;left:0%;top:0%;width:100%;height:100%;overflow: hidden;}
#pop-karte .content .inc li {display: none;}
#pop-karte .content .inc .tx {position:absolute;z-index:2032;left:0%;top:50%;width:100%;max-height:100%;overflow: auto;box-sizing:border-box;color:#ffffff;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#pop-karte .content .inc .tx::-webkit-scrollbar {width:8px;background:none;}
#pop-karte .content .inc .tx::-webkit-scrollbar-track {-moz-border-radius:4px;border-radius:4px;width:100%;}
#pop-karte .content .inc .tx::-webkit-scrollbar-thumb {-moz-border-radius:4px;border-radius:4px;background:rgba(0,0,0,0.25);}
#pop-karte .content .inc .tx::-webkit-scrollbar-thumb:hover {}
#pop-karte .content .int {padding:7.5vw;}
#pop-karte .content .int .ic {width:2.25em;height:2.25em;position:relative;z-index:120;overflow: visible;}
#pop-karte .content .int .ic svg {display: block;position:absolute;z-index:100;top:50%;left:50%;fill:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#pop-karte .content .int .ic svg {font-size:0.75em;}
#pop-karte .content li#odrzivost-zeleni-otisak .int .ic svg {width:3em;}
#pop-karte .content li#odrzivost-energetska-nezavisnost .int .ic svg {width:3em;}
#pop-karte .content li#odrzivost-reciklirana-voda .int .ic svg {width:2.4em;}
#pop-karte .content li#odrzivost-kompostiranje .int .ic svg {width:2.8em;}
#pop-karte .content li#odrzivost-ambalaza .int .ic svg {width:3.7em;}
#pop-karte .content li#odrzivost-navodnjavanje .int .ic svg {width:2.4em;}
#pop-karte .content li#odrzivost-elektricna-vozila .int .ic svg {width:2.9em;}
#pop-karte .content .int .ic {font-size:clamp(18px,5.25vw,32px);}
#pop-karte .content .int .h {font-weight:700;font-size:clamp(36px,10.5vw,63px);line-height:1.05em;padding-top:0.25em;}
#pop-karte .content .int .b {max-width:48em;padding-top:0.75em;font-size:clamp(18px,3.5vw,21px);line-height:1.5em;}

/* destilerija-center */
.destilerija-center {position:relative;z-index:100;width:100%;overflow:hidden;}
.destilerija-center.h100 {height:100vh;}
.destilerija-center .back {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;}
.destilerija-center .back img {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
.destilerija-center .back video {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
.destilerija-center .content {position:relative;z-index:120;width:100%;}
.destilerija-center.c-absolute .content {position:absolute;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.destilerija-center .tx {text-align:center;margin:auto;width:85%;max-width:30em;}
.destilerija-center .tx.m36 {max-width:36em;}
.destilerija-center .tx .dum {font-size: clamp(12px, 1vw, 15px);height:4.5em;}
.destilerija-center .tx h1 {font-weight: 400;line-height:1.1em;}
.destilerija-center .tx h1 strong {font-weight: 700;display: block;}
.destilerija-center .tx p {line-height:1.5em;padding-top:1.5em;}
.destilerija-center .tx p strong {font-weight: 600;}
.destilerija-center .tx .ic {margin:auto;width:4em;padding-top:1.5em;}
.destilerija-center .tx .ic svg {display: block;width:100%;stroke:#053829;fill:none;}
.destilerija-center .tx .ic.nopad,
.destilerija-center .tx p.nopad {padding-top:0px;}
.destilerija-center .scroll {position:absolute;z-index:110;left:50%;opacity:1;animation-name:scroll_mrd;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.destilerija-center.del-scroll .scroll {opacity:0;}
.destilerija-center .scroll svg {display: block;width:100%;stroke:#ffffff;fill:none;}
.destilerija-center .scroll {width:2.5em;margin-left:-1.25em;bottom:4.15vw;}
@media screen and (min-width: 1919px)
{
	.destilerija-center .scroll {bottom:80px;}
}
/* color */
.destilerija-center.green .back::after {position:absolute;z-index:102;width:100%;height:100%;content:' ';top:0%;left:0%;display: block;background:rgba(0,51,36,0.72);}
.destilerija-center.green .tx {color:#ffffff;}
.destilerija-center.green-solid .back {background: #1D5C4B;background: linear-gradient(120deg,rgba(29, 92, 75, 1) 0%, rgba(5, 56, 41, 1) 100%);}
.destilerija-center.green-solid .tx {color:#ffffff;}
.destilerija-center.white .back::after {position:absolute;z-index:102;width:100%;height:100%;content:' ';top:0%;left:0%;display: block;background:rgba(255,255,255,0.8);}
.destilerija-center.white .tx {color:#053829;}
@media screen and (max-width: 479px)
{
	.destilerija-center .tx h1 {font-size:2em;}
}
@media screen and (min-width: 479px)
{
	.destilerija-center .tx h1 {font-size:3em;}
}
@media screen and (min-width: 959px)
{
	.destilerija-center .tx h1 {font-size:3.25em;}
}
.destilerija-center .tx {padding:11vw 0px;}
.destilerija-center.min-pad .tx {padding:7.5vw 0px;}
@media screen and (max-width: 639px)
{
	.destilerija-center .tx {padding:70px 0px;}
	.destilerija-center.min-pad .tx {padding:40px 0px;}
}
@media screen and (min-width: 1919px)
{
	.destilerija-center .tx {padding:211px 0px;}
	.destilerija-center.min-pad .tx {padding:144px 0px;}
}

/* pola */
.pola {position:relative;z-index:100;background:#F6F3EE;color:#053829;}
.pola.bg-no {background: none;z-index:150;}
.pola .im {z-index:100;overflow: hidden;}
.pola .im img {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
.pola .cnt,
.pola .content {z-index:100;}
.pola .tx {width:100%;}
.pola .tx h2 {font-weight: 700;line-height:1.1em;}
.pola .tx p {padding-top:1.5em;}
.pola .ic {width:4em;}
.pola .ic svg {display: block;width:100%;stroke:#053829;fill:none;}
@media screen and (max-width: 479px)
{
	.pola .tx h2 {font-size:2em;}
}
@media screen and (min-width: 479px)
{
	.pola .tx h2 {font-size:3em;}
}
@media screen and (min-width: 959px)
{
	.pola .tx h2 {font-size:3.25em;}
}
@media screen and (max-width: 777px)
{
	.pola .im {position:relative;width:100%;height:75vw;max-height:30em;}
	.pola .cnt,
	.pola .content {position:relative;width:85%;max-width:32em;margin:auto;text-align:center;}
	.pola .int {padding:12vw 0em;}
	.pola .ic {margin:auto;}
	#destilerija-pola-ukus.pola .im img {height:133%}
	#destilerija-pola-kap.pola .im img {top:-33%;height:133%}
}
@media screen and (max-width: 479px)
{
	.pola .im {height:90vw;}
}
@media screen and (min-width: 777px)
{
	.pola {height:40em;}
	.pola .im {position:absolute;width:50%;height:100%;top:0%;}
	.pola.left .im {left:0%;}
	.pola.right .im {left:50%;}
	.pola .cnt,
	.pola .content {position:absolute;width:34%;height:100%;top:0%;}
	.pola.left .cnt,
	.pola.left .content {left:58%;}
	.pola.right .cnt,
	.pola.right .content {left:8%;}
	.pola .tx {position:absolute;top:50%;max-width:18.75em;}
	.pola.left .tx {left:0%;text-align:left;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.pola.right .tx {left:100%;text-align:right;-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
}
@media screen and (min-width: 777px) and (max-width: 959px)
{
	#dunje-pola-zlato.pola {height:47em;}
}

/* pola-gradient */
.pola-gradient {position:relative;z-index:100;background:#154538;color:#ffffff;}
.pola-gradient .im {z-index:100;overflow: hidden;}
.pola-gradient .im img {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
.pola-gradient .content {z-index:120;}
.pola-gradient .tx h2 {font-weight: 700;line-height:1.1em;}
.pola-gradient .tx p {padding-top:1.5em;}
.pola-gradient .tx p.nopad {padding-top:0em;}
@media screen and (max-width: 479px)
{
	.pola-gradient .tx h2 {font-size:2em;}
}
@media screen and (min-width: 479px)
{
	.pola-gradient .tx h2 {font-size:2.25em;}
}
@media screen and (min-width: 959px)
{
	.pola-gradient .tx h2 {font-size:2.5em;}
}
@media screen and (max-width: 777px)
{
	.pola-gradient .im {position:relative;width:100%;height:75vw;max-height:30em;}
	.pola-gradient .content {position:relative;width:85%;max-width:32em;margin:auto;text-align:center;}
	.pola-gradient .int {padding:12vw 0em;}
	#destilerija-pola-gradient-uslovi.pola-gradient .im img {height:133%}
	#destilerija-pola-gradient-proces.pola-gradient .im img {height:133%}
}
@media screen and (min-width: 777px)
{
	.pola-gradient {height:36em;}
	.pola-gradient .im {position: absolute;width:100%;height:100%;}
	.pola-gradient .content {position: absolute;width:50%;height:100%;}
	.pola-gradient.left .content {background: linear-gradient(90deg, rgba(21, 69, 56, 1) 25%,rgba(21, 69, 56, 0) 100%);left:0%;}
	.pola-gradient.right .content {background: linear-gradient(90deg,rgba(21, 69, 56, 0) 0%, rgba(21, 69, 56, 1) 75%);left:50%;}
	.pola-gradient .inc {position: absolute;width:85%;height:100%;}
	.pola-gradient.left .inc {left:15%;}
	.pola-gradient.right .inc {left:0%;}
	.pola-gradient .tx {position:absolute;top:50%;width:100%;max-width:18.75em;}
	.pola-gradient.left .tx {left:0%;text-align:left;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.pola-gradient.right .tx {left:100%;text-align:right;-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
}

/* dunje-page */
#dunje {position:relative;z-index:100;width:100%;}
#dunje .back {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;background:#D8E6C2;}
#dunje .back img {position:absolute;z-index:100;width:100%;left:0%;top:0%;}
#dunje .content {position: relative;z-index:120;width:100%;overflow: hidden;}
#dunje section {position:relative;z-index:200;width:100%;overflow:visible;}
#dunje .bg {position:absolute;z-index:200;width:100%;height:100%;top:0%;overflow:visible;}
#dunje .bg img {position:absolute;z-index:200;}
#dunje .cont {position:relative;z-index:220;width:85%;left:7.5%;top:0%;}
/* uvod */
#dunje-uvod .bg .grana {position:absolute;z-index:202;right:0px;top:0%;}
#dunje-uvod .bg .grana img {display: block;width:100%;}
#dunje-uvod .bg .centar {position:absolute;z-index:200;left:50%;height:0em;overflow:visible;}
#dunje-uvod .bg .centar img {display: block;width:100%;top:0%;left:0%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#dunje-uvod .cont .centar {position:relative;z-index:220;width:100%;}
#dunje-uvod .cont .centar .zasto {position:absolute;overflow:visible;width:0px;}

#dunje-uvod .cont .centar .zasto p {position:absolute;left:0px;top:0px;line-height:1.15em;color:#053829;}
#dunje-uvod .cont .centar .zasto::after {position:absolute;display:block;content:' ';height:1px;background:#053829;}

#dunje-uvod .bg .centar,
#dunje-uvod .cont .centar .zasto p,
#dunje-uvod .cont .centar .zasto::after {opacity:0;-o-transition:opacity 1.5s, margin 1.5s;-moz-transition:opacity 1.5s, margin 1.5s;-webkit-transition:opacity 1.5s, margin 1.5s;transition:opacity 1.5s, margin 1.5s;}
#dunje-uvod.start .bg .centar,
#dunje-uvod.start .cont .centar .zasto p,
#dunje-uvod.start .cont .centar .zasto::after {opacity:1;}

#dunje-uvod .cont .centar .zasto.left p {transition-delay:0.5s;}
#dunje-uvod .cont .centar .zasto.left::after {transition-delay:1.5s;}
#dunje-uvod .cont .centar .zasto.right p {transition-delay:1.5s;}
#dunje-uvod .cont .centar .zasto.right::after {transition-delay:2.5s;}
#dunje-uvod .bg .centar {transition-delay:0.25s;}
#dunje-uvod .bg .centar {margin-top:60px;}
#dunje-uvod.start .bg .centar {margin-top:0px;}

@media screen and (max-width: 639px)
{
	#dunje-uvod .cont .centar .zasto {left:50%;}
	#dunje-uvod .cont .centar .left {top:6%;}
	#dunje-uvod .cont .centar .right {top:94%;}
	#dunje-uvod .cont .centar .left p {-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);text-align: center;}
	#dunje-uvod .cont .centar .right p {-ms-transform: translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);text-align:center;}
	#dunje-uvod .cont .centar .zasto::after {width:1px;}
	#dunje-uvod .cont .centar .left.zasto::after {top:4em;}
	#dunje-uvod .cont .centar .zasto.right::after {bottom:2.8em;}
	
	#dunje-uvod .cont .centar .zasto.left p,
	#dunje-uvod .cont .centar .zasto.left::after {margin-top:-60px;}
	#dunje-uvod.start .cont .centar .zasto.left p,
	#dunje-uvod.start .cont .centar .zasto.left::after {margin-top:0px;}
	#dunje-uvod .cont .centar .zasto.right p {margin-top:60px;}
	#dunje-uvod .cont .centar .zasto.right::after {margin-bottom:-60px;}
	#dunje-uvod.start .cont .centar .zasto.right p {margin-top:0px;}
	#dunje-uvod.start .cont .centar .zasto.right::after {margin-bottom:0px;}
}
@media screen and (min-width: 639px)
{
	#dunje-uvod .cont .centar .zasto {top:50%;}
	#dunje-uvod .cont .centar .left {left:0%;}
	#dunje-uvod .cont .centar .right {left:100%;}
	#dunje-uvod .cont .centar .left p {-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	#dunje-uvod .cont .centar .right p {-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);text-align:right;}
	#dunje-uvod .cont .centar .zasto::after {height:1px;}
	#dunje-uvod .cont .centar .left.zasto::after {left:7vw;}
	#dunje-uvod .cont .centar .zasto.right::after {right:7vw;}
	
	#dunje-uvod .cont .centar .zasto.left p,
	#dunje-uvod .cont .centar .zasto.left::after {margin-left:-60px;}
	#dunje-uvod.start .cont .centar .zasto.left p,
	#dunje-uvod.start .cont .centar .zasto.left::after {margin-left:0px;}
	#dunje-uvod .cont .centar .zasto.right p {margin-left:60px;}
	#dunje-uvod .cont .centar .zasto.right::after {margin-right:-60px;}
	#dunje-uvod.start .cont .centar .zasto.right p {margin-left:0px;}
	#dunje-uvod.start .cont .centar .zasto.right::after {margin-right:0px;}
}
#dunje-uvod .tx {text-align: center;color:#053829;max-width:40em;margin:auto;}
#dunje-uvod .tx h1 {font-weight: 400;line-height:1.15em;padding-bottom:0.5em;}
#dunje-uvod .tx h1 strong {font-weight: 700;}
#dunje-uvod .tx p {line-height:1.5em;padding-top:1.5em;}
#dunje-uvod .tx p strong {font-weight: 600;}
@media screen and (max-width: 479px)
{
	#dunje-uvod .tx h1 {font-size:2em;}
}
@media screen and (min-width: 479px)
{
	#dunje-uvod .tx h1 {font-size:2.5em;}
}
@media screen and (min-width: 959px)
{
	#dunje-uvod .tx h1 {font-size:3em;}
}
/* px */
#dunje-uvod {padding-bottom:8vw;}
#dunje-uvod .bg .grana {width:43.5vw;}
#dunje-uvod .bg .centar {top:32vw;width:75.694vw;margin-left:-37.847vw;}
#dunje-uvod .cont .centar {height:65vw;}
#dunje-uvod .cont .centar .zasto {font-size:1.75em;}

@media screen and (max-width: 639px)
{
	#dunje-uvod .cont .centar .zasto::after {height:10vw;}
}
@media screen and (min-width: 639px)
{
	#dunje-uvod .cont .centar .zasto::after {width:10vw;}
}

@media screen and (max-width: 479px)
{
	#dunje-uvod .bg .centar {top:70vw;}
	#dunje-uvod .cont .centar {height:120vw;}
	#dunje-uvod .cont .centar .zasto {font-size:1.25em;}
	#dunje-uvod .cont .centar .left {top:12%;}
	#dunje-uvod .cont .centar .right {top:96%;}
	/*
	#dunje-uvod .cont .centar .left.zasto::after {left:13.5vw;}
	#dunje-uvod .cont .centar .zasto.right::after {right:13.55vw;}
	*/
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#dunje-uvod .bg .centar {top:50vw;}
	#dunje-uvod .cont .centar {height:100vw;}
	#dunje-uvod .cont .centar .zasto {font-size:1.5em;}
	/*
	#dunje-uvod .cont .centar .left.zasto::after {left:13.5vw;}
	#dunje-uvod .cont .centar .zasto.right::after {right:13.55vw;}
	*/
}
@media screen and (min-width: 1919px)
{
	#dunje-uvod {padding-bottom:154px;}
	#dunje-uvod .bg .grana {width:835px;}
	#dunje-uvod .bg .centar {top:614px;width:1453px;margin-left:-726px;}
	#dunje-uvod .cont .centar {height:1248px;}
	#dunje-uvod .cont .centar .zasto::after {width:192px;}
}
/* video */
#dunje section.video {position:relative;z-index:100;overflow:visible;}
#dunje section.video .in {position:absolute;z-index:100;width:100%;height:100%;}
#dunje section.video img.tmp,
#dunje section.video video {position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
#dunje section.video .logo {position:absolute;z-index:110;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#dunje section.video .logo img {display: block;width:100%;}

#dunje section.video{height:48.5vw;}
#dunje section.video .logo {width:14.15vw;}

@media screen and (max-width: 777px)
{
	#dunje section.video{height:75vw;}
	#dunje section.video .logo {width:20vw;}
}
@media screen and (max-width: 479px)
{
	#dunje section.video{height:90vw;}
	#dunje section.video .logo {width:25vw;}
}
@media screen and (min-width: 1919px)
{
	#dunje section.video {height:931px;}
}
/* cntr */
#dunje section.cntr .bg img {right:0px;bottom:0px;}
#dunje section.cntr {display: block;position:relative;z-index:100;text-align:center;color:#053829;}
#dunje section.cntr .tx {margin: auto;max-width:36em;}
#dunje section.cntr #dunje-foot-tx.tx {max-width:25em;}
#dunje section.cntr p {padding-top:1.5em;line-height:1.5em;}
#dunje section.cntr p:first-child {padding-top:0em;}
#dunje section.cntr {padding:6vw 0em;}
#dunje section.cntr .bg img {width:15vw;}
@media screen and (max-width: 479px)
{
	#dunje section.cntr .bg img {width:36vw;}
	#dunje section.cntr {padding:12vw 0em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#dunje section.cntr .bg img {width:24vw;}
	#dunje section.cntr {padding:9vw 0em;}
}
@media screen and (min-width: 1919px)
{
	#dunje section.cntr .bg img {width:288px;}
	#dunje section.cntr {padding:115px 0em;}
}
/* polutke */
#dunje section.polutke {z-index:250;}
/* vocnjak */
#dunje section.vocnjak {overflow:visible;}
#dunje-vocnjak .bg {overflow: visible;}
#dunje-vocnjak .bg .grana {position:absolute;z-index:100;bottom:0px;left:0px;}
#dunje-vocnjak .bg .grana img {display: block;width:100%;}
#dunje-vocnjak .cont {overflow:visible;}
#dunje-vocnjak .in-cont {position:relative;z-index:100;overflow:visible;width:100%;}
#dunje-vocnjak .im {z-index:100;overflow:visible;}
img#dunje-vocnjak-im-1 {position:absolute;width:100%;left:0%;top:50%;z-index:100;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
img#dunje-vocnjak-im-2 {position:absolute;width:104.34%;left:-31.5%;top:24.5%;z-index:102;}
#dunje-vocnjak .tx {color:#053829;}
#dunje-vocnjak .tx p {padding-bottom:1.5em;}
#dunje-vocnjak .tx p:last-child {padding-bottom:0em;}
@media screen and (max-width: 639px)
{
	#dunje-vocnjak .bg .grana {width:24vw;height:66vw;}
	#dunje-vocnjak .cont {padding-bottom:12.5vw;}
	#dunje-vocnjak .im {position:relative;margin:auto;width:40vw;height:67.58vw;}
	#dunje-vocnjak .tx {position:relative;z-index:120;width:100%;padding-top:1.5em;text-align: center;}
}
@media screen and (min-width: 639px)
{
	#dunje-vocnjak .bg .grana {width:16vw;height:44vw;}
	#dunje-vocnjak .cont {padding-bottom:12.5vw;}
	#dunje-vocnjak .in-cont {height:54vw;}
	#dunje-vocnjak .im {position:absolute;left:7.5vw;width:32vw;height:100%;}
	#dunje-vocnjak .tx {position:absolute;z-index:120;top:50%;left:55%;width:45%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
}
@media screen and (min-width: 1919px)
{
	#dunje-vocnjak .bg .grana {width:307px;height:845px;}
	#dunje-vocnjak .cont {padding-bottom:240px;}
	#dunje-vocnjak .in-cont {height:1036px;}
	#dunje-vocnjak .im {left:144px;width:614px;}
}



/* uvod */
/*
#destilerija section.uvod {z-index:120;overflow: visible;color:#053829;}
#destilerija section.uvod .bg {overflow:visible;}
#destilerija section.uvod .bg img {top:0%;right:0%;}
#destilerija section.uvod .tx h1 {display: block;line-height:1.05em;font-weight:300;}
#destilerija section.uvod .tx h1 strong {font-weight: 700;}
#destilerija section.uvod .tx p {padding-top:1.5em;line-height:1.6em;font-weight: 400;}
#destilerija section.uvod .tx p strong {font-weight: 600;}
@media screen and (max-width: 479px)
{
	#destilerija section.uvod .tx {padding-top:80vw;padding-bottom:1.6em;}
	#destilerija section.uvod .tx h1 {font-size:2.5em;max-width:8.5em;}
	#destilerija section.uvod .bg img {width:80%;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.uvod .tx {padding-top:50vw;padding-bottom:1.6em;}
	#destilerija section.uvod .tx h1 {font-size:3.25em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:65%;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.uvod .tx {padding-top:16vw;padding-bottom:18.75vw;}
	#destilerija section.uvod .tx h1 {font-size:4em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:50%;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.uvod .tx {padding-top:307px;padding-bottom:360px;}
	#destilerija section.uvod .tx h1 {font-size:4em;max-width:8.5em;}
	#destilerija section.uvod .tx p {max-width:32em;}
	#destilerija section.uvod .bg img {width:50%;}
}
#destilerija section.pecat {color:#053829;z-index:122;}
#destilerija section.pecat p {line-height:1.6em;font-weight: 400;max-width:48em;margin:auto;}
#destilerija section.pecat p strong {font-weight: 600;}
#destilerija section.pecat img {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.pecat .vid {display: block;margin:auto;}
#destilerija section.pecat .vid video {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.pecat {padding-bottom:8.5vw;}
@media screen and (max-width: 479px)
{
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:1.6em 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:85vw;height:0.65em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:1.6em 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:85vw;height:0.5em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.pecat {text-align: center;}
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:8.5vw 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:80vw;height:0.38421em;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.pecat {padding-bottom:163px;}
	#destilerija section.pecat .vid,
	#destilerija section.pecat .im {padding:163px 0em;}
	#destilerija section.pecat .vid video,
	#destilerija section.pecat img {font-size:1536px;}
}
#destilerija section.uslovi {color:#053829;z-index:124;overflow: visible;}
#destilerija section.uslovi .bg {overflow: visible;}
#destilerija section.uslovi .bg img {right:0%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}

#destilerija section.uslovi .dunja {position:relative;z-index:125;}
#destilerija section.uslovi .dunja .mask {position:absolute;z-index:125;width:100%;height:100%;-webkit-mask-image: url(../../img/destilerija/dunja-maska.png);mask-image: url(../../img/destilerija/dunja-maska.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;}
#destilerija section.uslovi .dunja .mask video {position:absolute;z-index:125;width:100%;height:100%;background:#000000;object-fit: cover;}

#destilerija section.uslovi .im {position:relative;z-index:125;}
#destilerija section.uslovi .im img {position:absolute;z-index: 125;width:100%;height:100%;}
#destilerija section.uslovi .tx h2 {line-height:1.1em;font-weight:400;}
#destilerija section.uslovi .tx p {line-height:1.6em;padding-top:1.6em;font-weight:400;}
#destilerija section.uslovi .tx p strong {font-weight:600;}
#destilerija section.uslovi {margin-bottom:8.5vw;}
@media screen and (max-width: 639px)
{
	#destilerija section.uslovi .bg img {width:29.235vw;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {left:30vw;width:25vw;height:42.24265vw;}
	#destilerija section.uslovi .tx {padding-top:8.3vw;}
	#destilerija section.uslovi .tx h2 {font-size:1.75em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.uslovi .bg img {width:29.235vw;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {width:31.4583vw;height:53.155275vw;}
	#destilerija section.uslovi .tx {text-align:right;position:absolute;z-index:130;top:50%;left:31vw;width:54vw;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	#destilerija section.uslovi .tx h2 {font-size:2.5em;}
}
@media screen and (min-width: 777px)
{
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {margin-left:-3.5vw;width:31.4583vw;height:53.155275vw;}
	#destilerija section.uslovi .tx {left:30vw;width:38vw;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.uslovi {margin-bottom:163px;}
	#destilerija section.uslovi .bg img {width:560px;}
	#destilerija section.uslovi .dunja,
	#destilerija section.uslovi .im {width:604px;height:1021px;margin-left:-68px;}
	#destilerija section.uslovi .tx {left:576px;width:730px;}
}
#destilerija section.vrenje {color:#053829;z-index:126;}
#destilerija section.vrenje .bg img {left:0%;bottom:0%;}
#destilerija section.vrenje p {line-height:1.6em;font-weight: 400;max-width:48em;margin:auto;}
#destilerija section.vrenje p strong {font-weight: 600;}
#destilerija section.vrenje .im img {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.vrenje .vid {display: block;margin:auto;}
#destilerija section.vrenje .vid video {display: block;margin:auto;width:1em;object-fit: cover;}
#destilerija section.vrenje {padding-bottom:8.5vw;}
@media screen and (max-width: 479px)
{
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:1.6em 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:85vw;height:0.65em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:1.6em 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:85vw;height:0.5em;}
}
@media screen and (min-width: 639px)
{
	#destilerija section.vrenje {text-align: center;}
	#destilerija section.vrenje .bg img {width:28.125vw;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:8.5vw 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:80vw;height:0.38421em;}
}
@media screen and (min-width: 1919px)
{
	#destilerija section.vrenje {padding-bottom:163px;}
	#destilerija section.vrenje .bg img {width:540px;}
	#destilerija section.vrenje .vid,
	#destilerija section.vrenje .im {padding:163px 0em;}
	#destilerija section.vrenje .vid video,
	#destilerija section.vrenje .im img {font-size:1536px;}
}
*/





/*

green
	#37693F
	55,105,63
yellow
	#BBD80A
red
	#ff3d46
sivkast
	#ECF2F0




-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;

-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);

*/
		






@media screen and (max-width: 479px)
{
}
@media screen and (min-width: 479px)
{
}
@media screen and (min-width: 639px)
{
}
@media screen and (min-width: 777px)
{
}
@media screen and (min-width: 959px)
{
}
@media screen and (min-width: 1023px)
{
}
@media screen and (min-width: 1169px)
{
}
@media screen and (min-width: 1399px)
{
}
@media screen and (min-width: 1639px)
{
}
@media screen and (min-width: 1919px)
{
}




/* NOVO */
#odrzivost-hero.regular-page .cont p {
	max-width: 100% !important;
	padding-top:15px;
}

#odrzivost-hero.regular-page .cont a {
	color:#fff;
	text-decoration: underline;
}

#odrzivost-hero.regular-page .cont ul {
	list-style: disc;
	padding-left:25px;
}
#odrzivost-hero.regular-page .cont li  {
	list-style: disc;
	display: list-item;
}


#odrzivost-hero.regular-page .cont h2,h3,h4,h5,h6 {
	margin-top:25px;
}

#odrzivost-hero.regular-page .cont h1 {
	    max-width: 100% !important;
}

.scroll {
  cursor: pointer;
}





	.rakije-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 280px 0px;
    position: relative;
    z-index: 999;
}

.rakije-row {
  display: flex;
  justify-content: space-between;
  /*gap: 30px;*/
  flex-wrap: wrap;
}

.rakija-card {
  flex: 1 1 0;
  min-width: 260px;
  text-align: center;
  color: #ffffff;
}

.rakija-card-inner {
  position: relative;
  /*overflow: hidden;*/
  border-radius: 0px;
  
  /* inicijalno samo drop shadow, bez "okvira" */
  box-shadow: -3px 6px 13px rgba(0, 0, 0, 0.51);
  transition: box-shadow 0.3s ease;
}

.rakije-wrapper h2 {
	font-size:80px;
	color:#fff;
	text-align: center;
	font-weight: bold;
}
.rakije-wrapper p {
	font-size: 23px;
	color:#ccc;
	text-align: center;
  font-weight: 300;
  padding: 0 11%;
}

/* POZADINSKA SLIKA */
.rakija-bg img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.2;
  transition: opacity 0.4s ease;
}

/* FLAŠA – centrirana preko */
.rakija-bottle {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  justify-content: center;
  pointer-events: none; /* da hover drži kolona, ne slika */
  bottom:-42px;
}

.pb60 {
	padding-bottom:60px;
}

.rakija-bottle img {
  max-height: 540px;
  width: auto;
  transform: translateY(0) scale(1);
  transition: transform 0.4s ease;
}

/* HOVER EFEKTI NA KOLONI */
/* BG slika */
.rakija-card:hover .rakija-bg img,
.rakija-card.active .rakija-bg img {
  opacity: 1;
}

/* okvir + jači shadow */
.rakija-card:hover .rakija-card-inner,
.rakija-card.active .rakija-card-inner {
  box-shadow:
    0 0 0 4px #ffffff,
    -4px 8px 18px rgba(0,0,0,0.6);
}

/* animacija flaše */
.rakija-card:hover .rakija-bottle img,
.rakija-card.active .rakija-bottle img {
  transform: translateY(-12px) scale(1.03);
}

.rakija-card-inner {
  position: relative;
  border-radius: 0;
  box-shadow: -3px 6px 13px rgba(0, 0, 0, 0.51);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}


/* TEKST ISPOD */
.rakija-text {
  margin-top: 50px;
}

.rakija-brand {
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  opacity: 0.2;
  color:#fff;
  margin-bottom: 4px;
}

.rakija-text h3 {
  font-size: 26px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.rakija-text p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  padding:0 9%;
  font-weight: 300;
}

.hide-desktop {
	display: none !important;
}
.hide-mobile {
	display: block !important;
}


/* RESPONSIVE: ispod ~900px neka se stekuje */
@media (max-width: 900px) {
  .rakije-row {
    gap: 20px;
    padding: 0 45px;
  }

  .rakija-card {
    flex: 0 0 100%;
    margin-bottom: 30px;
  }

	.rakije-wrapper {
		padding: 20px 0;
	}
	.rakije-wrapper h2 {
		font-size:2.5em;
	}
	.rakije-wrapper p {
		padding: 0 20px;
	    font-size: 17px;
	    line-height: 1.35em;
	    font-weight: 300;
	}

	.rakije-row {
    
  }
  #home-vocnjak .bg svg {
  	top:9%;
  }

  #home-vocnjak .bg {
  	background: linear-gradient(324deg, #053829 51.97%, #1B5A48 124.27%);
  }

  .hide-desktop {
		display: block !important;
	}
	.hide-mobile {
		display: none !important;
	}



	.rakija-card .rakija-bg img,
	.rakija-card .rakija-bg img {
	  opacity: 1 !important;
	}

	/* okvir + jači shadow */
	.rakija-card .rakija-card-inner,
	.rakija-card .rakija-card-inner {
	  box-shadow:
	    0 0 0 4px #ffffff,
	    -4px 8px 18px rgba(0,0,0,0.6) !important;
	}

	/* animacija flaše */
/*	.rakija-card .rakija-bottle img,
	.rakija-card .rakija-bottle img {
	  transform: translateY(-12px) scale(1.03) !important;
	}*/
}

@media (max-width: 560px) {
	.rakija-bottle img {
		max-height: 480px;
	}
}

@media (max-width: 505px) {
	.rakija-bottle img {
		max-height: 440px;
	}
}

@media (max-width: 460px) {
	.rakija-bottle img {
		max-height: 390px;
	}
}

@media (max-width: 425px) {
	.rakija-bottle img {
		max-height: 350px;
	}
}
@media (max-width: 390px) {
	.rakija-bottle img {
		max-height: 310px;
	}
}


.social-icons {
  display: flex;
  gap: 12px;
  align-items: center;
    margin-top: 15px;
}

.social-icons a {
  color: #ffffff;       /* promeni po potrebi */
  font-size: 18px;
  text-decoration: none;
  transition: transform 0.2s ease, color 0.2s ease;
}

.social-icons a:hover {
  color: #d6a156;       /* zlatkasta nijansa, npr za MIKO vibe */
  transform: translateY(-2px);
}

@media (hover: none) and (pointer: coarse) {
  .rakija-card:hover .rakija-bottle img {
    transform: translateY(0) scale(1);
  }
 }


@media (max-width: 900px) {
  .rakije-row {
    flex-direction: column;
  }

  /* KOLONA 1 ostaje prva */
  .rakije-row > .rakija-card:nth-child(1) {
    order: 1;
  }

  /* KOLONA 2 ide na kraj (treća) */
  .rakije-row > .rakija-card:nth-child(2) {
    order: 3;
  }

  /* KOLONA 3 ide ispred kolone 2 (druga) */
  .rakije-row > .rakija-card:nth-child(3) {
    order: 2;
  }

  .rakija-card {
    flex: 0 0 100%;
  }

  .social-icons {
  	  justify-content: center;

  }
}