@charset "utf-8";
/* CSS Document */
body {font-family:'Poppins', Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:16px;font-weight:400;background:#ffffff;color:#1a1a1a;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;color:inherit;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Poppins', Arial, Helvetica, sans-serif;background:none;color:inherit;}
button, input, textarea {font-family:'Poppins', 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:#1a1a1a;}
#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 {transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;opacity:0;}
*.lazy.lazy-on {opacity:1;}
*.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;}

/* 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;}


/* 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;}

/* page-content */
#page-content {position:relative;a-index:10;width:100%;overflow:hidden;font-size:clamp(16px,calc(0.8vw + 8.32px),20px);}
#page-content *.tx-16 {font-size:clamp(14px,calc(0.64vw + 6.65px),17px);}

.button a, .button button {display: inline-block;line-height:1em;border-radius:1.3em;max-width: 100%;text-align:left;font-size:1em;}
.button a strong, .button button strong {max-width:100%;white-space: nowrap;text-overflow: ellipsis;line-height:1.25em;font-weight: 400;font-size:0.8em;}
.button a svg, .button button svg {display: block;float:right;height:0.65em;margin-top:0.175em;margin-right:-1.6em;}

.button.solid a, .button.solid button {padding:0.8em 3em 0.8em 1.4em;background:#0D861C;color:#ffffff;}
.button.solid a:hover, .button.solid button:hover {background:#ffd000;color:#1a1a1a;}
.button.solid a svg, .button.solid button svg {fill:#ffffff;}
.button.solid a:hover svg, .button.solid button:hover svg {fill:#1a1a1a;}

.button.outline a, .button.outline button {padding:0.675em 2.875em 0.675em 1.275em;background:none;border:0.125em solid #1a1a1a;color:#1a1a1a;}
.button.outline a:hover, .button.outline button:hover {border-color:#0D861C;color:#0D861C;}
.button.outline a strong, .button.outline button strong {font-weight: 600;}
.button.outline a svg, .button.outline button svg {fill:#1a1a1a;}
.button.outline a:hover svg, .button.outline button:hover svg {fill:#0D861C;}

.button.outline.c-white a, .button.outline.c-white button {border-color:#ffffff;color:#ffffff;}
.button.outline.c-white a:hover, .button.outline.c-white button:hover {border-color:#0D861C;color:#ffffff;background:#0D861C;}
.button.outline.c-white a svg, .button.outline.c-white button svg {fill:#ffffff;}
.button.outline.c-white a:hover svg, .button.outline.c-white button:hover svg {fill:#ffffff;}


/* header 1000 */
header {display: block;position:relative;z-index:1000;width:100%;overflow:visible;}
header .ab {display: block;background:#ffffff;width:100%;z-index:1000;overflow:visible;}
header .logo {display: block;position: absolute;z-index:1020;left:8vw;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
header .logo a {display: block;width:100%;}
header .logo a img {display: block;width:100%;}
@media screen and (max-width: 479px)
{
	header .logo {width:6em;}
}
@media screen and (min-width: 479px)
{
	header .logo {width:7em;}
}
@media screen and (min-width: 1585px)
{
	header .logo {left:50%;margin-left:-665px;}
}
header .lang {display: block;position:absolute;z-index:1020;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:3.75em;height:1.5em;right:8vw;overflow:visible;}
header .lang button {display: block;position:absolute;width:100%;height:100%;font-size:1em;border:2px solid #0D861C;border-radius:0.25em;background:none;outline:none;}
header .lang button strong {position:absolute;z-index:1025;width:60%;left:0%;top:50%;margin-top:-0.5em;font-weight: 600;text-align: center;color:#0D861C;line-height:1em;font-size:0.8em;}
header .lang button svg {height:0.35em;top:50%;fill:none;stroke:#0D861C;display: block;position:absolute;z-index:1020;margin-top:-0.175em;right:0.6em;-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
header .lang.open button svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
header .lang ul {display: none;position:absolute;z-index:1025;width:100%;border:2px solid #0D861C;border-radius:0.25em;background:#ffffff;left:0%;top:1.75em;}
header .lang li {font-size:0.75em;text-align:center;font-weight: 400;border-bottom:1px dashed #0D861C;color:#0D861C;}
header .lang li:last-child {border:none;}
header .lang li a {color:inherit;}
header .lang li span {cursor:pointer;}
header .lang li a, header .lang li span {display: block;line-height:1.2em;padding:0.3em 0em;}
@media screen and (max-width: 777px)
{
	header .lang {margin-right:3em;}
}
@media screen and (min-width: 1585px)
{
	header .lang {right:50%;margin-right:-665px;}
}
header nav {display: block;box-sizing: border-box;position:absolute;z-index:1000;right:7.5vw;top:50%;width:85vw;padding-right:4em;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
header nav ul {display: flex;width:100%;justify-content: flex-end;gap:2.5vw;padding-right:2.5vw;color:#1a1a1a;font-weight:600;}
header nav a {color:inherit;}
header nav a:hover {color:#0D861C;}
header nav li.cur {color:#3F3F3F;}
header nav li.cur a:hover {color:#3F3F3F;}
@media screen and (max-width: 777px)
{
	header nav {display: none;}
}
@media screen and (min-width: 1585px)
{
	header nav {right:50%;margin-right: -665px;}
	header nav ul {gap:40px;padding-right:40px;}
}
#nav-button {position:absolute;z-index:1050;right:7.5vw;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);width:2em;height:2em;}
#nav-button button {display: block;width:2em;height:2em;font-size:1em;border:none;outline:none;background:none;}
#nav-button button svg {display: block;width:100%;fill:none;stroke:#010101;}
@media screen and (min-width: 777px)
{
	#nav-button {display: none;}
}
@media screen and (max-width: 777px)
{
	header .ab {position:absolute;}
	header, header .ab {height:6em;}
}
@media screen and (max-width: 479px)
{
	header, header .ab {height:4.5em;}
}
@media screen and (min-width: 777px)
{
	header .ab {position:fixed;box-shadow:0px 0px 0px rgba(0,0,0,0);}
	header, header .ab {-o-transition:height 0.5s, box-shadow 0.5s;-moz-transition:height 0.5s, box-shadow 0.5s;-webkit-transition:height 0.5s, box-shadow 0.5s;transition:height 0.5s, box-shadow 0.5s;}
	header, header .ab {height:6em;}
	header.fx, header.fx .ab {height:3.5em;}
	header.fx .ab {box-shadow:0px 1px 8px rgba(0,0,0,0.25);}
}

/* footer */
footer {position:relative;z-index:10;width:100%;background:#2F2F2F;color:#ffffff;}
footer .in {margin:auto;width:84vw;max-width:1330px;}
footer .head .logo {position: relative;z-index:10;width:7em;height:2.4em;}
footer .head .logo a {display: block;position:absolute;z-index:10;width:100%;height:100%;}
footer .head .logo a img {display: block;position:absolute;z-index:10;width:100%;height:100%;object-fit: contain;}
footer .head .kontakt {position:relative;z-index:10;height:3em;}
footer .head .kontakt a {display: block;color:#ffffff;position:absolute;z-index: 10;width:100%;height:100%;}
footer .head .kontakt a::after {display: block;content:' ';width:100%;height:4px;background:#0D861C;border-radius: 2px;position:absolute;z-index:10;left:0%;bottom:0%;}
footer .head .kontakt a:hover::after {background:#ffffff;}
footer .head .kontakt a em {display: block;line-height:1.2em;position:absolute;z-index:10;font-style: normal;font-weight:400;top:1.4em;margin-top:-0.6em;}
footer .head .kontakt a svg {position:absolute;z-index:11;display: block;height:1em;top:0.9em;right:0%;fill:#ffffff;}
footer .body .info ul.adresar li {line-height:1.2em;padding-bottom:1.5em;}
footer .body .info ul.adresar li a {color:#ffffff;}
footer .body .info ul.adresar li a:hover {color:#0D861C;}
footer .body .info ul.social {display: flex;justify-content: flex-start;gap:0.6em;}
footer .body .info ul.social li {display: block;position:relative;width:2em;height:2em;}
footer .body .info ul.social a {display: block;position:absolute;z-index:10;width:2em;height:2em;border-radius:1em;background:#0E871D;}
footer .body .info ul.social a:hover {background:#ffffff;}
footer .body .info ul.social svg {display: block;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#ffffff;-o-transition:fill 0.3s, stroke 0.3s;-moz-transition:fill 0.3s, stroke 0.3s;-webkit-transition:fill 0.3s, stroke 0.3s;transition:fill 0.3s, stroke 0.3s;}
footer .body .info ul.social a:hover svg {fill:#2F2F2F;}
footer .body .info ul.social li.linkedin svg {width:0.9em;}
footer .body .info ul.social li.instagram svg {width:1.05em;}
footer .body .info ul.social li.facebook svg {height:1em;}
footer .body .info ul.social li.youtube svg {width:1.1em;fill:none;stroke:#ffffff;}
footer .body .info ul.social li.youtube a:hover svg {stroke:#2F2F2F;}
footer .body .info ul.social li.youtube svg *.tro {fill:#ffffff;-o-transition:fill 0.3s, stroke 0.3s;-moz-transition:fill 0.3s, stroke 0.3s;-webkit-transition:fill 0.3s, stroke 0.3s;transition:fill 0.3s, stroke 0.3s;}
footer .body .info ul.social li.youtube a:hover svg *.tro {fill:#2F2F2F;}
footer .body .nav li {font-weight:300;}
footer .body .nav li:first-child {font-weight: 600;}
footer .body .nav li a {color:#ffffff;}
footer .body .nav li a:hover {color:#0E871D;}
footer .body .nav .cert {width:100%;max-width:6em;}
footer .body .nav .cert p {line-height:1.2em;font-size:0.8em;padding-bottom:0.5em;}
footer .body .nav .cert img {display: block;width:100%;}
footer .foot p {line-height:1.2em;}
@media screen and (max-width: 479px)
{
	footer .body .nav ul {font-size:1em;}
	footer .body .nav li {padding-bottom:0.5em;}
	footer .body .nav li:first-child {font-size:1.1em;}
	footer .body .nav ul:first-child {padding-bottom:0.5em;}
	footer .body .nav .cert {padding-top:1.5em;}
	footer .foot {font-size:0.8em;}
}
@media screen and (min-width: 479px)
{
	footer .body .nav {display: flex;justify-content: space-between;gap:0.75em;}
	footer .body .nav ul {font-size:0.8em;}
	footer .body .nav li {padding-bottom:1em;}
	footer .body .nav li:first-child {font-size:1.1em;}
	footer .body .nav .cert {padding-top:3em;}
}
footer .body .nav li:last-child {padding-bottom: 0em;}
@media screen and (max-width: 777px)
{
	footer .head .logo {width:7em;height:2.4em;margin-bottom:1.5em;}
	footer .head .kontakt {width:100%;margin-bottom:1.5em;}
	footer .body .info ul.adresar li {padding-bottom:0.75em;}
	footer .body .info ul.adresar {padding-bottom:1.5em;}
	footer .body .nav {width:100%;padding-top:1.5em;}
	footer .foot {padding-top:1.5em;}
}
@media screen and (min-width: 777px)
{
	footer .head,
	footer .body {display: flex;justify-content: space-between;margin-bottom:3em;}
	footer .head .kontakt {width:22.5em;}
	footer .body .info ul.adresar li {padding-bottom:1.5em;}
	footer .body .info ul.adresar {padding-bottom:3em;}
	footer .body .nav {width:22.5em;}
	footer .foot {padding-top:3em;text-align:center;}
}
footer .body .info ul.adresar li:last-child {padding-bottom: 0em;}
@media screen and (max-width: 777px)
{
	footer {padding:60px 0px 36px 0px;}
}
@media screen and (min-width: 777px) and (max-width: 1585px)
{
	footer {padding:7.5vw 0px 4.5vw 0px;}
}
@media screen and (min-width: 1585px)
{
	footer {padding:120px 0px 72px 0px;}
}
/* go_top_button 1000 */
button#go-top-button {position:fixed;box-sizing:border-box;z-index:1000;bottom:-1.25em;right:0.25em;width:1em;height:1em;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-moz-border-radius:1em;border-radius:1em;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.25);box-shadow:0px 4px 4px rgba(0,0,0,0.25);background:rgba(255,255,255,0.5);}
	button#go-top-button:hover {background:#30AF91;}
	button#go-top-button.on {bottom:0.25em;}
	button#go-top-button svg {display:block;position:absolute;z-index:1002;left:50%;top:50%;width:0.4em;height:0.4em;margin:-0.2em;fill:none;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
	button#go-top-button svg path {stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
	@media screen and (max-width: 959px)
	{
		button#go-top-button {font-size:48px;}
	}
	@media screen and (min-width: 959px)
	{
		button#go-top-button {font-size:64px;}
	}
	@media screen and (min-width: 1639px)
	{
		button#go-top-button {font-size:80px;}
	}

/* navigacija 2000 */
#navigacija {position:fixed;z-index:-1;top:0%;left:0%;width:100%;height:100%;margin-left:-300%;overflow:hidden;}
#navigacija.open {z-index:2000;margin-left:0%;}
/* bg */
#navigacija .bg {position:absolute;z-index:2000;overflow:visible;width:100%;left:0%;height:100%;top:0%;}
/* default */
#navigacija .bg.default {top:-100%;transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;}
#navigacija.in .bg.default {top:0%;}
#navigacija.in.out .bg.default {top:200%;}
/* close */
#navigacija .close {position:absolute;z-index:2100;top:0em;right:0em;overflow:visible;}
/* default */
#navigacija .close.default {transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;}
#navigacija.out .close.default {top:200%;}
#navigacija .close.default .a {display:block;position:absolute;z-index:2100;width:1em;height:1em;box-sizing:border-box;cursor:pointer;-moz-border-radius:0.5em;border-radius:0.5em;-ms-transform: rotate(-135deg) matrix(0.05, 0, 0, 0.05, 0, 0);-webkit-transform: rotate(-135deg) matrix(0.05, 0, 0, 0.05, 0, 0);transform: rotate(-135deg) matrix(0.05, 0, 0, 0.05, 0, 0);transition:transform 0.5s, top 0.75s, border 0.3s;-moz-transition:transform 0.5s, top 0.75s, border 0.3s;-webkit-transition:-webkit-transform 0.5s, top 0.75s, border 0.3s;-o-transition:transform 0.5s, top 0.75s, border 0.3s;}
#navigacija.in .close.default .a {ms-transform: rotate(45deg) matrix(1, 0, 0, 1, 0, 0);-webkit-transform: rotate(45deg) matrix(1, 0, 0, 1, 0, 0);transform: rotate(45deg) matrix(1, 0, 0, 1, 0, 0);transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
#navigacija.in.out .close.default .a {transition-delay:0s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;}
#navigacija .close.default .a:before,
#navigacija .close.default .a:after {display:block;position:absolute;z-index:2102;content:' ';top:50%;left:50%;}
#navigacija .close.default .a:before {height:4px;width:0.5em;margin:-2px -0.25em;}
#navigacija .close.default .a:after {width:4px;height:0.5em;margin:-0.25em -2px;}
/* content */
#navigacija .content {display:block;position:absolute;z-index:2050;top:0%;left:0%;width:100%;height:100%;}
/* default */
#navigacija .content.default {transition:top 0.75s;-moz-transition:top 0.75s;-webkit-transition:top 0.75s;-o-transition:top 0.75s;}
#navigacija.out .content.default {top:200%;}
#navigacija .content.default .in-content {display:block;position:absolute;z-index:2050;}
#navigacija .content.default .in-content .main {width:84vw;margin:auto;max-width:1330px;}
#navigacija .content.default .in-content .main .nav {display:block;box-sizing:border-box;width:100%;overflow:hidden;}
#navigacija .content.default .in-content .main .nav li {-ms-transform: matrix(1, 0, 0, 1, 120, 0);-webkit-transform: matrix(1, 0, 0, 1, 120, 0);transform: matrix(1, 0, 0, 1, 120, 0);filter:alpha(opacity=0);opacity:0;transition:transform 0.75s, opacity 0.75s;-moz-transition:transform 0.75s, opacity 0.75s;-webkit-transition:-webkit-transform 0.75s, opacity 0.75s;-o-transition:transform 0.75s, opacity 0.75s;}
	#navigacija.in .content.default .main .nav li {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;}
	#navigacija.in .content.default .main .nav li:nth-last-child(1) {transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(2) {transition-delay:0.55s;-moz-transition-delay:0.55s;-webkit-transition-delay:0.55s;-o-transition-delay:0.55s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(3) {transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(4) {transition-delay:0.65s;-moz-transition-delay:0.65s;-webkit-transition-delay:0.65s;-o-transition-delay:0.65s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(5) {transition-delay:0.7s;-moz-transition-delay:0.7s;-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(6) {transition-delay:0.75s;-moz-transition-delay:0.75s;-webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(7) {transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(8) {transition-delay:0.85s;-moz-transition-delay:0.85s;-webkit-transition-delay:0.85s;-o-transition-delay:0.85s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(9) {transition-delay:0.9s;-moz-transition-delay:0.9s;-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(10) {transition-delay:0.95s;-moz-transition-delay:0.95s;-webkit-transition-delay:0.95s;-o-transition-delay:0.95s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(11) {transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(12) {transition-delay:1.05s;-moz-transition-delay:1.05s;-webkit-transition-delay:1.05s;-o-transition-delay:1.05s;}
	#navigacija.in .content.default .main .nav li:nth-last-child(13) {transition-delay:1.1s;-moz-transition-delay:1.1s;-webkit-transition-delay:1.1s;-o-transition-delay:1.1s;}
	#navigacija .content.default .main .nav li a {line-height:inherit;}
#navigacija .content.default .info {width:84vw;margin:auto;max-width:1330px;}
#navigacija .content.default .info .in-info {line-height:1.75em;}
#navigacija .content.default .info .in-info {-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;transition:transform 0.75s, opacity 0.75s;-moz-transition:transform 0.75s, opacity 0.75s;-webkit-transition:-webkit-transform 0.75s, opacity 0.75s;-o-transition:transform 0.75s, opacity 0.75s;transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
#navigacija.in .content.default .info .in-info {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;}
#navigacija .content.default .in-content {top:50%;left:0%;width:100%;height:auto;max-height:100%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);overflow:auto;}
#navigacija ul.social {display: flex;justify-content: flex-start;gap:0.6em;}
#navigacija ul.social li {display: block;position:relative;width:2em;height:2em;}
#navigacija ul.social a {display: block;position:absolute;z-index:10;width:2em;height:2em;border-radius:1em;background:#0E871D;}
#navigacija ul.social a:hover {background:#ffffff;}
#navigacija ul.social svg {display: block;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#ffffff;-o-transition:fill 0.3s, stroke 0.3s;-moz-transition:fill 0.3s, stroke 0.3s;-webkit-transition:fill 0.3s, stroke 0.3s;transition:fill 0.3s, stroke 0.3s;}
#navigacija ul.social a:hover svg {fill:#2F2F2F;}
#navigacija ul.social li.linkedin svg {width:0.9em;}
#navigacija ul.social li.instagram svg {width:1.05em;}
#navigacija ul.social li.facebook svg {height:1em;}
#navigacija ul.social li.youtube svg {width:1.1em;fill:none;stroke:#ffffff;}
#navigacija ul.social li.youtube a:hover svg {stroke:#2F2F2F;}
#navigacija ul.social li.youtube svg *.tro {fill:#ffffff;-o-transition:fill 0.3s, stroke 0.3s;-moz-transition:fill 0.3s, stroke 0.3s;-webkit-transition:fill 0.3s, stroke 0.3s;transition:fill 0.3s, stroke 0.3s;}
#navigacija ul.social li.youtube a:hover svg *.tro {fill:#2F2F2F;}
/* color */
#navigacija .bg {background:#f4f4f4;}
#navigacija .close .a {border:4px solid #0E871D;}
#navigacija .close .a:hover {border-color:#000000;}
#navigacija .close .a:before,
#navigacija .close .a:after {background:#000000;}
#navigacija .in-content .main .nav li {line-height:1.05em;}
#navigacija .in-content .main .nav li a {font-weight:900;color:#1a1a1a;}
#navigacija .in-content .main .nav li a:hover {color:#0D861C;}
/* px */
	#navigacija .close .a {top:24px;right:36px;font-size:48px;}
#navigacija .in-content .main .nav {padding:60px 0px 24px 0px;font-size:clamp(40px,10vw,60px);}
#navigacija .in-content .info .in-info {padding:0px 0px 60px 0px;font-size:clamp(17px,4.25vw,20px);}
#navigacija ul.social {padding-top:24px;}
#navigacija .content.default .info .in-info a:hover {color:#0D861C;}

/* home-hero */
#home-hero {position:relative;z-index:100;width:100%;overflow:hidden;}
#home-hero .bg {z-index:100;}
#home-hero .bg a {display: block;position: absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;}
#home-hero .bg a img {display: block;position: absolute;z-index:100;width:100%;height:100%;op:0%;left:0%;object-fit: cover;}
#home-hero .tx {z-index:110;}
#home-hero .tx h1 {font-weight:700;}
#home-hero .tx h1 a:hover {color:#0D861C;}
#home-hero .tx h1 {font-size:2em;line-height:1.4em;}
@media screen and (max-width: 479px)
{
	#home-hero .tx h1 {font-size:1.75em;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	#home-hero .tx h1 {font-size:1.75em;}
}
#home-hero .tx p {padding:1.75em 0em;line-height:1.5em;max-width:20em;}
@media screen and (max-width: 639px)
{
	#home-hero .bg {position:relative;height:40vw;min-height:200px;}
	#home-hero .tx {position:relative;text-align:center;width:84vw;margin:auto;padding:8vw 0vw;}
	#home-hero .tx p {margin:auto;}
}
@media screen and (min-width: 639px)
{
	#home-hero .bg {position:absolute;height:100%;top:0%;}
	#home-hero .tx {position:absolute;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
}
@media screen and (min-width: 639px)
{
	#home-hero {height:48vw;}
	#home-hero .bg {width:30%;left:70%;}
	#home-hero .tx {left:8vw;width:60%;}
}
@media screen and (min-width: 959px)
{
	#home-hero {height:40vw;}
	#home-hero .bg {width:43%;left:57%;}
	#home-hero .tx {left:8vw;width:46%;}
}
@media screen and (min-width: 1585px)
{
	#home-hero {height:634px;}
	#home-hero .bg {width:calc(50% - 92px);left:calc(50% + 92px);}
	#home-hero .tx {left:50%;margin-left:-665px;width:612px;}
}

/* blok */
section {display: block;width:100%;position:relative;z-index:100;}
section.blok.bg-f4 {background:#f4f4f4;}
section.blok.pad-6 {padding:6vw 0em;}
section.blok.pad-6 .pad-top {padding-top:6vw;}
section.blok.pad-6 .pad-bottom {padding-bottom:6vw;}
@media screen and (max-width: 639px)
{
	section.blok.pad-6 {padding:40px 0em;}
	section.blok.pad-6 .pad-top {padding-top:40px;}
	section.blok.pad-6 .pad-bottom {padding-bottom:40px;}
}
@media screen and (min-width: 1585px)
{
	section.blok.pad-6 {padding:96px 0em;}
	section.blok.pad-6 .pad-top {padding-top:96px;}
	section.blok.pad-6 .pad-bottom {padding-bottom:96px;}
}
section.blok.sve-usluge-ee {background:#F2F8F4 url(../../img/sve-usluge/cosak.jpg) right no-repeat;background-size:auto 100%;}

/* slider */
section.slider {display: block;position:relative;z-index:200;width:100%;}
section.slider .bg {display: block;position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;overflow:hidden;background:#1a1a1a;}
section.slider .bg .item {display: block;position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;overflow:hidden;}
section.slider .bg img {display: block;position:absolute;z-index:200;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
section.slider .ram {position:absolute;top:5%;height:90%;width:100%;z-index:205;left:0%;}
section.slider .ram::before {display: block;content:' ';position:relative;z-index:205;height:100%;margin:auto;border:9px solid rgba(255, 208, 0, 0.7);box-sizing: border-box;}
section.slider .cont {display: block;position:absolute;z-index:210;top:50%;height:90%;left:50%;width:84vw;max-width: 1330px;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
section.slider .cont .inc {display:block;width:88%;left:6%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);position: absolute;z-index:210;color:#ffffff;}
section.slider .cont p.nadnaslov {line-height:1.2em;text-transform: uppercase;letter-spacing: 0.1em;}
section.slider .cont p.naslov {font-weight: 700;line-height:1.35em;}
section.slider .cont p.naslov a:hover {text-decoration: underline;}
section.slider .cont p.text {line-height:1.5em;}
section.slider .cont p.naslov {font-size:1.75em;max-width:16em;}
section.slider .cont p.text {max-width:36em;}
section.slider .cont p.nadnaslov {padding-bottom:1.5em;}
section.slider .cont p.text {padding:1.5em 0em;}
@media screen and (max-width: 959px)
{
	section.slider {height:400px;}
	section.slider .ram::before {width:84vw;}
}
@media screen and (max-width: 479px)
{
	section.slider {height:520px;}
	section.slider .cont p.naslov {font-size:1.5em;}
}
@media screen and (min-width: 479px) and (max-width: 639px)
{
	section.slider {height:480px;}
}
@media screen and (min-width: 959px)
{
	section.slider {height:37.5vw;}
	section.slider .ram::before {width:84vw;}
}
@media screen and (min-width: 1585px)
{
	section.slider {height:594px;}
	section.slider .ram::before {width:1330px;}
}

/* center */
.center {width:84vw;max-width:1330px;margin:auto;text-align: center;}
.center h1, .center h2, .center h3 {font-weight: 700;line-height:1.4em;margin:auto;width:100%;}
.center p {margin:auto;width:100%;line-height:1.5em;font-weight:400;}
.center p strong {font-weight: 700;}
/* par-lista */
@media screen and (max-width: 639px)
{
	.par-lista li.par-lista-item {margin-bottom:36px;}
	.par-lista li.par-lista-item:last-child {margin-bottom: 0px;}
}
@media screen and (min-width: 639px)
{
	.par-lista ul.par-lista-ul {display:flex;justify-content: space-between;width:100%;gap:4vw;flex-wrap: wrap;padding-top:2vw;}
	.par-lista li.par-lista-item {width:38vw;padding-bottom:2vw;}
}
@media screen and (min-width: 1585px)
{
	.par-lista ul.par-lista-ul {gap:52px;padding-top:32px;}
	.par-lista li.par-lista-item {width:505px;padding-bottom:32px;}
}
/* hero */
.hero {width:100%;overflow: hidden;position:relative;z-index:100;background:#1a1a1a;color:#ffffff;font-size:2em;}
.hero .bg {position:absolute;z-index: 100;width:100%;height:100%;top:0%;left:0%;}
.hero .bg img {position:absolute;z-index: 100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;}
.hero .tx {position:absolute;z-index:100;width:100%;top:50%;line-height:1.2em;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.hero .tx p {margin:auto;width:84vw;max-width:1330px;}
@media screen and (max-width: 639px)
{
	.hero {height:178px;font-size:1.5em;}
}
@media screen and (min-width: 639px)
{
	.hero {height:27.75vw;}
}
@media screen and (min-width: 1585px)
{
	.hero {height:440px;}
}
/* desno-skretanje */
.desno-skretanje {margin:auto;width:84vw;max-width:1330px;line-height:1.5em;position:relative;z-index:100;}
.desno-skretanje p {padding-bottom:1.25em;}
.desno-skretanje p:last-child {padding-bottom:0em;}
.desno-skretanje .t {position:relative;z-index:100;}
@media screen and (max-width: 639px)
{
	.desno-skretanje .t {width:100%;}
}
@media screen and (min-width: 639px)
{
	.desno-skretanje .t {width:80%;min-width:537px;left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
}
/* wim */
.wim {margin:auto;width:84vw;max-width: 1330px;line-height:1.5em;position:relative;z-index:100;}
.in-wim {position:relative;z-index:100;}
.wim .im img {display: block;position:absolute;z-index:100;width:100%;height:100%;object-fit: cover;}
.wim .tx {position:relative;z-index:100;}
.wim li {line-height:1.5em;padding-left:1.25em;}
.wim li::before {content:'\25CF';display: block;float:left;margin-left: -1.25em;color:#0D861C;}
.wim p, .wim h3, .wim ul {padding-top:1.5em;}
.wim h2 {font-size: 2em;}
@media screen and (max-width: 777px)
{
	.wim .tx {margin-bottom:1.5em;}
	.wim .im {height:80vw;position:relative;}
}
@media screen and (max-width: 479px)
{
	.wim h2 {font-size: 1.5em;}
}
@media screen and (min-width: 639px) and (max-width: 777px)
{
	.wim .in-wim {width:80%;min-width:537px;left:100%;-ms-transform: translate(-100%, 0%);-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%);}
}
@media screen and (min-width: 777px)
{
	.wim .im {position:absolute;z-index:100;width:37.5vw;height:100%;left:0%;top:0%;}
	.wim .tx {left:52%;width:48%;}
}
@media screen and (min-width: 1585px)
{
	.wim .im {width:594px;}
}
/* dots */
ul.dots li {line-height:1.5em;padding-left:1.25em;}
ul.dots li::before {content:'\25CF';display: block;float:left;margin-left: -1.25em;color:#0D861C;}


/* home */
#home-nasa-podrska h2 {font-size:1.5em;color:#0D861C;padding-bottom:1em;text-transform: uppercase;}
@media screen and (max-width: 479px)
{
	#home-nasa-podrska h2 {font-size:1.25em;}
}
#home-nase-resenje {margin:auto;width:84vw;max-width:1330px;}
#home-nase-resenje h2 {text-transform: uppercase;letter-spacing: 0.1em;font-weight: 700;font-size:1em;color:#0D861C;line-height:1.2em;}
#home-nase-resenje .head {padding-bottom:4vw;}
@media screen and (max-width: 479px)
{
	#home-nase-resenje h2 {font-size:0.85em;}
}
@media screen and (max-width: 639px)
{
	#home-nase-resenje .head {padding-bottom:25px;}
}
@media screen and (min-width: 639px)
{
	#home-nase-resenje .head {padding-bottom:4vw;}
}
@media screen and (min-width: 1585px)
{
	#home-nase-resenje .head {padding-bottom:52px;}
}
#home-nase-resenje h3 a:hover {color:#0D861C;}
#home-nase-resenje h3 {font-size:1.35em;line-height:1.3em;font-weight:700;}
#home-nase-resenje p {line-height:1.5em;padding:2em 0em;}
#home-nase-usluge-head h2 {font-size:2.25em;padding-bottom:0.6em;}
#home-nase-usluge-head h2 a {color:#0D861C;}
#home-nase-usluge-head h2 a:hover {text-decoration: underline;}
@media screen and (max-width: 479px)
{
	#home-nase-usluge-head h2 {font-size:1.75em;}
}
#home-nase-usluge {margin:auto;width:84vw;max-width:1330px;}
#home-nase-usluge h3 {font-size:1.35em;line-height:1.3em;font-weight:700;text-transform: uppercase;}
#home-nase-usluge h3 a:hover {color:#0D861C;}
#home-nase-usluge p {line-height:1.5em;padding-top:1.5em;}

/* o nama */
#o-nama-nasa-misija p.big {font-weight: 500;line-height:1.5em;font-size:1.15em;}
#o-nama-nase-vrednosti h2 {text-transform: uppercase;font-weight:700;font-size:1em;padding-bottom:1.25em;color:#0D861C;letter-spacing: 0.1em;}
#o-nama-pridruzite-se {margin:auto;width:84vw;max-width:960px;}
#o-nama-pridruzite-se p {padding-bottom:1em;}
#o-nama-pridruzite-se p:last-child {padding-bottom:0em;}
#o-nama-pridruzite-se p.big {font-weight: 700;color:#0C871C;line-height:1.5em;font-size:1.15em}
#o-nama-clanstvo {margin:auto;width:84vw;max-width:1330px;}
#o-nama-clanstvo p {line-height:1.5em;padding-bottom: 1em;text-align:center;}
#o-nama-clanstvo ul {display: flex;justify-content:space-between;gap:2vw;}
#o-nama-clanstvo img {height:6.25vw;}
@media screen and (max-width: 639px)
{
	#o-nama-clanstvo ul {flex-wrap: wrap;gap:24px;}
	#o-nama-clanstvo img {height:12vw;}
}
@media screen and (min-width: 639px)
{
	#o-nama-clanstvo ul {gap:2vw;}
	#o-nama-clanstvo img {height:6.25vw;}
}
@media screen and (min-width: 1585px)
{
	#o-nama-clanstvo ul {gap:30px;}
	#o-nama-clanstvo img {height:100px;}
}

/* usluge */
#usluge-zajedno p.big {font-weight: 500;line-height:1.5em;font-size:1.15em;max-width:27em;}
#usluge-pridruzite-se p {font-weight: 500;line-height:1.5em;font-size:1.15em;max-width:33em;}

/* sve-usluge */
#sve-usluge-hero {background:none;}
#sve-usluge-hero p {font-weight: 700;color:#1C1A1B;text-shadow:2px 2px 0px #F2F8F3;}
#sve-usluge-hero p strong {display: block;font-weight:700;}
@media screen and (max-width: 479px)
{
	#sve-usluge-hero.hero {font-size:1.25em;}
}
 

#sve-usluge-izrada {width:84vw;margin:auto;max-width:1330px;}
#sve-usluge-izrada h2 {text-transform: uppercase;padding-bottom:0.75em;}

#sve-usluge-ee {width:84vw;margin:auto;max-width:1330px;}
#sve-usluge-ee h2 {text-transform: uppercase;padding-bottom:0.75em;}
#sve-usluge-verifikacija {width:84vw;margin:auto;max-width:1330px;}
#sve-usluge-verifikacija h2 {text-transform: uppercase;padding-bottom:0.75em;}

#sve-usluge-optimizacija {width:84vw;margin:auto;max-width:1330px;}
#sve-usluge-optimizacija h2 {text-transform: uppercase;padding-bottom:0.75em;}

/*

1585
1330

green        0D861C


-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%);

-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -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: 1585px)
{
	
}

@media screen and (min-width: 1639px)
{
}
@media screen and (min-width: 1919px)
{
}
